/* climboard.com.ar: la paleta oscura de los informes de Climboard (skill generar-pdf).
   Contraste medido: texto 13:1, gris 5,6:1, botón 6,8:1 sobre su fondo. */
:root{
  --fondo:#0f0f13; --panel:#16161f; --linea:#262636; --texto:#e0e0ec; --gris:#9a9aab;
  --acento:#9b8cff; --acento-tinta:#0f0f13; --verde:#34c77b;
  color-scheme:dark;
}
*{ box-sizing:border-box; margin:0; padding:0 }
body{ background:var(--fondo); color:var(--texto); font:17px/1.6 -apple-system,"Helvetica Neue","Segoe UI",Arial,sans-serif }
a{ color:var(--acento) }
.caja{ max-width:760px; margin:0 auto; padding:0 20px }

header{ border-bottom:1px solid var(--linea) }
header .caja{ display:flex; align-items:center; justify-content:space-between; height:64px }
.marca{ font-weight:700; font-size:20px; letter-spacing:-.3px; color:var(--texto); text-decoration:none }
.marca span{ color:var(--acento) }
header nav a{ color:var(--gris); text-decoration:none; font-size:15px; margin-left:18px }
header nav a:hover{ color:var(--texto) }

.hero{ padding:72px 0 48px }
.hero h1{ font-size:clamp(30px,6vw,46px); line-height:1.12; letter-spacing:-.8px; margin-bottom:18px }
.hero p{ color:var(--gris); font-size:19px; max-width:600px }
.botones{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px }
.boton{ display:inline-block; padding:13px 22px; border-radius:10px; font-weight:600; text-decoration:none; font-size:16px }
.boton.uno{ background:var(--acento); color:var(--acento-tinta) }
.boton.dos{ border:1px solid var(--linea); color:var(--texto) }
.boton:hover{ filter:brightness(1.1) }

.tres{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; padding:8px 0 64px }
.tres div{ background:var(--panel); border:1px solid var(--linea); border-radius:12px; padding:20px }
.tres h2{ font-size:17px; margin-bottom:6px }
.tres p{ color:var(--gris); font-size:15px }

.texto{ padding-top:48px; padding-bottom:64px }
.texto h1{ font-size:32px; letter-spacing:-.5px; margin-bottom:6px }
.texto .fecha{ color:var(--gris); font-size:14px; margin-bottom:28px }
.texto h2{ font-size:20px; margin:32px 0 10px }
.texto p, .texto li{ margin-bottom:10px }
.texto ul{ padding-left:22px }
.texto .legal{ background:var(--panel); border:1px solid var(--linea); border-radius:12px; padding:16px 18px; color:var(--gris); font-size:15px }

footer{ border-top:1px solid var(--linea); padding:28px 0 40px; color:var(--gris); font-size:14px }
footer p{ margin-bottom:6px }
footer a{ color:var(--gris) }