.simerline-demo .barra-acciones .boton-lleno{display:none}

.entrada{
  position:relative; overflow:hidden;
  background:
    radial-gradient(70% 60% at 90% 0%, color-mix(in srgb,var(--celeste) 20%,transparent) 0%, transparent 60%),
    linear-gradient(180deg, var(--papel-alto) 0%, var(--papel) 100%);
  padding:clamp(40px,5vw,72px) 0 clamp(52px,6vw,92px);
}
.entrada-rejilla{display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(32px,5vw,64px)}
@media (min-width:980px){.entrada-rejilla{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:start}}
.ceja{
  font-family:var(--dato); font-size:11.5px; font-weight:500; letter-spacing:.13em; text-transform:uppercase;
  color:var(--azul); display:flex; align-items:center; gap:11px; margin-bottom:22px;
}
.ceja::before{content:""; width:28px; height:1.5px; background:var(--azul); flex:none}
.entrada h1{font-size:clamp(34px,4.3vw,54px); font-weight:800; letter-spacing:-.02em}
.entrada-bajada{margin-top:20px; font-size:18px; color:var(--tinta-media); max-width:50ch}

.despues{list-style:none; margin:34px 0 0; padding:0; display:grid; gap:18px; position:relative}
.despues::before{content:""; position:absolute; left:19px; top:22px; bottom:22px; width:2px; background:linear-gradient(to bottom, var(--azul), var(--linea))}
.despues li{display:grid; grid-template-columns:40px minmax(0,1fr); gap:16px; align-items:start; position:relative}
.despues-num{
  width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--papel-alto);
  border:2px solid var(--azul); color:var(--azul); font-weight:800; font-size:15px; position:relative; z-index:1;
}
.despues h3{font-size:17px; font-weight:700; padding-top:8px}
.despues p{margin-top:4px; font-size:15px; color:var(--tinta-media); line-height:1.55}

.ficha{
  background:var(--papel-alto); border:1px solid var(--linea); border-radius:var(--radio);
  box-shadow:var(--sombra-alta); padding:clamp(24px,3vw,34px); position:relative;
}
.ficha h2{font-size:21px; font-weight:800; letter-spacing:-.025em}
.ficha-sub{margin-top:6px; font-size:14.5px; color:var(--tinta-tenue)}
.entrada-tranquila{margin-top:22px; font-size:14px; color:var(--tinta-tenue)}
.dos{display:grid; gap:16px} @media (min-width:560px){.dos{grid-template-columns:1fr 1fr}}
.campos{display:grid; gap:16px; margin-top:24px}
.campo label{display:block; font-size:13.5px; font-weight:600; color:var(--tinta); margin-bottom:7px}
.campo label span{font-weight:400; color:var(--tinta-tenue)}
.campo input,.campo select,.campo textarea{
  width:100%; font-family:inherit; font-size:16px; color:var(--tinta); background:var(--papel);
  border:1.5px solid var(--linea-fuerte); border-radius:11px; padding:13px 14px;
  transition:border-color .18s, box-shadow .18s, background .18s;
}
.campo select{appearance:none; -webkit-appearance:none; padding-right:40px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%237C89A0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat; background-position:right 14px center}
.campo textarea{min-height:88px; resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none; border-color:var(--azul); background:var(--papel-alto); box-shadow:0 0 0 4px color-mix(in srgb,var(--azul) 14%,transparent)}
.campo input[aria-invalid="true"],.campo select[aria-invalid="true"]{border-color:var(--alerta)}
.telefono-grupo{
  display:flex; align-items:stretch; background:var(--papel); border:1.5px solid var(--linea-fuerte); border-radius:11px;
  transition:border-color .18s, box-shadow .18s, background .18s;
}
.telefono-grupo:focus-within{border-color:var(--azul); background:var(--papel-alto); box-shadow:0 0 0 4px color-mix(in srgb,var(--azul) 14%,transparent)}
.campo.mal .telefono-grupo{border-color:var(--alerta)}
.telefono-pais{
  display:inline-flex; align-items:center; gap:7px; padding:0 12px 0 14px; border-right:1.5px solid var(--linea);
  font-family:var(--cifra); font-size:14.5px; font-weight:500; color:var(--tinta-media); white-space:nowrap; user-select:none; font-variant-numeric:tabular-nums;}
