:root{color-scheme:dark;--fondo:#101923;--panel:#172432;--borde:#354858;--texto:#f5f8fa;--suave:#bccbd4;--menta:#a9f5ce}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font:1rem/1.6 system-ui,sans-serif}
header,main,footer{width:min(1120px,calc(100% - 2rem));margin:auto}
header,footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0}
header{border-bottom:1px solid var(--borde)}
a{color:inherit;text-decoration:none}
nav{display:flex;gap:1.2rem}
nav a:hover{text-decoration:underline}
.marca{font-weight:900;letter-spacing:.16em}
.marca span{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;background:var(--menta);color:var(--fondo);border-radius:.4rem}
.portada{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:2rem;padding:clamp(3rem,8vw,7rem) 0}
h1,h2,h3,h4,p{margin:0 0 .7rem}
h1,h2,h3{line-height:1.1;letter-spacing:-.04em}
h1{font-size:clamp(2.45rem,7vw,5.75rem)}
h1 em{color:var(--menta);font-style:normal}
h2{font-size:clamp(1.9rem,4vw,3.3rem)}
h3{font-size:clamp(1.45rem,3.8vw,2.35rem)}
p,footer span{color:var(--suave)}
.bajada{max-width:34rem;font-size:1.15rem;margin-top:1.4rem}
.etiqueta,.numero,.marcador,.sello{font:700 .8rem/1.5 ui-monospace,monospace;letter-spacing:.09em;color:var(--menta)}
.acciones{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
button,.boton{display:inline-block;border:1px solid var(--borde);border-radius:.55rem;padding:.65rem 1rem;font:inherit;font-weight:750;color:var(--texto);background:transparent;cursor:pointer}
.principal{background:var(--menta);color:var(--fondo);border-color:var(--menta)}
button:hover,.boton:hover{border-color:var(--menta);filter:brightness(1.1)}
:focus-visible{outline:3px solid #ffd688;outline-offset:4px}
.sello{display:grid;justify-items:center;gap:.5rem;padding:1.25rem;text-align:center;border:1px solid var(--borde);border-radius:1rem;background:repeating-linear-gradient(0deg,transparent 0 24px,#2e485250 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#2e485250 24px 25px),var(--panel)}
.sello svg{width:min(100%,240px);stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.bloque{border-top:1px solid var(--borde);padding:2.6rem 0;scroll-margin-top:1rem}
.pasos,.pistas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.7rem;margin:1.2rem 0}
details,.panel{border:1px solid var(--borde);border-radius:.75rem;background:var(--panel)}
summary{padding:.8rem 1rem;cursor:pointer;font-weight:750}
details p{padding:0 1rem}
.numero{margin:0 .35rem}
.panel{max-width:52rem;padding:clamp(1rem,4vw,2rem);margin-top:1.25rem}
.panel button{margin-top:.6rem}
.marcador{display:flex;justify-content:space-between;gap:.5rem}
progress{width:100%;height:.65rem;accent-color:var(--menta)}
.noticia,.devolucion{margin:1rem 0;padding:1rem;background:var(--fondo);border-radius:.65rem;border:1px solid var(--borde)}
.ficha{font-size:.9rem}
.noticia figure{margin:1rem 0 0;color:var(--suave);font-size:.85rem}
.noticia img{display:block;max-width:100%;max-height:25rem;width:auto;height:auto;border-radius:.5rem;margin-bottom:.4rem}
.panel p a{color:var(--menta);text-decoration:underline}
fieldset{margin:0;padding:0;border:0}
legend{font-weight:750;margin-bottom:.5rem}
label{display:flex;align-items:center;gap:.55rem;border:1px solid var(--borde);border-radius:.45rem;padding:.55rem .8rem;margin-bottom:.4rem;cursor:pointer}
label:has(input:checked){border-color:var(--menta)}
input{accent-color:var(--menta);margin:0}
.informe{padding-left:1.35rem}
.informe li{margin-bottom:.45rem}
footer{border-top:1px solid var(--borde);font-size:.85rem}
[hidden]{display:none!important}
@media(max-width:640px){.portada,.pasos,.pistas{grid-template-columns:1fr}.sello svg{width:135px}.sello{gap:.25rem}}