:root{--bosque:#22402F;--bosque-hondo:#16291E;--crema:#F0E9DA;--salvia:#A3B5A5;--ambar:#C8933C;--luz:rgba(200,147,60,.45);--luz-fuerte:rgba(200,147,60,.65);--tinte:rgba(200,147,60,.34);--display:"Caladea",Cambria,Georgia,serif;--cuerpo:"Selawik","Segoe UI",system-ui,sans-serif;--senal:"Barlow Semi Condensed",Bahnschrift,"Arial Narrow",sans-serif;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html,body{margin:0}body{background:var(--bosque-hondo);color:var(--crema);font-family:var(--cuerpo);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.cielo{position:fixed;inset:0;z-index:0;background: radial-gradient(120% 60% at 50% 62%,rgba(232,178,96,.55),rgba(232,178,96,0) 60%),linear-gradient(to bottom,#1B3325 0%,#3A5238 38%,#8E8350 58%,#C9A15E 100%)}#fondo{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1}.barra{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 10px 16px;background:linear-gradient(to bottom,rgba(22,41,30,.62),rgba(22,41,30,.22) 70%,rgba(22,41,30,0))}.marca{display:block;line-height:0}.logo-ruta{height:44px;width:auto;display:block}.barra{transition:background .3s ease,-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}body.bajando .barra{background:rgba(22,41,30,.55);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 -1px 0 rgba(255,255,255,.12)}body.menu-abierto .barra{z-index:22;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.rayas{all:unset;position:relative;width:44px;height:44px;flex:none;cursor:pointer;opacity:.55;transition:opacity .22s ease,filter .22s ease;-webkit-tap-highlight-color:transparent}.rayas span{position:absolute;left:9px;top:50%;width:26px;height:3px;margin-top:-1.5px;background:var(--crema);border-radius:2px;transition:transform .26s ease,opacity .18s ease}.rayas span:nth-child(1){transform:translateY(-8px)}.rayas span:nth-child(3){transform:translateY(8px)}.rayas.luz,body.menu-abierto .rayas{opacity:1;filter:drop-shadow(0 0 6px var(--luz-fuerte))}body.menu-abierto .rayas span:nth-child(1){transform:translateY(0) rotate(45deg)}body.menu-abierto .rayas span:nth-child(2){opacity:0;transform:scaleX(.2)}body.menu-abierto .rayas span:nth-child(3){transform:translateY(0) rotate(-45deg)}.rayas:focus-visible{outline:2px solid var(--crema);outline-offset:-4px}#menu{position:fixed;inset:0;z-index:21;display:flex;flex-direction:column;padding:112px 24px 32px;background:rgba(22,41,30,.80);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}body.menu-abierto #menu{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}#menu ol{list-style:none;margin:0;padding:0}#menu li{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}body.menu-abierto #menu li{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.3,1);transition-delay:calc(90ms + var(--i,0) * 55ms)}#menu .pagina{display:flex;align-items:center;gap:16px;padding:12px 2px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}#menu .pin{width:16px;height:22px;flex:none;fill:var(--crema);opacity:.45;transition:opacity .2s ease,fill .2s ease}#menu .pagina.luz .pin,#menu .pagina.apoyado .pin{opacity:.85}#menu .pagina.elegido .pin{fill:var(--ambar);opacity:1}#menu .nombre{font-family:var(--display);font-size:22px;letter-spacing:.03em;color:var(--crema);opacity:.82;transition:opacity .2s ease,color .2s ease}#menu .pagina.luz .nombre{opacity:1}#menu .pagina.elegido .nombre{opacity:1;color:var(--ambar)}#menu .en-obra{cursor:default}#menu .en-obra .nombre{opacity:.5}#menu .pronto{margin-left:auto;font-family:var(--senal);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ambar);opacity:.6}#menu .pagina:focus-visible{outline:2px solid var(--crema);outline-offset:2px;border-radius:4px}#menu .firma{margin:auto 0 0;padding-top:32px;font-family:var(--senal);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--salvia);opacity:.55}.contenido{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;padding-inline:16px;padding-block:0 40px;max-width:560px;margin-inline:auto}.copete{margin:0;font-family:var(--senal);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--crema);opacity:.8}h1,h2{font-family:var(--display);font-weight:700;margin:0;text-wrap:balance;color:var(--crema)}h1{font-size:clamp(32px,9vw,52px);line-height:1.04;letter-spacing:-.015em}h2{font-size:24px;line-height:1.1}p{margin:0}.vidrio{position:relative;display:flex;flex-direction:column;gap:14px;padding:20px;background:rgba(240,233,218,.10);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 40px -18px rgba(0,0,0,.5)}.renglon{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px;min-width:0;border-radius:12px;background:rgba(240,233,218,.07);border:1px solid rgba(255,255,255,.12);color:var(--crema);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.renglon>svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--crema);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .22s cubic-bezier(.3,1.4,.5,1),filter .22s ease,opacity .22s ease,stroke .22s ease}.renglon .texto{min-width:0;flex:1}.renglon .que{display:block;font-family:var(--senal);font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;transition:color .22s ease,opacity .22s ease}.renglon .dato{display:block;font-size:16px;overflow-wrap:break-word;user-select:text}.boton{position:relative;display:block;text-align:center;text-decoration:none;cursor:pointer;font-family:var(--senal);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--crema);padding:14px 18px;border-radius:999px;background:rgba(240,233,218,.14);border:1px solid rgba(255,255,255,.22);-webkit-tap-highlight-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.boton-chico{all:unset;cursor:pointer;flex:none;font-family:var(--senal);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:var(--crema);opacity:.8}.boton-chico:focus-visible{outline:2px solid var(--crema);outline-offset:2px}.boton-sonido{--luz:rgba(200,147,60,.45);--tinte:rgba(200,147,60,.34);all:unset;box-sizing:border-box;position:fixed;z-index:21;left:-100px;top:0;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;cursor:pointer;background:rgba(240,233,218,.10);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;transition:opacity .4s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.boton-sonido svg{width:18px;height:18px;fill:none;stroke:var(--crema);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.boton-sonido .ondas{display:none}.boton-sonido.prendido .ondas{display:inline;stroke:var(--ambar)}.boton-sonido.prendido .cruz{display:none}.boton-sonido.prendido svg{opacity:1}.boton-sonido::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60px circle at var(--x,50%) var(--y,50%),var(--tinte),rgba(200,147,60,0) 70%);opacity:0;transition:opacity .25s ease}.boton-sonido.luz::before{opacity:1}.boton-sonido.luz{border-color:rgba(200,147,60,.75);box-shadow:0 0 18px var(--luz)}.boton-sonido:focus-visible{outline:2px solid var(--crema);outline-offset:3px}body.menu-abierto .boton-sonido{opacity:0;pointer-events:none}.con-luz::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(170px circle at var(--x,50%) var(--y,50%),var(--tinte),rgba(200,147,60,0) 70%);opacity:0;transition:opacity .25s ease}.con-luz.luz::before{opacity:1}.rayas.con-luz::before,#menu .con-luz::before{display:none}.renglon.luz{background:rgba(200,147,60,.10);border-color:rgba(200,147,60,.75);box-shadow:0 0 0 1px rgba(200,147,60,.25),0 0 18px var(--luz),inset 0 1px 0 rgba(255,236,200,.25)}.renglon.luz .que{color:var(--ambar);opacity:1}.renglon.luz>svg{stroke:var(--ambar);opacity:1;transform:scale(1.15);filter:drop-shadow(0 0 6px var(--luz-fuerte))}.boton.luz{background:rgba(200,147,60,.28);border-color:var(--ambar);box-shadow:0 0 0 1px rgba(200,147,60,.3),0 0 26px rgba(200,147,60,.6),inset 0 1px 0 rgba(255,236,200,.3)}.renglon:focus-visible,.boton:focus-visible{outline:2px solid var(--crema);outline-offset:3px}.vidrio.con-luz{transition:border-color .22s ease,box-shadow .22s ease}.vidrio.luz{border-color:rgba(200,147,60,.7);box-shadow:0 0 0 1px rgba(200,147,60,.2),0 0 26px var(--luz),inset 0 1px 0 rgba(255,236,200,.25),0 18px 40px -18px rgba(0,0,0,.5)}.vidrio.luz .copete{color:var(--ambar);opacity:1}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lista li{position:relative;padding-left:22px}.lista li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:3px;border-radius:2px;background:var(--ambar);opacity:.85}.lista.apagada li::before{background:var(--salvia);opacity:.6}.pie{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;text-align:center;font-family:var(--senal);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--crema);opacity:.7}.pie a{text-decoration:none;border-bottom:1px solid rgba(240,233,218,.35);padding-bottom:2px}@media (min-width:700px){.barra{padding-inline:28px 22px}.logo-ruta{height:48px}#menu{padding:118px max(30px,calc(50vw - 280px)) 40px}.contenido{padding-inline:32px}}*{scrollbar-width:thin;scrollbar-color:rgba(240,233,218,.28) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgba(240,233,218,.28);border-radius:8px}*::-webkit-scrollbar-button{display:none}@media (prefers-reduced-motion:reduce){.renglon>svg,#menu .pin{transition:none}#menu li,#menu{transition:none}}