/* Recorrido hasta la prueba gratis (docs/RECORRIDO_PRUEBA.md): qué se oculta del paso de Epic
   en el recorrido de la prueba y el paso del correo. */

/* En el recorrido de la prueba la guía sustituye al aviso genérico y a la pestaña única. */
#stepScreen-4[data-trial-journey] .new-account-alert-banner,
#stepScreen-4[data-trial-journey] #epicLinkModeTabs{display:none!important}

/* Mientras se ofrece abrir la web fuera de la app, Epic espera a que la persona elija. */
#stepScreen-4[data-inapp-handoff] #linkPane-oauth,
#stepScreen-4[data-inapp-handoff] #epicBotGuide{display:none!important}

/* El resto del paso de Epic (tarjeta del bot, micro-pasos, código, espera, errores, cuenta
   vinculada y aviso del navegador integrado) está en f2-epic.css. */

/* Paso del correo (pantalla 3, docs/CORREOS_PROGRAMA.md): un solo campo, la casilla opcional
   desmarcada y la nota legal en pequeño. */
.email-step-form{max-width:520px;margin:24px auto 0;padding:22px;border:1px solid #31445d;border-radius:14px;background:#101b2b;text-align:left}
.email-step-form .form-input{min-height:52px;font-size:1rem}
.email-step-error{margin:10px 0 0;color:#ffb4b4;font-size:.82rem;line-height:1.5}
.email-step-suggestion{margin-top:8px;min-height:44px}
/* Sugerencias de dominio: una fila desplazable de toques de 44 px que no empuja el botón fuera del teclado. */
.email-step-domains:not([hidden]){display:flex;gap:8px;margin:10px 0 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.email-step-domains::-webkit-scrollbar{display:none}
.email-step-domain{flex:0 0 auto;min-height:44px;padding:0 14px;border:1px solid #31445d;border-radius:999px;background:#16243a;color:var(--text-light);font:inherit;font-size:.86rem;cursor:pointer}
.email-step-domain:hover,.email-step-domain:focus-visible{border-color:var(--accent);color:#fff}
.email-step-domain[hidden]{display:none}
/* El botón queda visible sobre el teclado (--email-step-keyboard lo calcula app.js con visualViewport). */
#btnEmailStepContinue{scroll-margin-bottom:calc(var(--email-step-keyboard, 0px) + 16px)}
.email-step-legal{margin:12px 0 0;color:var(--text-muted);font-size:.74rem;line-height:1.55}
.email-step-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.email-step-form .step-nav-footer{margin-top:20px}
#btnEmailStepContinue[aria-busy="true"]{opacity:.72;cursor:progress}
@media (max-width:640px){.email-step-form{padding:18px;margin-top:20px}.email-step-form .form-input{font-size:16px}}