/* ============================================================
   Radar Móvil — base compartida
   La cargan index.php y _legal_header.php.
   Los nombres de token vienen de los sitios hermanos: solo
   cambian los valores. Tema oscuro carbón con acento lima,
   elegido para no rozar los colores corporativos de ningún
   operador (rojo, azul, verde medio y violeta quedan fuera).
   --serif ahora apunta a la display sans (Archivo): se conserva
   el nombre del token para no romper el cableado compartido.
   ============================================================ */

:root{
  --paper:     #0f1418;
  --paper-2:   #141b21;
  --card:      #1a222b;
  --ink:       #eef2f5;
  --ink-2:     #becad4;
  --ink-3:     #8a97a3;
  --line:      #222b34;
  --line-2:    #33404c;
  --tinta:     #17212a;
  --tinta-2:   #223140;
  --tinta-soft:#24313d;
  --ambar:     #b6d94c;
  --ambar-2:   #cde878;
  --ambar-soft:#2a3320;
  --teja:      #e08c5a;
  --teja-soft: #33261d;
  --vino:      #e2647a;
  --vino-soft: #33202a;
  --serif: "Archivo", "Segoe UI", Roboto, Arial, sans-serif;
  --sans:  "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --r:     16px;
  --r-sm:  10px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

/* Sin esto la cabecera sticky se come los anclajes:
   franja (33px) + header (~71px) + holgura. */
html{scroll-padding-top:96px}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16.5px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

a{color:var(--ambar-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--ambar)}
img,svg{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:700;color:var(--ink);line-height:1.18;letter-spacing:-.01em}

.container{max-width:1100px;margin:0 auto;padding:0 22px}
.reading{max-width:720px;margin:0 auto;padding:0 22px}

/* ===== Botones ===== */
.btn{
  display:inline-block;padding:13px 26px;
  font-weight:600;font-size:15.5px;text-decoration:none;cursor:pointer;
  border:1.5px solid var(--ambar);border-radius:999px;font-family:var(--sans);
  transition:background .15s, color .15s, border-color .15s, transform .15s;
}
.btn-fill{background:var(--ambar);color:#101418}
.btn-fill:hover{background:var(--ambar-2);border-color:var(--ambar-2);color:#101418;transform:translateY(-1px)}
.btn-line{background:transparent;color:var(--ambar-2)}
.btn-line:hover{background:var(--ambar-soft);color:var(--ambar-2)}

/* Foco visible: el sitio se navega con teclado. */
a:focus-visible, button:focus-visible{
  outline:2px solid var(--ambar);
  outline-offset:3px;
  border-radius:4px;
}

::selection{background:var(--ambar);color:#101418}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}