.ev-confirmacion{
  position:relative;
  overflow:hidden;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
.ev-confirmacion--card .ev-block-inner{
  width:auto;
  max-width:calc(100% - 48px);
  box-sizing:border-box;
  margin:24px auto;
  border-radius:20px;
  background:rgba(255,255,255,.13);
  backdrop-filter:blur(4px);
}
.ev-confirmacion-title{margin:0 0 16px;line-height:1.12}
.ev-confirmacion-text{margin:0 0 24px;line-height:1.5}
.ev-confirmacion .ev-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 22px;
  border:0;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  line-height:1.1;
  cursor:pointer
}
.ev-confirmacion .ev-btn.is-disabled{opacity:.55;cursor:default}
.ev-confirmacion-frame{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%
}
.ev-confirmacion--card .ev-block-inner{
  margin:24px;
  border-radius:20px;
  background:rgba(255,255,255,.13);
  backdrop-filter:blur(4px)
}
.ev-confirmacion--minimal .ev-block-inner{padding-top:34px;padding-bottom:34px}
.ev-confirmacion--marco .ev-block-inner{padding:68px 30px}

.ev-confirmacion-d{
  width:min(100%,420px);
  margin:0 auto;
  display:grid;
  gap:14px
}
.ev-confirmacion-d[hidden]{display:none!important}
.ev-confirmacion-d label{
  display:grid;
  gap:6px;
  text-align:left;
  font:inherit
}
.ev-confirmacion-d label span{
  font-size:14px;
  font-weight:700;
  opacity:.96
}
.ev-confirmacion-d input,
.ev-confirmacion-d textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.45);
  border-radius:14px;
  padding:12px 14px;
  font:inherit;
  color:#222;
  background:rgba(255,255,255,.94);
  outline:none
}
.ev-confirmacion-d textarea{resize:vertical;min-height:82px}
.ev-confirmacion-d input:focus,
.ev-confirmacion-d textarea:focus{box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.ev-confirmacion-save{justify-self:center}
.ev-confirmacion-whatsapp-d{justify-self:center;margin-top:2px}
.ev-confirmacion-status{
  min-height:20px;
  font-size:14px;
  font-weight:700;
  text-align:center
}
.ev-confirmacion-status.ok{color:#d9ffe1}
.ev-confirmacion-status.error{color:#ffd8d8}
.ev-confirmacion-abc-form{

  width:min(100%,420px);

  margin:18px auto 0;

  box-sizing:border-box;

  display:grid;

  gap:14px;

  position:relative;

  overflow:hidden;

  backdrop-filter:blur(6px);

  -webkit-backdrop-filter:blur(6px);

  box-shadow:0 10px 30px rgba(0,0,0,.22);

}
.ev-confirmacion-form-overlay{

  position:absolute;

  inset:0;

  background:var(--form-overlay-color, #000000);

  opacity:var(--form-overlay-opacity, 0);

  pointer-events:none;

  z-index:0;

}

.ev-confirmacion-abc-form > *:not(.ev-confirmacion-form-overlay){

  position:relative;

  z-index:1;

}
.ev-confirmacion-abc-form[hidden]{
  display:none!important;
}

.ev-confirmacion-abc-form label{
  display:grid;
  gap:7px;
  text-align:left;
}

.ev-confirmacion-abc-form label span{
  font-size:14px;
  font-weight:700;
  color:#fff;
  line-height:1.25;
}

.ev-confirmacion-abc-form input,
.ev-confirmacion-abc-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.45);
  border-radius:12px;
  padding:12px 14px;
  font:inherit;
  color:#222;
  background:rgba(255,255,255,.96);
  outline:none;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}

.ev-confirmacion-abc-form textarea{
  resize:vertical;
  min-height:88px;
}

.ev-confirmacion-abc-form input:focus,
.ev-confirmacion-abc-form textarea:focus{
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.20);
}

.ev-confirmacion-abc-form .ev-confirmacion-whatsapp{
  justify-self:center;
  margin-top:4px;
}

@media (max-width:480px){

  .ev-confirmacion-abc-form{

    gap:12px;

  }

}
.ev-confirmacion-abc-form .ev-confirmacion-hide{justify-self:center;margin-top:2px}
