@font-face{font-family:"Cryos Corrected";src:url("/fonts/cryos-corrected.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url("/fonts/spline-sans-mono.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url("/fonts/spline-sans-mono-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--uva:#574852;--papel:#d2c9a5;--tostado:#d1b187;--calido:#c77b58;--rojo:#ae5d40;--ciruela:#79444a;--dorado:#ba9158;--gris:#ab9b8e;--celeste:#8caba1;--verde:#4b726e;--malva:#847875;--oliva:#77743b;--mostaza:#b3a555;--tinta:#4b3d44;--carton:#3c3036;--borde:#5d4c54;--titulos:"Cryos Corrected",monospace;--texto:"Spline Sans Mono",monospace}
:root:not([data-theme=dark]),[data-theme=light]{--pico-background-color:var(--tinta);--pico-color:var(--papel);--pico-font-family:var(--texto);--pico-font-size:100%;--pico-line-height:1.55;--pico-border-radius:0;--pico-primary:var(--tostado);--pico-primary-hover:var(--papel);--pico-primary-focus:rgba(174,93,64,.55);--pico-text-selection-color:rgba(186,145,88,.45);--pico-muted-color:var(--gris);--pico-muted-border-color:var(--borde);--pico-h1-color:var(--papel);--pico-h2-color:var(--dorado);--pico-h3-color:var(--papel);--pico-spacing:1rem}

html,body{background:var(--tinta)}
body{color:var(--papel);letter-spacing:.02em}
img{image-rendering:auto}
.pixel{image-rendering:pixelated}
a{color:inherit}
:focus-visible{outline:2px solid var(--rojo);outline-offset:2px}

.contenedor{width:100%;max-width:72rem;margin:0 auto;padding:0 1rem}

.vinculo,main p a,main li a:not(.entrada),main figcaption a{color:inherit;text-decoration:underline dashed var(--rojo);text-decoration-thickness:2px;text-underline-offset:.25rem;text-decoration-skip-ink:none}
.vinculo:hover,main p a:hover,main li a:not(.entrada):hover,main figcaption a:hover{color:var(--tostado)}

.barra{border-bottom:1px solid var(--borde);background:var(--carton)}
.barra .contenedor{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem}
.marca{color:var(--papel);text-decoration:none;font:400 1.35rem/1 var(--titulos)}
.marca:hover{color:var(--tostado)}
.barra nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0}
.barra nav li{list-style:none;margin:0;padding:0}
.barra nav a{color:var(--papel);text-decoration:none;font-size:.875rem}
.barra nav a:hover,.barra nav a[aria-current]{color:var(--tostado);text-decoration:underline dashed var(--rojo);text-decoration-thickness:2px;text-underline-offset:.3rem}

.pastilla{display:inline-block;min-width:12rem;margin:0;padding:.3rem .9rem;border-style:solid;border-width:4px 9px;border-image:url("/img/boton.png") 4 9 fill stretch;image-rendering:pixelated;background:none;box-shadow:none;color:#f6ead0;font:400 1rem/1.5rem var(--titulos);text-align:center;text-decoration:none;cursor:pointer}
.pastilla:hover{border-image-source:url("/img/boton-activo.png");color:#fff}
.acciones{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin:1.5rem 0 0}

.portada{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;align-items:center;padding-block:3rem 2.5rem}
.portada h1{margin:0;font:400 clamp(2.75rem,7vw,4.75rem)/1 var(--titulos);color:var(--papel)}
.portada .lema{margin:.75rem 0 1.75rem;font:400 clamp(1.1rem,2.2vw,1.5rem)/1.3 var(--titulos);color:var(--dorado)}
.portada figure{margin:0}
.portada figure img{display:block;width:100%;height:auto}
.arte{position:relative}
.cielo{position:absolute;inset:3.95%;overflow:hidden;pointer-events:none}
.cielo span{position:absolute;left:calc(var(--x) - 3.95%);top:calc(var(--y) - 3.95%);width:var(--s);aspect-ratio:1;transform:translate(-50%,-50%);background:#dceaff;opacity:0;mix-blend-mode:screen;box-shadow:0 0 6px 2px rgba(150,190,255,.7);animation:titilar var(--d) ease-in-out var(--r) infinite}
.cielo span:not(.grande){max-width:6px;max-height:6px;min-width:3px;min-height:3px}
.cielo span.grande{background:none;box-shadow:none;width:calc(var(--s) * 1.6)}
.cielo span.grande::before,.cielo span.grande::after{content:"";position:absolute;inset:42% 0;background:#e8f1ff;box-shadow:0 0 8px 2px rgba(150,190,255,.8)}
.cielo span.grande::after{inset:0 42%}
.luna{position:absolute;right:-6%;top:-12%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(205,235,255,.55) 0,rgba(140,190,235,.22) 32%,transparent 66%);mix-blend-mode:screen;opacity:.35;animation:luna 9s ease-in-out infinite}
@keyframes titilar{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}45%{opacity:.95;transform:translate(-50%,-50%) scale(1)}60%{opacity:.7}}
@keyframes luna{0%,100%{opacity:.3;transform:scale(.94)}50%{opacity:.75;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.cielo span,.luna{animation:none}.cielo span{opacity:0}}

.bloque{padding-block:2.5rem}
.bloque>h2,.bloque>h1.titulo-seccion{margin:0 0 .35rem;font:400 1.5rem/2rem var(--titulos);color:var(--dorado)}
.bloque>p.intro{margin:0 0 1.5rem;color:var(--tostado);max-width:46rem}

.rejilla{display:grid;gap:1.25rem}
.rejilla.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.rejilla.tres{grid-template-columns:repeat(3,minmax(0,1fr))}

.opcion{background:var(--carton);border:1px solid var(--borde);padding:.75rem;margin:0}
.opcion>h3{margin:0 0 .6rem;font:400 1rem/1.5rem var(--titulos);color:var(--papel)}
.opcion>p{margin:.25rem 0 .75rem;font-size:.85rem;line-height:1.3rem;color:var(--gris)}
.lamina{background:var(--papel);padding:1rem;color:var(--tinta)}
.lamina>:last-child{margin-bottom:0}
.lamina p,.lamina li,.r3 p,.r4 p{color:inherit}
a.opcion{display:block;color:var(--papel);text-decoration:none}
a.opcion:hover{border-color:var(--dorado)}
a.opcion:hover>h3{color:var(--tostado)}

.captura{display:block;cursor:zoom-in}
.captura img,.lamina video{display:block;width:100%;height:auto}
.captura:hover img{outline:3px solid var(--rojo)}
.opcion figcaption{margin:.75rem 0 0;font-size:.85rem;line-height:1.35rem;color:var(--tinta)}


.r3{margin:0;padding:1.1rem 1.4rem 2.2rem;background:#eef2d2;color:#2b2226;transform:rotate(-1deg);box-shadow:4px 5px 0 rgba(0,0,0,.22);clip-path:polygon(0 0,100% 0,100% 95%,96% 100%,92% 96%,88% 100%,84% 96%,80% 100%,76% 96%,72% 100%,68% 96%,64% 100%,60% 96%,56% 100%,52% 96%,48% 100%,44% 96%,40% 100%,36% 96%,32% 100%,28% 96%,24% 100%,20% 96%,16% 100%,12% 96%,8% 100%,4% 96%,0 100%)}
.r3 small{display:block;margin-bottom:.5rem;padding-bottom:.2rem;border-bottom:1px solid var(--tinta);font:400 .7rem/1rem var(--texto);color:#7c7262;letter-spacing:.2rem;text-transform:uppercase}
.r3 h1,.r3 h2,.r3 h3{margin:0 0 .6rem;padding-bottom:.3rem;border-bottom:3px double var(--tinta);font:400 1.15rem/1.6rem var(--titulos);color:#2b2226}
.r3 p{margin:0;color:#2b2226;text-align:justify;hyphens:auto}

.r4{margin:0;padding:1.3rem 1rem 1.1rem;background:url("/img/madera.webp") center/cover;border:3px solid var(--tinta)}
.r4 .papel{position:relative;height:100%;padding:1.1rem 1rem .9rem;background:#f1e4c3;color:var(--tinta);transform:rotate(1.2deg);box-shadow:3px 4px 0 rgba(0,0,0,.35)}
.r4:nth-child(even) .papel{transform:rotate(-1.4deg)}
.r4:nth-child(3n) .papel{transform:rotate(.6deg)}
.r4 .papel>i{position:absolute;top:-.45rem;left:50%;width:.85rem;height:.85rem;margin-left:-.42rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e4a672 0 .12rem,var(--rojo) .13rem);box-shadow:1px 2px 0 rgba(0,0,0,.4)}
.r4 h3{margin:0 0 .4rem;font:400 .95rem/1.4rem var(--texto);color:var(--ciruela);letter-spacing:.04em}
.r4 p{margin:0;font-size:.875rem;line-height:1.35rem}


.diario{padding:1.25rem 1.75rem 1.5rem;background:var(--papel);color:var(--tinta);box-shadow:5px 6px 0 rgba(0,0,0,.3)}
.diario header{margin-bottom:1.25rem;text-align:center}
.diario header strong{display:block;padding:.35rem 0;background:var(--ciruela);border-block:4px solid var(--tinta);color:var(--papel);font:400 clamp(1.6rem,4.5vw,2.4rem)/1.1 var(--titulos);letter-spacing:.04em}
.diario header small{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--tinta)}
.diario header .arriba{padding-bottom:.35rem;color:var(--ciruela)}
.diario header .abajo{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--tinta)}
.cuerpo-diario{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.75rem}
.diario article{margin:0;padding:0 0 1.1rem;background:none;box-shadow:none;border-radius:0}
.diario .tapa{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:1.75rem;align-items:center;margin-bottom:1.25rem;padding-bottom:1.5rem;border-bottom:3px double var(--tinta)}
.diario .foto{display:block}
.diario figure.pegada{position:relative;margin:.35rem;padding:.6rem .6rem 2rem;background:#eef2d2;border:1px solid var(--malva);box-shadow:4px 5px 0 rgba(75,61,68,.35);transform:rotate(-1.2deg);transition:transform .2s}
.diario .foto:hover figure.pegada{transform:rotate(0)}
.diario figure.pegada img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--tinta)}
.diario figure.pegada figcaption{position:absolute;right:.8rem;bottom:.35rem;margin:0;color:var(--ciruela);font:400 .8rem/1.3rem var(--titulos)}
.diario h3{margin:0;font:400 1.05rem/1.4rem var(--titulos)}
.diario .tapa h3{font-size:clamp(1.3rem,2.6vw,1.65rem);line-height:1.3}
.diario h3 a{color:var(--tinta);text-decoration:none}
.diario h3 a:hover{text-decoration:underline dashed var(--rojo);text-decoration-thickness:2px;text-underline-offset:.3rem}
.diario time{display:block;margin:.35rem 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ciruela)}
.diario p{margin:0;font-size:.86rem;line-height:1.35rem;color:var(--tinta)}
.diario .seccion{display:inline-block;margin-bottom:.5rem;padding:.1rem .5rem;background:var(--uva);color:var(--papel);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}
.diario .leer{display:inline-block;margin-top:.75rem;color:var(--ciruela);font:400 .9rem/1.3rem var(--titulos);text-decoration:none}
.diario .leer:hover{text-decoration:underline dashed var(--rojo);text-decoration-thickness:2px;text-underline-offset:.3rem}
.diario .nota{margin-bottom:1.1rem;border-bottom:1px solid var(--malva)}
.diario .nota p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.diario .numero{display:inline-block;margin-bottom:.4rem;padding:0 .4rem;background:var(--tinta);color:var(--tostado);font:400 .85rem/1.4rem var(--titulos)}
.diario .todas{margin:.25rem 0 0;text-align:right}
.diario .todas a{display:inline-block;padding:.35rem 1rem;background:var(--ciruela);color:var(--papel);font:400 .95rem/1.4rem var(--titulos);text-decoration:none}
.diario .todas a:hover{background:var(--rojo)}
.steam{display:block;width:100%;max-width:646px;height:190px;margin:0 auto;border:0}
.m3{position:relative;margin:1.25rem 0 0;padding:2.4rem 1rem 1.5rem;background:var(--verde);border:4px solid var(--papel);outline:4px solid var(--tinta);box-shadow:8px 8px 0 rgba(0,0,0,.3)}
.m3 .etiqueta{position:absolute;top:-1.15rem;left:50%;transform:translateX(-50%) rotate(-2deg);padding:.3rem 1.25rem;background:var(--papel);color:var(--ciruela);border:3px solid var(--rojo);box-shadow:3px 3px 0 var(--tinta);font:400 1.05rem/1.5rem var(--titulos);white-space:nowrap}
.articulo .m3{margin-top:3rem}
.r10{margin:0;padding:1.6rem 1.8rem 1.8rem;background:#2e2428;border:4px solid #181425;box-shadow:inset 0 0 0 6px #ad5c40,inset 0 0 0 8px #181425,4px 4px 0 rgba(0,0,0,.3);color:#e9d5af}
.r10 h3{margin:0 0 .6rem;font:400 1.15rem/1.6rem var(--titulos);color:var(--tostado)}
.r10 p{margin:0 0 1rem;color:#e9d5af}
.r10 ul{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}
.r10 li{margin:0;list-style:none}
main .r10 li a{display:inline-block;padding:.3rem .9rem;border:2px solid var(--tostado);background:#3c3036;color:#f6ead0;text-decoration:none;font-size:.9rem}
main .r10 li a:hover{background:var(--rojo);border-color:#f6ead0;color:#fff}

.articulo{max-width:50rem;margin:2.5rem auto;padding:2.25rem clamp(1rem,4vw,3rem) 2.5rem;background:var(--papel);color:var(--tinta);border:4px solid var(--tostado);box-shadow:4px 4px 0 rgba(0,0,0,.25)}
.articulo .r3{margin:0 0 2rem}
.articulo h1{margin:0 0 .4rem;font:400 clamp(1.6rem,4vw,2.25rem)/1.25 var(--titulos);color:var(--tinta)}
.articulo .bajada{margin:0;font-size:1rem;line-height:1.5rem;color:var(--ciruela)}
.articulo h2{margin:2.25rem 0 .75rem;font:400 1.25rem/1.6rem var(--titulos);color:var(--ciruela)}
.articulo h3{margin:1.75rem 0 .5rem;font:400 1.05rem/1.5rem var(--titulos);color:var(--ciruela)}
.articulo p,.articulo li{font-size:1rem;line-height:1.7rem;color:var(--tinta)}
.articulo ul,.articulo ol{padding-left:1.25rem}
.articulo figure{margin:1.75rem 0}
.articulo figure img,.articulo figure video{display:block;width:100%;height:auto;border:3px solid var(--tinta);background:var(--tinta)}
.articulo figcaption{margin:.5rem 0 0;font-size:.85rem;line-height:1.35rem;color:var(--malva);text-align:center}
.articulo .posdata{padding:.9rem 1rem;background:var(--tostado);font-size:.9rem}
.articulo blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--rojo);color:var(--ciruela)}
.articulo hr{border:0;border-top:2px dashed var(--gris);margin:2rem 0}

.pasos{max-width:50rem;margin:0 auto 3rem}
.pasos .opcion>h3{font-size:.85rem;color:var(--gris)}
.pasos .lamina{font:400 .95rem/1.4rem var(--titulos);color:var(--tinta)}
.pasos .siguiente{text-align:right}

.pie{margin-top:2rem;padding:1.75rem 0 2.5rem;border-top:1px solid var(--borde);background:var(--carton);font-size:.85rem;color:var(--gris)}
.pie .contenedor{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.pie ul{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0}
.pie li{list-style:none;margin:0}
.pie a{color:var(--papel);text-decoration:underline dashed var(--rojo);text-decoration-thickness:2px;text-underline-offset:.25rem}
.pie a:hover{color:var(--tostado)}
.pie p{margin:0}

.aviso-cookies{position:fixed;right:1rem;bottom:1rem;z-index:50;width:min(26rem,calc(100% - 2rem));padding:1.1rem 1.25rem 1.2rem;background:#2e2428;border:4px solid #181425;box-shadow:inset 0 0 0 5px var(--rojo),inset 0 0 0 7px #181425,5px 5px 0 rgba(0,0,0,.35);color:#e9d5af}
.aviso-cookies[hidden]{display:none}
.aviso-cookies h2{margin:0 0 .4rem;font:400 1.05rem/1.5rem var(--titulos);color:var(--tostado)}
.aviso-cookies p{margin:0 0 1rem;font-size:.85rem;line-height:1.35rem;color:#e9d5af}
.aviso-cookies a{color:#f6ead0;text-decoration:underline dashed var(--rojo);text-decoration-thickness:2px;text-underline-offset:.25rem}
.aviso-cookies .botones{display:flex;flex-wrap:wrap;gap:.6rem}
.aviso-cookies .pastilla{min-width:0;width:auto;padding:.2rem 1.1rem}
.aviso-cookies .rechazar{margin:0;padding:.35rem 1rem;background:transparent;border:2px solid var(--tostado);border-radius:0;box-shadow:none;color:#f6ead0;font:400 .9rem/1.4rem var(--texto);cursor:pointer}
.aviso-cookies .rechazar:hover{background:#3c3036;border-color:#f6ead0}
.legal code{padding:.05rem .3rem;background:var(--tostado);color:var(--tinta);font-size:.9em}
.legal ul{margin:0 0 1rem}
.visor{max-width:min(96vw,1400px);width:auto;padding:0;border:4px solid var(--tostado);background:var(--tinta)}
.visor::backdrop{background:rgba(20,14,18,.85)}
.visor img{display:block;max-width:100%;max-height:88vh;height:auto}
.visor form{position:absolute;top:.4rem;right:.4rem;margin:0}
.visor button{margin:0;padding:.1rem .6rem;border:2px solid var(--tostado);background:var(--tinta);color:var(--papel);font:400 1rem/1.4rem var(--titulos)}

.error{max-width:40rem;margin:4rem auto;text-align:center}
.error .r3{text-align:left}

@media (max-width:860px){
.cuerpo-diario,.diario .tapa{grid-template-columns:minmax(0,1fr)}
.diario{padding:1rem}
.diario header small{justify-content:space-between}
.diario header .abajo span:nth-child(2){display:none}
.portada{grid-template-columns:minmax(0,1fr);padding-block-start:2rem}
.portada figure{max-width:28rem}
.rejilla.dos,.rejilla.tres{grid-template-columns:minmax(0,1fr)}
.barra .contenedor{flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.r3{transform:none}
}