/* ============================================================
   CEMPROTECTA · revisión de contraste · 29.10.2026
   Petición de Juan Antonio: «un poco más de contraste, sin perder
   la sensación de calma». Misma paleta, mismas familias, mismos
   componentes: solo se acentuan jerarquía, separación de secciones
   y lectura de los recorridos.

   Se carga la última (functions.php). Reversible de una pieza:
   opción cemprotecta_revision_contraste = 'off' la desactiva para
   todos; con sesión iniciada, ?contraste=0 muestra el estado anterior.
   ============================================================ */


/* ---------- 1 · secciones: bandas y filetes más definidos ----------
   La banda (#EBEEE8) apenas se distinguía del papel (#F4F5F2). Se
   lleva a medio camino de la banda densa de la paleta y los filetes
   entre secciones pasan al filete definido. */

.sec{border-top-color:var(--line-2)}
.sec.band{background:color-mix(in srgb,var(--surface-2) 45%,var(--surface-3))}

/* Bloque de servicios de Inicio: superficie blanca para que se lea
   como el mapa de lo que hace Cemprotecta. */
.sec.cm-servicios{background:var(--surface)}
.cm-servicios .row .rt{font-size:clamp(19px,1.8vw,22px)}


/* ---------- 2 · jerarquía de texto ---------- */

.hero .lead{color:var(--ink)}
.hero h1{letter-spacing:-.02em}
.sec h2.wp-block-heading{color:var(--ink)}

/* Antetítulo con un filete corto de acento: un rasgo propio, discreto,
   que ordena el comienzo de cada bloque. */
.hgroup > .eyebrow,.txt > .eyebrow,.stack > .eyebrow{
  display:inline-flex; align-items:center; gap:10px;
}
.hgroup > .eyebrow::before,.txt > .eyebrow::before,.stack > .eyebrow::before{
  content:""; width:22px; height:1px; background:currentColor; flex:0 0 auto;
}


/* ---------- 3 · recorridos y enlaces ---------- */

.rows{border-top-color:var(--ink-3)}
a.row{transition:background-color .15s ease}
a.row:hover{background:color-mix(in srgb,var(--wash) 70%,transparent)}

.flow{border-top-color:var(--accent)}
.flow .n{font-size:13px; font-weight:500}

.countries span{color:var(--accent-h)}

.pull{color:var(--ink)}


/* ---------- 4 · cabecera y pie ---------- */

.hd-main{border-bottom:1px solid var(--line-2)}

.ft-w{background:var(--surface-3); border-top-color:var(--line-2)}
.ft-g h2{color:var(--ink-2)}
.ft-g a,.ft-g p,.ft-g .wp-block-navigation-item__content{color:var(--ink)}
.ft-g a:hover,.ft-g .wp-block-navigation-item__content:hover{color:var(--accent)}