/* ═══════════════════════════════════════════════════════════════════
   PALETA · verde sobre claro
   Se carga DESPUÉS de los estilos base de cada página, así que lo que
   está aquí manda. Lo comparten index.html y unidades.html: cambiar un
   color aquí lo cambia en todo el sitio.

   Dos colores nada más, en varios tonos:
     verde   #0B5D3B profundo · #3BB77E vivo
     neutro  #EDF1EE papel · #FFFFFF superficie · #0E1512 asfalto

   El ámbar se retiró del sitio a propósito: queda reservado para pauta
   pagada, donde su brillo sirve para frenar el scroll. Aquí estorbaba,
   porque hacía de color de acción y de color de estado a la vez.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --asfalto:#0E1512;
  --asfalto-2:#FFFFFF;
  --linea-osc:#CBD6CF;
  --papel:#161A18;
  --linea:#C9D0CA;
  --linea-clara:#C9D0CA;
  --senal:#0B5D3B;
  --senal-vivo:#0B5D3B;
  --hivis:#0B5D3B;
  --muerto:#5C6862;
}

/* ── base ───────────────────────────────────────────────────────── */
body{background:#EDF1EE;color:#0E1512}
section{border-top-color:#CBD6CF}
h1,h2,.caja h3,.razon h3,details.faq summary,.nav .marca,.nav a{color:#0E1512}
.eyebrow,.eyebrow.vivo,.nav .marca small,footer .marca small{color:#0B5D3B}
.sub,.caja p,.razon p,details.faq p,.cierre h2,footer,.nav-links a{color:#5C6862}
:focus-visible{outline:3px solid #0B5D3B;outline-offset:3px}

.nav{border-bottom-color:#CBD6CF}
.nav-cta{border-color:#0E1512;color:#0E1512}
.nav-cta:hover{background:#0E1512;color:#EDF1EE}

/* ── consola del cotizador ──────────────────────────────────────── */
.consola{background:#FFFFFF;border-color:#0E1512}
.consola-bar{background:#E4EAE6;border-bottom-color:#CBD6CF}
.consola-bar .marca-bar{color:#0B5D3B}
.consola-bar .der{color:#5C6862}
.form{border-right-color:#CBD6CF}
.campo label{color:#0E1512}
.campo label b{background:#0B5D3B;color:#EDF1EE}
.campo label i{background:#CBD6CF}

.ops{border-color:#CBD6CF}
.ops button{color:#2C3630;border-right-color:#CBD6CF;border-bottom-color:#CBD6CF}
.ops button:hover{background:#E4EAE6;color:#0E1512}
.ops button small{color:#6E7A74}
/* verde profundo = seleccionado. El filete vivo lo separa del botón de
   acción, que es verde vivo. Dos señales distintas, dos tonos.          */
.ops button[aria-pressed="true"]{background:#0B5D3B;color:#EDF1EE;box-shadow:inset 3px 0 0 #3BB77E}
.ops button[aria-pressed="true"] small{color:#9FCDB6}

#fecha{border-color:#CBD6CF;color:#0E1512;color-scheme:light}

.expres{background:#0B5D3B}
.expres span{color:#EDF1EE}
.expres:hover{background:#0E7A4D}

.slogan{color:#0E1512;border-top-color:#CBD6CF}
.slogan b{color:#0B5D3B}
.pilares{border-top-color:#CBD6CF}
.pilar-n{color:#0B5D3B}
.pilar p{color:#5C6862}

/* ── panel de precio: la única superficie oscura de la página ────── */
.salida{background:#0E1512;color:#EDF1EE}
.salida .unidad,.salida .cifra{color:#EDF1EE}
.salida .rot{color:#3BB77E}
.salida .cap,.salida .base{color:#9FB0A7}
/* el texto del rango de contacto vive en este panel oscuro: heredaba un
   gris pensado para fondo claro y quedaba ilegible.                       */
.salida .alterno{color:#C4CCC7}
.cifra{border-top-color:#EDF1EE}
.respaldo{border-color:#3BB77E}
.respaldo span{color:#3BB77E}
.salida ul{border-top-color:#2E3531}
.salida li{color:#C4CCC7}
.salida li::before{color:#3BB77E}
.salida .btn{background:#3BB77E;color:#0E1512}
.salida .btn:hover{background:#54CE93;color:#0E1512}

/* ── secciones de contenido ─────────────────────────────────────── */
.caja{background:#FFFFFF;border-color:#CBD6CF;border-top-color:#0B5D3B}
.caja-n,.razon-n{color:#0B5D3B}
.razones,.razon{border-color:#CBD6CF}
details.faq{border-bottom-color:#CBD6CF}
details.faq summary::after{color:#0B5D3B}
.cierre .btn{background:#0B5D3B;color:#EDF1EE}
.cierre .btn:hover{background:#0E7A4D;color:#EDF1EE}
footer{border-top-color:#CBD6CF}

/* ── página de unidades ─────────────────────────────────────────── */
.unidades{border-top-color:#CBD6CF}
.unidad{border-bottom-color:#CBD6CF}
.unidad .n{color:#0B5D3B}
.unidad h3{color:#0E1512}
.unidad .cap{color:#0B5D3B}
.unidad p{color:#5C6862}
.unidad .precio{color:#0E1512}
.unidad .precio small{color:#5C6862}
.unidad .precio.cotiza{color:#0B5D3B}
.nota{color:#5C6862;border-left-color:#CBD6CF}
.miga{color:#5C6862}
.miga a{color:#0B5D3B}
.cierre p{color:#5C6862}
h1 em{color:#0B5D3B}