.telefono-pais .bandera{display:block; width:20px; height:14px; border-radius:2.5px; overflow:hidden; box-shadow:0 0 0 1px rgba(20,30,56,.12)}
.telefono-pais .bandera svg{display:block; width:20px; height:14px}
.campo .telefono-grupo input{border:0; background:transparent; border-radius:0 11px 11px 0; min-width:0; flex:1 1 auto}
.campo .telefono-grupo input:focus{box-shadow:none; background:transparent}
.campo-ayuda{margin-top:6px; font-size:12.5px; color:var(--tinta-tenue)}
.campo-error{display:none; margin-top:6px; font-size:13px; color:var(--alerta)}
.campo.mal .campo-error{display:block}
.consentir{display:flex; gap:11px; align-items:flex-start; font-size:13.5px; color:var(--tinta-media); line-height:1.5}
.consentir input{width:18px; height:18px; margin-top:2px; flex:none; accent-color:var(--azul)}
.consentir a{color:var(--azul); text-decoration:none; font-weight:600}
.consentir a:hover{text-decoration:underline}
.ficha .boton{width:100%; justify-content:center; margin-top:4px}
.ficha .boton[disabled]{opacity:.6; cursor:progress; transform:none}
.ficha-nota{margin-top:14px; font-size:13px; color:var(--tinta-tenue); text-align:center}
.miel{position:absolute; left:-9999px; top:-9999px; opacity:0; height:0; width:0; overflow:hidden}

.ficha-estado{display:none; text-align:center; padding:12px 4px 4px}
.ficha-estado.viva{display:block}
.ficha-estado .sello{
  width:64px; height:64px; border-radius:50%; margin:0 auto 18px; display:grid; place-items:center;
  background:var(--azul-lavado); color:var(--azul);
}
.ficha-estado .sello svg{width:30px; height:30px}
.ficha-estado h2{font-size:24px}
.ficha-estado p{margin-top:12px; font-size:16px; color:var(--tinta-media); line-height:1.6; max-width:40ch; margin-inline:auto}
.ficha-estado p b{color:var(--tinta)}
.ficha-estado .boton{width:auto; margin-top:22px}
.ficha.enviando .campos,.ficha.enviando > h2,.ficha.enviando .ficha-sub,.ficha.enviando .ficha-nota{opacity:.45; pointer-events:none}
.ficha.hecha > h2,.ficha.hecha .ficha-sub,.ficha.hecha .campos,.ficha.hecha .ficha-nota{display:none}

.espera-pais{display:none; margin-top:-4px; padding:14px 16px; border-radius:12px; background:var(--azul-lavado); border:1px solid var(--linea); font-size:14.5px; color:var(--tinta); line-height:1.5}
.espera-pais.viva{display:block}
.espera-pais b{color:var(--azul)}
.ficha.en-espera .solo-demo{display:none}

.aviso-pago{border:0; padding:0; background:transparent; max-width:min(520px,calc(100vw - 32px)); width:100%}
.aviso-pago::backdrop{background:rgba(5,25,42,.55); backdrop-filter:blur(3px)}
.aviso-pago-caja{margin:0; background:var(--papel-alto); color:var(--tinta); border-radius:var(--radio); padding:clamp(24px,4vw,36px); box-shadow:var(--sombra-alta); text-align:center}
.aviso-pago-icono{width:52px; height:52px; border-radius:50%; margin:0 auto 16px; display:grid; place-items:center; background:var(--azul-lavado); color:var(--azul)}
.aviso-pago-icono svg{width:26px; height:26px}
.aviso-pago h3{font-size:clamp(20px,2.4vw,24px); font-weight:800; margin:0 0 10px; letter-spacing:-.02em}
.aviso-pago p{margin:0; font-size:15.5px; line-height:1.6; color:var(--tinta-media)}
.aviso-pago p a{color:var(--azul); font-weight:600; text-decoration:none}
.aviso-pago-acciones{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:22px}
.aviso-pago-acciones .boton{cursor:pointer}