:root{--papel:#f3ead8;--papel2:#e9dcc2;--carta:#fffaf0;--tinta:#1d2b3a;--suave:#5d6670;--raya:#d6c6a6;--mar:#1c5f86;--lava:#e2603a;--fs:1.15rem;--d:'Gloock',Georgia,serif;--b:'Newsreader',Georgia,serif;--u:'Bricolage Grotesque',system-ui,sans-serif;--h:'Caveat',cursive}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--papel) radial-gradient(#0000000a 1px,transparent 1px) 0 0/5px 5px;color:var(--tinta);font:400 1rem/1.55 var(--u)}
a{color:inherit}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}
.w{width:min(1200px,100% - 40px);margin-inline:auto}
.salto{position:absolute;left:-999px}.salto:focus{left:8px;top:8px;z-index:99;background:var(--tinta);color:#fff;padding:8px 12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px dashed var(--lava);outline-offset:3px}
.mano{font:500 1.3rem/1.2 var(--h);color:var(--mar)}
/* cabecera */
.top{position:sticky;top:0;z-index:50;background:var(--tinta);color:var(--papel)}
.top .w{display:flex;align-items:center;gap:20px;min-height:66px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}.lg{width:38px;height:38px;color:var(--lava)}
.marca b{display:block;font:400 1.6rem/1 var(--d)}.marca i{display:block;font:600 .66rem/1.5 var(--u);font-style:normal;text-transform:uppercase;letter-spacing:.14em;opacity:.75}
.menu{display:flex;margin-left:auto;gap:2px;flex-wrap:wrap}
.menu a{text-decoration:none;font-weight:600;font-size:.88rem;padding:8px 10px;border-radius:99px;position:relative}
.menu a[style]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rc);margin-right:6px;vertical-align:1px}
.menu a:hover{background:#ffffff14}.menu a[aria-current]{background:var(--papel);color:var(--tinta)}
.abrir{display:none;margin-left:auto;background:none;border:1px solid #ffffff55;border-radius:8px;width:44px;height:40px;cursor:pointer;position:relative}
.abrir span:not(.sr){position:absolute;left:11px;right:11px;height:2px;background:var(--papel);transition:.2s}.abrir span:nth-child(1){top:14px}.abrir span:nth-child(2){top:23px}
.abrir[aria-expanded=true] span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.abrir[aria-expanded=true] span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}
.ruta{display:flex;height:5px}.ruta i{flex:1;background:var(--rc)}
/* postal */
.postal a{display:block;text-decoration:none;background:var(--carta);padding:10px 10px 14px;box-shadow:0 1px 0 var(--raya),0 14px 26px -18px #1d2b3a88;transform:rotate(var(--rot));transition:transform .25s,box-shadow .25s}
.postal a:hover{transform:rotate(0) translateY(-4px);box-shadow:0 1px 0 var(--raya),0 22px 34px -18px #1d2b3aaa}
.anv{position:relative}.anv img{aspect-ratio:3/2;object-fit:cover}
.sello{position:absolute;top:10px;right:10px;background:var(--carta);padding:6px 8px;min-width:62px;text-align:center;border:2px solid var(--carta);outline:2px dotted var(--carta);outline-offset:2px;box-shadow:0 2px 6px #0004;transform:rotate(3deg)}
.sello b{display:block;font:400 1.25rem/1 var(--d);color:var(--rc)}.sello i{display:block;font:800 .58rem var(--u);font-style:normal;letter-spacing:.14em;color:var(--tinta);margin-top:3px;border-top:1px solid var(--rc);padding-top:2px}
.mata{position:absolute;left:12px;bottom:12px;width:84px;height:84px;border:2px solid #fffd;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 .58rem/1.3 var(--u);letter-spacing:.06em;color:#fff;text-transform:uppercase;transform:rotate(-12deg);text-shadow:0 1px 3px #000a;padding:8px;background:radial-gradient(circle,#0003,transparent 70%)}
.rev{padding:12px 4px 0;background:repeating-linear-gradient(transparent 0 27px,var(--raya) 27px 28px) 0 6px}
.cc{margin:0;font:800 .68rem var(--u);text-transform:uppercase;letter-spacing:.14em;color:var(--rc)}
.postal h3{font:400 1.25rem/1.22 var(--d);margin:6px 0 8px}
.postal .ent{font:400 1.05rem/1.55 var(--b);color:var(--suave);margin:0 0 6px}
.pmeta{display:flex;gap:10px;flex-wrap:wrap;margin:0;font:600 .74rem var(--u);color:var(--suave)}
.vista{display:none;color:var(--rc)}.postal.visto .vista{display:inline}.vista:before{content:"✓ "}
.postal.grande h3{font-size:clamp(1.5rem,2.5vw,2.1rem)}
/* portada */
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;padding:54px 0 40px}
.kicker{font:800 .74rem var(--u);text-transform:uppercase;letter-spacing:.16em;color:var(--lava);margin:0 0 14px}
.hero h1{font:400 clamp(2.4rem,5vw,4.3rem)/1.02 var(--d);margin:0 0 18px}.hero h1 span{color:var(--mar);font-style:italic}
.h-tx>p:not(.kicker){font:400 1.22rem/1.5 var(--b);color:var(--suave);max-width:40ch;margin:0 0 24px}
.aros{display:flex;gap:14px;flex-wrap:wrap}
.aro{background:none;border:0;padding:0;cursor:pointer;display:grid;justify-items:center;gap:6px;width:74px}
.aro span{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--rc) 0 100%);padding:3px;transition:transform .2s}
.aro span b{width:100%;height:100%;border-radius:50%;background:var(--papel);border:3px solid var(--papel);display:grid;place-items:center;font:400 1.15rem var(--d);color:var(--rc);box-shadow:inset 0 0 0 1px var(--raya)}
.aro.visto span{background:var(--raya)}.aro:hover span{transform:scale(1.07)}
.aro i{font:600 .72rem/1.15 var(--u);font-style:normal;text-align:center}
.ver-todo{margin-top:20px;background:var(--tinta);color:var(--papel);border:0;border-radius:99px;padding:11px 20px;font-weight:600;cursor:pointer}
.ver-todo:before{content:"▶ ";font-size:.8em}.ver-todo.claro{background:var(--carta);color:var(--tinta)}
.hero .postal{--rot:1.6deg}
.ruta-l{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--tinta);border-bottom:2px solid var(--tinta);margin:10px 0 20px}
.ruta-l a{text-decoration:none;padding:16px 14px;border-right:1px dashed var(--raya);display:grid;gap:2px;position:relative}
.ruta-l a:last-child{border-right:0}.ruta-l a:after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);background:var(--papel);font-weight:800;color:var(--suave)}.ruta-l a:last-child:after{display:none}
.ruta-l b{font:400 1.8rem/1 var(--d);color:var(--rc)}.ruta-l span{font-weight:700}.ruta-l i{font-style:normal;font-size:.8rem;color:var(--suave)}
.ruta-l a:hover{background:var(--carta)}
.banda{padding:40px 0;border-bottom:1px dashed var(--raya)}
.banda>header{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.paso{font:500 1.35rem var(--h);color:var(--rc);margin:0}
.banda h2{font:400 2.4rem/1 var(--d);margin:0}.banda h2 a{text-decoration:none}.banda h2 a:hover{color:var(--rc)}
.banda header p:last-child{margin:0;font:400 1.05rem var(--b);color:var(--suave)}
.tira{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.banda:nth-child(even) .tira{direction:rtl}.banda:nth-child(even) .tira>*{direction:ltr}
.quiz-p{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:48px 0 60px;align-items:center}
.quiz-p h2{font:400 2.2rem var(--d);margin:0 0 6px}
.marcador{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.marcador a{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;border:2px dashed var(--raya);text-decoration:none;font:400 1.2rem var(--d);color:var(--suave);position:relative}
.marcador a.hecho{border-style:solid;border-color:var(--rc);background:var(--carta);color:var(--rc)}
.marcador a small{position:absolute;bottom:4px;font:700 .55rem var(--u);letter-spacing:.08em;color:var(--suave)}
.marc-t{grid-column:1/-1;font:400 1.05rem var(--b);margin:6px 0 0}
/* historias */
.hist{position:fixed;inset:0;z-index:90;background:#0d1319f2;display:grid;place-items:center;animation:ap .25s}
@keyframes ap{from{opacity:0}}
.h-c{position:relative;width:min(440px,100vw);height:min(780px,100dvh);background:#000 center/cover;border-radius:14px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.h-c:before{content:"";position:absolute;inset:0;background:linear-gradient(#0009,transparent 22%,transparent 45%,#000d)}
.h-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:2}.h-bar i{flex:1;height:3px;background:#fff5;border-radius:2px;overflow:hidden}.h-bar i b{display:block;height:100%;width:0;background:#fff}
.h-bar i.ok b{width:100%}
.h-top{position:absolute;top:24px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:3;font:700 .8rem var(--u)}
.h-top span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rc);margin-right:7px}
.h-x,.h-p{background:#0006;border:1px solid #fff6;color:#fff;border-radius:99px;padding:5px 11px;cursor:pointer;font-weight:700}
.h-tx{position:relative;z-index:2;padding:22px}
.h-tx h2{font:400 1.75rem/1.12 var(--d);margin:0 0 10px}.h-tx p{font:400 1.05rem/1.45 var(--b);margin:0 0 16px;opacity:.95}
.h-tx a{display:inline-block;background:#fff;color:var(--tinta);text-decoration:none;font-weight:700;padding:10px 18px;border-radius:99px;position:relative;z-index:4}
.h-tx .h-s{font:500 1.25rem var(--h);color:#ffd7a8}
.h-zona{position:absolute;top:70px;bottom:120px;width:40%;z-index:3;background:none;border:0;cursor:pointer}.h-zona.izq{left:0}.h-zona.der{right:0}
/* calendario */
.cab{padding:46px 0 26px;border-bottom:2px solid var(--tinta)}
.migas{font:600 .78rem var(--u);color:var(--suave);margin:0 0 10px}.migas a{text-decoration:none}.migas a:hover{text-decoration:underline}
.cab h1{font:400 clamp(2.5rem,5vw,4.2rem)/1 var(--d);margin:0 0 12px}.cab>p{font:400 1.15rem/1.5 var(--b);color:var(--suave);max-width:62ch;margin:0 0 6px}
.cal-w{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;padding:34px 0}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-self:start}
.dsem{text-align:center;font:800 .72rem var(--u);color:var(--suave);padding-bottom:4px}
.dia{min-height:74px;width:100%;border:1px solid var(--raya);background:transparent;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;text-align:left;padding:6px;cursor:default;overflow:hidden;min-width:0}.pts{position:absolute;left:6px;right:4px;bottom:6px;display:flex;flex-wrap:wrap;gap:3px}.dia b{display:block}
.dia b{font:400 1.05rem var(--d);color:var(--suave)}.dia.con{background:var(--carta);cursor:pointer;border-color:var(--tinta)}.dia.con b{color:var(--tinta)}
.dia i{display:block;width:10px;height:10px;border-radius:50%}.dia i.pub{background:var(--rc)}.dia i.ev{border:2px solid var(--rc)}
.dia>i{position:relative}.dia.sel{background:var(--tinta);color:#fff}.dia.sel b{color:#fff}
.cal-l{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cal-l>li{background:var(--carta);padding:14px 16px;border-left:4px solid var(--tinta)}.cal-l>li.sel{outline:2px solid var(--lava)}
.cal-l time{font:800 .74rem var(--u);text-transform:uppercase;letter-spacing:.1em}
.cal-l ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.cal-l ul li{border-left:3px solid var(--rc);padding-left:10px}
.cal-l ul span,.mas-alla span{display:block;font:500 1.15rem var(--h);color:var(--rc)}.cal-l a,.mas-alla a{font:400 1.08rem/1.3 var(--d);text-decoration:none}.cal-l a:hover,.mas-alla a:hover{text-decoration:underline}
.mas-alla{padding:10px 0 60px}.mas-alla h2{font:400 1.8rem var(--d)}.mas-alla ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mas-alla li{background:var(--carta);padding:14px;border-top:4px solid var(--rc)}.mas-alla time{font:800 .72rem var(--u);text-transform:uppercase;letter-spacing:.08em}
/* buzón / comunidad */
.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.filtros button{border:1.5px solid var(--tinta);background:none;border-radius:99px;padding:6px 14px;font-weight:600;cursor:pointer;font-size:.88rem}
.filtros button[style]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rc);margin-right:6px}
.filtros button.on{background:var(--tinta);color:var(--papel)}.filtros label{font-weight:600;font-size:.88rem;margin-left:8px;display:flex;gap:6px;align-items:center}
.fn{font:500 1.2rem var(--h);color:var(--mar);min-height:1.5em;margin:10px 0 0}
.muro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 26px;padding:34px 0 60px}
.postal.fuera{display:none}
.cab-reg{background:var(--rc);color:#fff;padding:50px 0 40px}.cab-reg .migas{color:#fffc}.cab-reg .paso{color:#fff}
.cab-reg h1{font:400 clamp(2.8rem,6vw,5rem)/1 var(--d);margin:4px 0 12px}.cab-reg p{font:400 1.2rem var(--b);margin:0}
.rej-reg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:44px 0}
.paradas{display:flex;justify-content:space-between;padding:0 0 50px;font:400 1.3rem var(--d)}.paradas a{text-decoration:none}.paradas a:hover{color:var(--lava)}
/* noticia */
.n-cab{padding:42px 0 24px;max-width:880px}
.n-cab .migas a:last-child{color:var(--rc);font-weight:800}
.n-cab h1{font:400 clamp(2.1rem,4.4vw,3.5rem)/1.06 var(--d);margin:0 0 16px}
.ent{font:400 1.3rem/1.5 var(--b);margin:0 0 16px}
.nmeta{display:flex;flex-wrap:wrap;gap:6px 16px;font:600 .8rem var(--u);color:var(--suave);margin:0}
.n-fig{margin-block:0 36px}.marco{position:relative;background:var(--carta);padding:14px;box-shadow:0 18px 36px -24px #1d2b3a}
.marco img{aspect-ratio:2/1;object-fit:cover}.marco .sello{top:28px;right:28px;transform:rotate(4deg) scale(1.2)}.marco .mata{left:30px;bottom:30px;width:100px;height:100px}
figcaption{font:600 .76rem var(--u);color:var(--suave);margin-top:10px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}figcaption .mano{font-size:1.2rem}
.n-w{display:grid;grid-template-columns:minmax(0,700px) 290px;gap:60px;justify-content:space-between;padding-bottom:40px}
.pq{border:2px solid var(--tinta);border-radius:10px;padding:16px 20px;margin-bottom:30px;position:relative;background:var(--carta)}
.pq:before{content:"La pregunta";position:absolute;top:-12px;left:16px;background:var(--papel);padding:0 8px;font:500 1.25rem/1 var(--h);color:var(--rc)}
.pq-q{font:400 1.25rem/1.3 var(--d);margin:4px 0 8px}.pq-a{font:400 1.08rem/1.55 var(--b);margin:0;color:var(--suave)}
.cuerpo{font:400 var(--fs)/1.75 var(--b)}.cuerpo p{margin:0 0 1.1em}.cuerpo h2{font:400 1.55rem/1.2 var(--d);margin:1.7em 0 .5em}
.cuerpo>p:first-of-type:first-line{font-variant:small-caps;letter-spacing:.03em}
dfn{font-style:normal;background:linear-gradient(var(--rc),var(--rc)) 0 100%/100% 2px no-repeat;cursor:help}
.def{position:absolute;z-index:70;max-width:300px;background:var(--tinta);color:var(--papel);padding:10px 14px;border-radius:8px;font:400 .98rem/1.45 var(--b);box-shadow:0 10px 24px -10px #000a}
.comprueba{margin:40px 0 24px;padding:24px;background:var(--carta);border-top:6px solid var(--rc);box-shadow:0 12px 26px -20px #1d2b3a}
.comprueba h2{font:400 1.9rem var(--d);margin:0}
.comprueba fieldset{border:0;padding:0;margin:18px 0}.comprueba legend{font:600 1.02rem/1.35 var(--u);margin-bottom:8px}
.comprueba label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--raya);border-radius:8px;margin-bottom:6px;cursor:pointer;font:400 1.02rem/1.4 var(--b)}
.comprueba label:hover{border-color:var(--tinta)}.comprueba label.bien{background:#e3f0e3;border-color:#3f6e4a}.comprueba label.mal{background:#f7e2dc;border-color:#b5482c}
[data-tema] .comprueba label.bien{color:#1d2b3a}
.comprueba .sol{font:500 1.15rem var(--h);color:var(--mar);margin:4px 0 0}
.comprueba button{background:var(--tinta);color:var(--papel);border:0;border-radius:99px;padding:10px 20px;font-weight:700;cursor:pointer}
.res{font:400 1.2rem var(--d);margin:12px 0 0}
.fuente{font:400 1rem/1.5 var(--b);color:var(--suave);border-top:1px dashed var(--raya);padding-top:14px}
.n-lat{position:sticky;top:96px;align-self:start;display:grid;gap:18px}
.ficha{margin:0;background:var(--carta);padding:16px 18px;border:1px solid var(--raya);background-image:repeating-linear-gradient(transparent 0 31px,var(--raya) 31px 32px)}
.ficha>p{margin:0 0 6px;font:500 1.5rem/1 var(--h);color:var(--rc)}
.ficha div{padding:6px 0}.ficha dt{font:800 .66rem var(--u);text-transform:uppercase;letter-spacing:.12em;color:var(--suave)}.ficha dd{margin:0;font:400 1.02rem/1.35 var(--b)}
.cita{margin:0;padding:14px 16px;border:2px dashed var(--rc);border-radius:10px;font:400 1rem/1.4 var(--b)}.cita b{display:block;font:800 .7rem var(--u);text-transform:uppercase;letter-spacing:.12em;color:var(--rc)}.cita em{display:block;font:500 1.3rem var(--h);font-style:normal;color:var(--mar)}
.acc{display:flex;gap:8px}.acc>button{flex:1;background:var(--rc);color:#fff;border:0;border-radius:99px;padding:10px;font-weight:700;cursor:pointer}
.tam{display:flex;gap:4px}.tam button{width:42px;border:1.5px solid var(--tinta);background:none;border-radius:99px;cursor:pointer;font:400 1.1rem var(--d)}.tam button+button{font-size:1.4rem}
.sigue{padding:30px 0 60px;border-top:2px solid var(--tinta)}.sigue h2{font:400 2rem var(--d);margin:0 0 26px}
/* legal, contacto */
.act{font:600 .78rem var(--u)!important}
.leg{max-width:780px;padding:30px 0 60px;counter-reset:s}
.leg section{padding:0 0 22px 52px;position:relative;counter-increment:s}.leg section:before{content:counter(s);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:50%;border:2px solid var(--tinta);display:grid;place-items:center;font:400 1rem var(--d)}
.leg h2{font:400 1.4rem var(--d);margin:0 0 6px}.leg p{font:400 1.08rem/1.65 var(--b);margin:0}
.titular{background:var(--carta);padding:16px 20px;border-left:4px solid var(--lava);margin-bottom:28px}.titular h2{font-size:1.2rem}
.con{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:50px;padding:34px 0 60px}
.con-f{display:grid;gap:14px}.con-f label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.con-f input,.con-f select,.con-f textarea,.boletin input{border:1.5px solid var(--raya);background:var(--carta);border-radius:8px;padding:11px 13px;font-weight:400}
.con-f button{justify-self:start;background:var(--tinta);color:var(--papel);border:0;border-radius:99px;padding:11px 20px;font-weight:700;cursor:pointer}
.nota{font:400 .98rem var(--b);color:var(--suave);margin:0}
.postal-d{background:var(--carta);padding:24px;transform:rotate(1.5deg);box-shadow:0 14px 28px -20px #1d2b3a;font:400 1.08rem/1.6 var(--b);align-self:start;background-image:repeating-linear-gradient(transparent 0 29px,var(--raya) 29px 30px)}
[data-msg]{font:500 1.15rem var(--h);color:var(--mar)}
/* pie */
.pie{background:var(--tinta);color:var(--papel);padding:50px 0 24px}
.pie-g{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.3fr;gap:36px}
.pie .mano{color:#ffcfa8;font-size:1.4rem}
.pie h3{font:800 .72rem var(--u);text-transform:uppercase;letter-spacing:.14em;margin:6px 0 12px;color:var(--lava)}
.pie-g>div>a{display:block;text-decoration:none;padding:3px 0;opacity:.85}.pie-g>div>a:hover{opacity:1;text-decoration:underline}
.boletin p{margin:0 0 10px;opacity:.85}.boletin div{display:flex;gap:6px}.boletin input{flex:1;min-width:0;color:var(--tinta)}
.boletin button{background:var(--lava);color:#fff;border:0;border-radius:99px;padding:0 16px;font-weight:700;cursor:pointer}.boletin [data-msg]{color:#ffcfa8}
.pie-l{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #ffffff22;margin-top:36px;padding-top:18px;font:500 .74rem/1.6 var(--u);opacity:.75}
.aviso{position:fixed;left:50%;bottom:20px;transform:translate(-50%,200%);opacity:0;background:var(--tinta);color:var(--papel);padding:10px 18px;border-radius:99px;font-weight:600;font-size:.9rem;transition:.3s;z-index:95;pointer-events:none;border:1px solid #ffffff33}
.aviso.on{transform:translate(-50%,0);opacity:1}
@media (max-width:1060px){.menu a{padding:7px 7px;font-size:.82rem}.muro{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:940px){
.abrir{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--tinta);flex-direction:column;padding:8px 20px 20px;gap:0}.menu.on{display:flex}.menu a{border-radius:0;border-bottom:1px solid #ffffff1a;padding:12px 4px;font-size:1rem}
.hero,.quiz-p,.cal-w,.con,.n-w{grid-template-columns:minmax(0,1fr)}.hero{gap:34px;padding-top:36px}
.ruta-l{grid-template-columns:repeat(5,minmax(0,1fr))}.ruta-l a{padding:12px 8px}.ruta-l span{font-size:.8rem}.ruta-l i{display:none}
.tira{grid-template-columns:repeat(2,minmax(0,1fr))}.muro{grid-template-columns:repeat(2,minmax(0,1fr))}.n-lat{position:static}
.pie-g{grid-template-columns:1fr 1fr}}
@media (max-width:620px){
.w{width:calc(100% - 32px)}.marca b{font-size:1.35rem}.marca i{font-size:.58rem}
.tira,.muro,.rej-reg{grid-template-columns:minmax(0,1fr)}.banda:nth-child(even) .tira{direction:ltr}
.ruta-l{grid-template-columns:1fr}.ruta-l a{grid-template-columns:auto 1fr;align-items:center;gap:12px;border-right:0;border-bottom:1px dashed var(--raya)}.ruta-l a:after{display:none}.ruta-l b{font-size:1.3rem}.ruta-l span{font-size:1rem}
.aros{flex-wrap:nowrap;gap:6px}.aro{width:auto;flex:1;min-width:0}.aro span{width:54px;height:54px}.aro i{font-size:.64rem}
.marcador{grid-template-columns:repeat(4,1fr)}.pie-g{grid-template-columns:1fr}
.marco{padding:8px}.marco .sello{top:16px;right:16px;transform:rotate(4deg)}.marco .mata{display:none}.marco img{aspect-ratio:3/2}
.cal{gap:3px}.dia{padding:3px;min-height:48px}.pts{left:3px;bottom:3px;gap:2px}.dia i{width:7px;height:7px}.h-c{border-radius:0}
.leg section{padding-left:44px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}