/* Marca Pase (docs/marca). El sitio sí carga la tipografía de marca: no tiene la restricción offline de la app. */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700;800&display=swap");
body{margin:0;font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:19px;line-height:1.5;color:#161A2C;background:#FAF7F1}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
h1,h2{font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-.02em}
h1{font-size:44px;margin:0 0 8px;color:#2443C4}
.lead{font-size:22px;color:#161A2C;margin:0 0 32px}
.dl{display:block;text-align:center;padding:22px;font-size:24px;font-weight:700;color:#161A2C;background:#FF8A3D;border-radius:16px;text-decoration:none}
.sub{text-align:center;color:#5A5F70;font-size:16px;margin:10px 0 32px}
.box{background:#fff;border:1px solid #E4DFD5;border-radius:16px;padding:18px 20px;margin:20px 0}
.beta{background:#FFF2DF;border:1px solid #F5B45C}
ol li{margin:0 0 14px}
img{max-width:100%;border:1px solid #E4DFD5;border-radius:10px;margin:8px 0}
a{color:#2443C4}
.top{display:flex;justify-content:space-between;align-items:center;min-height:24px;margin:0 0 12px;font-size:16px}
.top .lang{margin-left:auto}
.dl:hover{background:#FF9D5C}
.dl:focus-visible,a:focus-visible{outline:3px solid #2443C4;outline-offset:3px}
[hidden]{display:none!important} /* .dl{display:block} le ganaba al atributo hidden */
/* Guía "cómo abrir": cada paso dice qué vas a ver y qué tocar. */
.jump{font-size:16px;color:#5A5F70;margin:-16px 0 8px}
h2{margin-top:40px;font-size:30px}
.steps{padding-left:0;list-style:none;counter-reset:paso}
.steps>li{counter-increment:paso;position:relative;padding:0 0 0 52px;margin:0 0 22px}
.steps>li::before{content:counter(paso);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;background:#2443C4;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px}
.btn{display:inline-block;padding:1px 10px;border:1.5px solid #161A2C;border-radius:8px;background:#fff;font-weight:700;white-space:nowrap;box-shadow:0 2px 0 #E4DFD5}
.warn{margin:10px 0 0;padding:10px 14px;background:#FDECEA;border-left:4px solid #B42318;border-radius:8px;font-size:17px}
.note{margin:10px 0 0;color:#5A5F70;font-size:17px}
.ok{background:#E5F3EA;border-color:#A9D4B8}
details summary{cursor:pointer;font-weight:700}
pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}
pre{background:#161A2C;color:#FAF7F1;padding:12px 14px;border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}