@font-face{font-family:'TU Neo Sans';src:url('/fuentes/tu-neo-sans-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'TU Neo Sans';src:url('/fuentes/tu-neo-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'TU Neo Sans';src:url('/fuentes/tu-neo-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--azul:#009FE3;--azul-d:#0077B6;--tinta:#111827;--suave:#4B5563;--linea:#E5E7EB;--fondo:#F3F4F6;--papel:#fff;--nota:#FFF7E6;--nota-t:#5B4A1F;--ok:#ECFDF5;--ok-t:#065F46}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:'TU Neo Sans',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
.top{background:var(--papel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:5}
.top-in{max-width:760px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.top img{height:34px;width:auto;display:block}
.volver{color:var(--azul-d);text-decoration:none;font-weight:700;font-size:15px;padding:8px 12px;border-radius:10px;background:#E0F4FC}
main{max-width:760px;margin:0 auto;padding:28px 16px 48px}
.etq{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--azul-d)}
h1{font-size:30px;line-height:1.2;margin:6px 0 10px}
.intro{font-size:17px;color:var(--suave);margin:0 0 6px}
.lee{font-size:14px;color:#6B7280;margin:0 0 26px}
.tarjeta{background:var(--papel);border-radius:18px;padding:22px 22px 8px;margin-bottom:18px;box-shadow:0 1px 2px rgba(17,24,39,.05)}
h2{font-size:21px;margin:0 0 14px;line-height:1.3}
ol.pasos{list-style:none;counter-reset:p;padding:0;margin:0 0 14px}
ol.pasos>li{counter-increment:p;position:relative;padding:0 0 14px 44px;font-size:16px}
ol.pasos>li::before{content:counter(p);position:absolute;left:0;top:-1px;width:30px;height:30px;border-radius:15px;background:#E0F4FC;color:var(--azul-d);font-weight:700;display:grid;place-items:center;font-size:15px}
b,strong{font-weight:700}
.ruta{display:inline;background:#EEF2F7;border-radius:6px;padding:1px 7px;font-weight:700;font-size:15px;white-space:normal}
figure{margin:6px 0 18px}
figure img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--linea);background:#fff}
figure.cel img{max-width:340px;margin:0 auto}
figcaption{font-size:14px;color:#6B7280;margin-top:8px;text-align:center}
.nota{background:var(--nota);color:var(--nota-t);border-radius:14px;padding:14px 16px;margin:4px 0 18px;font-size:15px}
.ok{background:var(--ok);color:var(--ok-t);border-radius:14px;padding:14px 16px;margin:4px 0 18px;font-size:15px}
ul.lista{padding-left:20px;margin:0 0 16px}ul.lista li{margin-bottom:6px}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;background:#EEF2F7;border-radius:6px;padding:1px 6px;word-break:break-all}
.ayuda{text-align:center;color:var(--suave);font-size:15px;margin-top:28px}
.ayuda a{display:inline-block;margin-top:10px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:12px}
@media (max-width:560px){h1{font-size:25px}.tarjeta{padding:18px 16px 6px}}
figure.gif img{max-width:340px;margin:0 auto;border-radius:18px;border:1px solid var(--linea);box-shadow:0 6px 20px rgba(17,24,39,.08);height:auto}
figure.gif figcaption{font-size:13.5px}