/* =============================================================
   tema-nua.css — PALETA de la subpágina de NUA Poniente.

   Es la paleta que ya tenía la página original de Nua, para que
   quien la haya visto antes la reconozca: verde bosque con oro.
   Viene del propio desarrollo — el bosque privado de 10,000 m².

     · Inicio → blanco pastel + terracota
     · NUA    → papel verdoso + verde bosque + oro
     · SEDE   → grafito azulado + latón
     · Nivara → blanco hueso + negro + azul acero

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

:root{
  --ancho:1140px;

  --papel:#F0F2ED;
  --papel-translucido:rgba(240,242,237,.92);
  --superficie:#FFFFFF;
  --superficie-2:#E8ECE4;
  --banda:#E8ECE4;

  --tinta:#122E24;
  --suave:#4E6459;          /* 6.3:1 sobre el papel */

  /* Verde bosque: la marca */
  --marca:#1B4534;
  --marca-fuerte:#122E24;
  --marca-txt:#FFFFFF;
  --acento:#1B4534;
  --oro:#7E5F26;            /* 5.1:1 sobre el papel: el #8A6A2E se quedaba en 4.45 */
  --oro-claro:#C9A46A;      /* el oro original, para usar sobre verde */

  --sombra-marca:0 8px 20px -12px rgba(18,46,36,.55);
  --terminal:#122E24;
  --terminal-txt:#F0F2ED;
  --terminal-suave:rgba(240,242,237,.72);

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

  --chip-fondo:rgba(27,69,52,.10);
  --chip-txt:#1B4534;
  --chip-linea:rgba(27,69,52,.24);
  --estado-fondo:#122E24;
  --estado-txt:#F0F2ED;

  --pie-fondo:#122E24;
  --pie-txt:#F0F2ED;
  --pie-suave:rgba(240,242,237,.62);
  --pie-linea:rgba(240,242,237,.16);
  --pie-acento:#C9A46A;
}

/* Textura de puntos en oro muy tenue, como la página original */
body{
  background-image:radial-gradient(circle at 1px 1px, rgba(138,106,46,.11) 1px, transparent 0);
  background-size:24px 24px;
}

/* Punto dorado antes de cada título de sección */
.cabeza h2{position:relative}
.cabeza h2::before{content:"";position:absolute;left:-20px;top:.34em;width:7px;height:7px;border-radius:50%;background:var(--oro)}
@media (max-width:920px){.cabeza h2::before{display:none}}

.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)}
.banda-oscura{background:#122E24;color:#F0F2ED;
  background-image:repeating-linear-gradient(135deg, rgba(240,242,237,.028) 0 1px, transparent 1px 9px)}
.banda-oscura h2,.banda-oscura h3,.banda-oscura h4{color:#FFFFFF}
.banda-oscura p{color:rgba(240,242,237,.80)}
.banda-oscura .eyebrow{color:var(--oro-claro)}
.banda-oscura .cabeza h2::before{background:var(--oro-claro)}
.banda-oscura .aclara{color:rgba(240,242,237,.62)}
.banda-oscura .chips li{background:rgba(201,164,106,.15);color:#E0C795;border-color:rgba(201,164,106,.32)}
.banda-oscura .dato{border-color:rgba(240,242,237,.15)}
.banda-oscura .dato span{color:rgba(240,242,237,.64)}
.banda-oscura .btn-linea{border-color:rgba(240,242,237,.32);color:#F0F2ED}
.banda-oscura .btn-linea:hover{background:rgba(240,242,237,.09)}