:root{
  --azul:#12355b; --azul-claro:#1d5a96; --verde:#1b7f3b; --gris:#5b6770; --fondo:#f3f5f7; --borde:#c9d1d8;
  --rojo:#b3261e; --texto:#16212b;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:18px;line-height:1.35}
.cabecera{background:var(--azul);color:#fff;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));display:flex;align-items:baseline;gap:12px}
.marca{font-weight:800;font-size:1.5rem;letter-spacing:.04em}
.subtitulo{font-size:1rem;letter-spacing:.14em;opacity:.9}
.contenido{max-width:560px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}
.datos{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:14px 18px;margin-bottom:18px}
.saludo{font-size:1.4rem;font-weight:700;margin:0 0 6px}
.dato{font-size:1.2rem;margin:2px 0}
.aviso{margin:4px 0 0;font-size:1.1rem;color:var(--gris)}
.pantalla{display:flex;flex-direction:column;gap:14px}
.pantalla[hidden],[hidden]{display:none!important}
.titulo{font-size:1.7rem;margin:6px 0;text-align:center}
.texto{font-size:1.15rem;text-align:center;margin:0}
.boton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:84px;border:0;border-radius:18px;
  font:inherit;font-size:1.45rem;font-weight:800;letter-spacing:.03em;text-align:center;cursor:pointer;
  -webkit-tap-highlight-color:transparent;user-select:none;padding:12px 16px}
.boton-principal{background:var(--azul-claro);color:#fff;box-shadow:0 3px 0 #123e6b}
.boton-principal:active{transform:translateY(2px);box-shadow:none}
.boton-principal[disabled]{background:#7f93a6;box-shadow:none;cursor:default}
.boton-secundario{background:#fff;color:var(--azul-claro);border:3px solid var(--azul-claro);min-height:68px;font-size:1.25rem}
.enlace-boton{display:flex;align-items:center;justify-content:center;min-height:56px;background:none;border:0;color:var(--gris);
  font:inherit;font-size:1.05rem;text-decoration:underline;cursor:pointer;text-align:center}
.icono{font-size:1.8rem}
.oculto{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.vista{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:8px;display:flex;justify-content:center}
.vista img{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:8px}
.vista-pdf{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;font-size:1.2rem;font-weight:700}
.vista-pdf .icono{font-size:3.4rem}
.error{white-space:pre-line;background:#fdecea;color:var(--rojo);border:1px solid #f1b8b3;border-radius:12px;padding:12px 14px;margin:0;font-size:1.1rem;font-weight:600}
.pantalla-ok{align-items:stretch;padding-top:18px}
.tilde{width:132px;height:132px;margin:0 auto;border-radius:50%;background:var(--verde);color:#fff;font-size:5rem;line-height:132px;text-align:center;font-weight:800}
@media (min-width:600px){.boton{min-height:92px}}