/* =============================================================
   tema-sede.css — PALETA de la subpágina de SEDE.

   Tercera identidad del sitio, a propósito distinta:
     · Inicio → blanco pastel con terracota (papel, cálido, de día)
     · Nua    → verde bosque (naturaleza, el bosque privado)
     · SEDE   → grafito azulado con latón (noche, hotelería boutique)

   Por qué oscura: SEDE opera sus edificios como hotel (ONTO). Los
   renders son cálidos —madera, travertino, vegetación— y sobre un
   fondo grafito se ven como en una revista de arquitectura. Es la
   forma más clara de que el usuario sienta "esto es otro desarrollo"
   sin que cambie ni la tipografía ni la forma de leer la página.

   Tipografía: idéntica al resto del sitio (Bricolage + Inter).
   ============================================================= */

:root{
  --ancho:1140px;

  /* Grafito azulado: el fondo */
  --papel:#141A21;
  --papel-translucido:rgba(20,26,33,.92);
  --superficie:#1D242D;
  --superficie-2:#26303B;
  --banda:#0D1219;          /* más oscura que el fondo: el cambio de sección se nota */

  /* Arena clara: el texto */
  --tinta:#EDEAE3;
  --suave:#A6AEB8;          /* 8.1:1 sobre el grafito */

  /* Latón: el acento */
  --marca:#C8A45C;
  --marca-fuerte:#D9B96B;
  --marca-txt:#141A21;       /* texto oscuro sobre el latón: 7.5:1 */
  --acento:#D9B96B;
  --sombra-marca:0 8px 20px -12px rgba(0,0,0,.85);

  /* El elemento de revelación: un bloque arena claro, invertido */
  --terminal:#EDEAE3;
  --terminal-txt:#141A21;
  --terminal-suave:rgba(20,26,33,.70);

  --linea:rgba(237,234,227,.13);
  --linea-fuerte:rgba(237,234,227,.28);
  --sombra:0 1px 2px rgba(0,0,0,.4), 0 12px 30px -20px rgba(0,0,0,.9);
  --sombra-alta:0 2px 6px rgba(0,0,0,.5), 0 26px 50px -24px rgba(0,0,0,1);

  --chip-fondo:rgba(200,164,92,.13);
  --chip-txt:#DFC488;
  --chip-linea:rgba(200,164,92,.30);
  --estado-fondo:rgba(237,234,227,.11);
  --estado-txt:#EDEAE3;

  --pie-fondo:#0D1218;
  --pie-txt:#EDEAE3;
  --pie-suave:rgba(237,234,227,.60);
  --pie-linea:rgba(237,234,227,.14);
  --pie-acento:#D9B96B;
}

/* Esta página es oscura siempre: es su identidad, no un ajuste del
   sistema. No hay variante clara. */

/* Trama muy tenue de líneas diagonales, como papel de arquitecto */
body{
  background-image:repeating-linear-gradient(135deg, rgba(237,234,227,.022) 0 1px, transparent 1px 10px);
}

/* Filete de latón antes de cada título de sección */
.cabeza h2{position:relative}
.cabeza h2::before{content:"";position:absolute;left:-20px;top:.52em;width:11px;height:2px;background:var(--marca)}
@media (max-width:920px){.cabeza h2::before{display:none}}

/* Tres niveles de fondo bien diferenciados, para que al bajar se sienta
   que cambiaste de sección y no que es una sola pared larga. */
.banda-suave{background:var(--banda);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.banda-papel{background:var(--superficie);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}