/* Páginas legales de Trekoverflow · estilo de la web (GUIA_ESTILOS_WEB.md): Día "Sendero marcado" y Noche "Vivac nocturno".
   Solo tokens: nada de colores sueltos fuera de este bloque. */
:root{
  --color-fondo:#F6F5F0;--color-superficie:#FFFFFF;--color-hundido:#EFEEE8;--color-texto:#181B39;--color-texto-suave:#5A5F73;
  --color-linea:#DEDCD3;--color-linea-fuerte:#7F8496;--color-noche:#181B39;--color-sobre-noche:#F3F4FA;
  --color-acento:#FFC629;--color-sobre-acento:#181B39;--color-aviso-fondo:#FFF1C4;--color-info:#1F6FD1;--blanco:#FFFFFF;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --titulo-estrecho:100%;--titulo-peso:800;--radio:14px;--radio-boton:10px;--tactil:44px;
  --texto-2:12px;--texto-3:13px;--texto-4:14px;--texto-6:16px;--texto-9:22px;
  --espacio-1:4px;--espacio-2:8px;--espacio-3:12px;--espacio-4:16px;--espacio-5:20px;--espacio-6:24px;--espacio-8:32px;--espacio-10:40px;--espacio-16:64px;
  color-scheme:light}
:root[data-theme="dark"]{
  --color-fondo:#0E1330;--color-superficie:#171E42;--color-hundido:#202A57;--color-texto:#ECEFF8;--color-texto-suave:#A7AFCB;
  --color-linea:#2A3466;--color-linea-fuerte:#6E78A6;--color-noche:#0A0E26;--color-sobre-noche:#ECEFF8;
  --color-acento:#FFB224;--color-sobre-acento:#0E1330;--color-aviso-fondo:#5A4610;--color-info:#5CC8FF;
  --display:"Archivo","Arial Narrow",sans-serif;--body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --titulo-estrecho:75%;--titulo-peso:900;--radio:22px;--radio-boton:999px;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--color-fondo);color:var(--color-texto);font:var(--texto-6)/1.6 var(--body);-webkit-font-smoothing:antialiased}
header{background:var(--color-noche);color:var(--color-sobre-noche);padding:var(--espacio-2) var(--espacio-4)}
.bar{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:var(--espacio-3);flex-wrap:wrap;justify-content:space-between}
.bar a{color:var(--color-sobre-noche);text-decoration:none}
.brand{display:flex;align-items:center;gap:var(--espacio-2);min-height:var(--tactil);font-family:var(--display);font-weight:var(--titulo-peso);font-stretch:var(--titulo-estrecho);text-transform:uppercase;font-size:var(--texto-9);letter-spacing:.02em}
.brand img{width:34px;height:34px}
nav{display:flex;gap:var(--espacio-1);flex-wrap:wrap;align-items:center}
nav a{display:inline-flex;align-items:center;min-height:var(--tactil);padding:0 var(--espacio-3);border-radius:var(--radio-boton);font-weight:600;font-size:var(--texto-4)}
nav a[aria-current]{background:var(--color-acento);color:var(--color-sobre-acento)}
nav a:focus-visible,.tk-tema:focus-visible,a:focus-visible{outline:3px solid var(--color-acento);outline-offset:2px}
.tk-tema{display:inline-flex;align-items:center;justify-content:center;gap:var(--espacio-2);min-width:var(--tactil);min-height:var(--tactil);padding:0 var(--espacio-3);border-radius:var(--radio-boton);border:1px solid var(--color-linea-fuerte);background:transparent;color:var(--color-sobre-noche);font:600 var(--texto-4)/1 var(--body);cursor:pointer}
.tk-tema svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tk-tema .t{display:none}@media (min-width:640px){.tk-tema .t{display:inline}}
main{max-width:820px;margin:0 auto;padding:var(--espacio-8) var(--espacio-4) var(--espacio-16)}
h1{font-family:var(--display);font-weight:var(--titulo-peso);font-stretch:var(--titulo-estrecho);text-transform:uppercase;font-size:clamp(36px,8vw,60px);line-height:.95;margin:0 0 var(--espacio-2)}
h2{font-family:var(--display);font-weight:var(--titulo-peso);font-stretch:var(--titulo-estrecho);text-transform:uppercase;font-size:var(--texto-9);margin:var(--espacio-8) 0 var(--espacio-2);scroll-margin-top:var(--espacio-4)}
h2 .n{color:var(--color-texto-suave);margin-right:var(--espacio-2)}
h3{font-size:var(--texto-6);margin:var(--espacio-5) 0 var(--espacio-1)}
.upd,.intro{color:var(--color-texto-suave);font-size:var(--texto-4);margin-top:0}
:root:not([data-theme="dark"]) h1::before{content:"";display:block;width:22px;height:12px;margin-bottom:var(--espacio-3);border-radius:1px;background:linear-gradient(var(--blanco),var(--blanco)) 1px 1px/20px 3px no-repeat,linear-gradient(var(--color-linea-fuerte),var(--color-linea-fuerte)) 0 0/22px 5px no-repeat,linear-gradient(var(--color-acento),var(--color-acento)) 0 7px/22px 5px no-repeat}
a{color:inherit;text-decoration-color:var(--color-acento);text-decoration-thickness:2px;text-underline-offset:3px}
ul{padding-left:22px} li{margin:var(--espacio-1) 0}
.titular,.caja{background:var(--color-superficie);border:1px solid var(--color-linea);border-left:4px solid var(--color-acento);border-radius:var(--radio);padding:var(--espacio-3) var(--espacio-5);margin:var(--espacio-5) 0}
.titular ul{list-style:none;padding:0;margin:var(--espacio-2) 0 0}
.pend{background:var(--color-aviso-fondo);border-radius:4px;padding:0 4px}
.indice{display:flex;flex-wrap:wrap;gap:var(--espacio-2);list-style:none;padding:0;margin:var(--espacio-5) 0}
.indice a{display:inline-flex;align-items:center;min-height:var(--tactil);padding:0 var(--espacio-3);border:1px solid var(--color-linea-fuerte);border-radius:var(--radio-boton);text-decoration:none;font-weight:600;font-size:var(--texto-4)}
table{width:100%;border-collapse:collapse;font-size:var(--texto-4);margin:var(--espacio-3) 0;background:var(--color-superficie);border-radius:var(--radio);overflow:hidden}
th,td{text-align:left;padding:var(--espacio-2) var(--espacio-3);border-bottom:1px solid var(--color-linea);vertical-align:top}
th{font-size:var(--texto-2);text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-suave)}
th[scope="row"]{font-size:var(--texto-4);text-transform:none;letter-spacing:0;color:var(--color-texto);width:38%}
@media (max-width:560px){table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--color-linea);padding:var(--espacio-2) 0}td,th{border:0;padding:2px var(--espacio-3)}th[scope="row"]{width:auto}}
footer{max-width:820px;margin:0 auto;padding:0 var(--espacio-4) var(--espacio-10);color:var(--color-texto-suave);font-size:var(--texto-4)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
footer a,.intro a{display:inline-block;padding-block:var(--espacio-3)}