/* =============================================================
   tema-nivara.css — PALETA de la subpágina de Nivara.

   Cuarta identidad del sitio, distinta a las otras tres:
     · Inicio → blanco pastel + terracota   (papel cálido, de día)
     · Nua    → verde bosque + oro          (el bosque privado)
     · SEDE   → grafito azulado + latón     (noche, hotelería)
     · Nivara → blanco hueso + negro + azul acero  (editorial, arquitectónica)

   Por qué esta: los edificios de Nivara son concreto blanco con
   herrería negra y vegetación. La página imita eso — mucho blanco
   frío, bloques negros contundentes y un azul acero como único
   acento. Se siente como una revista de arquitectura impresa, no
   como un folleto.

   Tipografía: idéntica al resto del sitio.
   ============================================================= */

:root{
  --ancho:1140px;

  /* Blanco hueso frío: el fondo. Deliberadamente más frío que el crema
     de la página de inicio, para que no se confundan. */
  --papel:#F1F1ED;
  --papel-translucido:rgba(241,241,237,.92);
  --superficie:#E7E7E1;
  --superficie-2:#DCDCD5;
  --banda:#E7E7E1;

  /* Negro tinta: texto y bloques */
  --tinta:#15150F;
  --suave:#5A5A50;          /* 6.1:1 sobre el blanco hueso */

  /* Azul acero: el único acento */
  --marca:#3B5A6B;
  --marca-fuerte:#2C4654;
  --marca-txt:#FFFFFF;       /* 7.3:1 sobre el azul */
  --acento:#3B5A6B;
  --acento-claro:#7FA3B8;    /* para usar sobre negro: 7:1 */
  --sombra-marca:0 8px 20px -12px rgba(59,90,107,.55);

  /* El elemento de revelación: un bloque negro, uno por pantalla */
  --terminal:#15150F;
  --terminal-txt:#F1F1ED;
  --terminal-suave:rgba(241,241,237,.70);

  --linea:rgba(21,21,15,.14);
  --linea-fuerte:rgba(21,21,15,.30);
  --sombra:0 1px 2px rgba(21,21,15,.05), 0 12px 28px -22px rgba(21,21,15,.40);
  --sombra-alta:0 2px 5px rgba(21,21,15,.07), 0 24px 46px -24px rgba(21,21,15,.50);

  --chip-fondo:rgba(59,90,107,.10);
  --chip-txt:#2C4654;
  --chip-linea:rgba(59,90,107,.26);
  --estado-fondo:#15150F;
  --estado-txt:#F1F1ED;

  --pie-fondo:#15150F;
  --pie-txt:#F1F1ED;
  --pie-suave:rgba(241,241,237,.62);
  --pie-linea:rgba(241,241,237,.16);
  --pie-acento:#7FA3B8;
}

/* Esta página es clara siempre: el blanco es su identidad. */

/* Sin textura de fondo: el blanco liso es parte del carácter editorial */

/* Barra de acento antes de cada título, más gruesa y corta que en las otras */
.cabeza h2{position:relative}
.cabeza h2::before{content:"";position:absolute;left:-20px;top:.42em;width:12px;height:4px;background:var(--marca)}
@media (max-width:920px){.cabeza h2::before{display:none}}

/* --- Bandas: blanco, gris hueso y negro contundente --------- */
.banda-suave{background:var(--banda);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.banda-papel{background:var(--superficie-2);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.banda-oscura{background:#15150F;color:#F1F1ED}
.banda-oscura h2,.banda-oscura h3,.banda-oscura h4{color:#FFFFFF}
.banda-oscura p{color:rgba(241,241,237,.80)}
.banda-oscura .eyebrow{color:var(--acento-claro)}
.banda-oscura .cabeza h2::before{background:var(--acento-claro)}
.banda-oscura .aclara{color:rgba(241,241,237,.62)}
.banda-oscura .chips li{background:rgba(127,163,184,.15);color:#A9C5D6;border-color:rgba(127,163,184,.32)}
.banda-oscura .dato{border-color:rgba(241,241,237,.15)}
.banda-oscura .dato span{color:rgba(241,241,237,.64)}
.banda-oscura .btn-linea{border-color:rgba(241,241,237,.32);color:#F1F1ED}
.banda-oscura .btn-linea:hover{background:rgba(241,241,237,.09)}