/* Simulador del formulario 1208 de la 462 (ImmiAccount) · viajacongus.com
   Gus, 01/10/2026: «sería genial poder tener un formulario real en nuestra página web en el que
   la gente pueda completar, simular. Aclarar que nosotros no nos guardamos ningún dato».
   Por eso acá no hay fetch de salida, no hay localStorage y no hay formulario que se envíe:
   todo vive en una variable de JavaScript y se pierde al cerrar la pestaña. */
.sim462,#sim462{--s-bor:#d7d9de;--s-fon:#f6f7f9;--s-tx:#1a1d23;--s-ten:#5d646f;--s-ac:#1B4D8F;--s-ok:#117a4a;--s-al:#8a3b12;
  border:1px solid var(--s-bor);border-radius:12px;background:#fff;color:var(--s-tx);overflow:hidden;margin:28px 0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sim462 *,#sim462 *{box-sizing:border-box}
.sim462-aviso{background:#eef4fb;border-bottom:1px solid var(--s-bor);padding:12px 16px;font-size:14px;line-height:1.55;color:#20365a}
.sim462-aviso b{color:#132a4d}
.sim462-barra{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--s-bor);background:var(--s-fon);flex-wrap:wrap}
.sim462-paso{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--s-ac);
  border:1px solid var(--s-bor);background:#fff;border-radius:999px;padding:7px 12px;white-space:nowrap}
.sim462-prog{flex:1;min-width:120px;height:6px;border-radius:999px;background:#e3e6ea;overflow:hidden}
.sim462-prog i{display:block;height:100%;background:var(--s-ac);transition:width .25s ease}
.sim462-cuerpo{padding:20px 18px}
.sim462-cuerpo h3{margin:0 0 4px;font-size:21px;line-height:1.3}
.sim462-en{margin:0 0 18px;font-size:13.5px;color:var(--s-ten)}
.sim462-sec{margin:22px 0 10px;padding-top:14px;border-top:1px dashed var(--s-bor);
  font:600 12px/1.3 system-ui;letter-spacing:.07em;text-transform:uppercase;color:var(--s-ten)}
.sim462-sec:first-child{margin-top:0;padding-top:0;border-top:none}
.sim462-c{margin:0 0 18px}
.sim462-c>label,.sim462-c>.sim462-lb{display:block;font-weight:600;font-size:15px;margin-bottom:3px}
.sim462-req{color:#b3261e;margin-left:3px}
.sim462-ayuda{display:block;font-size:13.5px;line-height:1.55;color:var(--s-ten);margin:0 0 7px}
.sim462 input[type=text],#sim462 input[type=text],.sim462 input[type=date],#sim462 input[type=date],.sim462 input[type=email],#sim462 input[type=email],.sim462 select,#sim462 select,.sim462 textarea,#sim462 textarea{
  width:100%;padding:10px 12px;border:1px solid var(--s-bor);border-radius:8px;font-size:15.5px;
  font-family:inherit;background:#fff;color:inherit}
.sim462 input:focus,#sim462 input:focus,.sim462 select,#sim462 select:focus,.sim462 textarea,#sim462 textarea:focus{outline:2px solid var(--s-ac);outline-offset:1px;border-color:var(--s-ac)}
.sim462-op{display:flex;gap:9px;align-items:flex-start;margin:0 0 7px;font-size:15px;font-weight:400}
.sim462-op input{margin-top:3px;flex:none}
.sim462-falta input,.sim462-falta select{border-color:#b3261e;background:#fff7f6}
.sim462-aviso-falta{margin:12px 0 0;padding:10px 13px;border-radius:8px;background:#fdf1ef;border:1px solid #f0c8c2;
  color:#8a1f16;font-size:14px;line-height:1.5}
.sim462-pie{display:flex;gap:10px;align-items:center;padding:14px 18px;border-top:1px solid var(--s-bor);background:var(--s-fon);flex-wrap:wrap}
/* El fondo lleva un color literal ANTES de la variable: si --s-ac no resuelve (pasó: el div
   traía el id y no la clase), el botón quedaba blanco sobre blanco y no se veía. */
.sim462-btn{font:600 15px/1 system-ui;padding:11px 20px;border-radius:8px;
  border:1px solid #1B4D8F;background:#1B4D8F;color:#fff;cursor:pointer}
.sim462-btn{border-color:var(--s-ac,#1B4D8F);background:var(--s-ac,#1B4D8F)}
.sim462-btn[disabled]{opacity:.4;cursor:not-allowed}
.sim462-btn.sec{background:#fff;color:var(--s-ac,#1B4D8F)}
.sim462-pie small{color:var(--s-ten);font-size:13px;margin-left:auto}
.sim462-fin{text-align:center;padding:18px 4px}
.sim462-fin h3{font-size:23px;margin:0 0 10px}
.sim462-fin p{color:var(--s-ten);line-height:1.65;margin:0 auto 14px;max-width:46ch}
@media (max-width:560px){.sim462-cuerpo{padding:17px 14px}.sim462-pie small{margin-left:0;width:100%}}

/* Pantallas del formulario que todavía no pudimos capturar. Antes el simulador saltaba del
   paso 3 al 5 sin decir nada y parecía un error nuestro. Ahora el hueco se ve y se explica. */
.sim462-hueco{margin:0;padding:16px 18px;border-radius:10px;background:#fdf6e8;
  border:1px solid #e8d4a8;color:#6b4e0f;font-size:15px;line-height:1.6}