/* ==========================================================
   Tema filtrosdeagua.org · azules, verde oliva y fondos grises
   Se carga DESPUÉS de estilo.css y solo cambia los tokens.
   Para trustuki.com no se carga ningún tema (paleta base).
   ========================================================== */
:root{
  --tinta:#0F2E57;          /* azul marino derivado del logo: titulares y banda oscura */
  --verde:#4A6B12;          /* verde oliva profundo: etiquetas, «Ideal para», números */
  --acento:#A9CD4F;         /* verde del logo: SOLO botones de acción */
  --sobre-acento:#1E2A0E;   /* texto sobre el acento */
  --agua:#0A4DAA;           /* azul del logo: iconos, enlaces y detalles */
  --fondo:#F4F6F7; --celda:#EDF1F3; --foto:#E9EEF1; --pie:#E6EBEE; --hero:#E4ECF1;
  --borde:#DCE3E8; --borde-fuerte:#C6D0D7;
  --txt-3:#56636D; --txt-2:#4A5761; --txt:#3B4752; --texto-claro:#C9D6E0;
}
body{background:var(--fondo)}
a{color:var(--tinta)}a:hover{color:var(--agua)}
.etiqueta{background:#EEF5DC;border-color:#D3E4A8;color:var(--verde)}
.seccion--oscura{background:var(--tinta)}
.portada{background:var(--hero)}
.marco-ilustracion{background:#DCE8F0}
.btn--oscuro{background:var(--tinta)}
.nota-mini b,.nota__global,.insignia{background:var(--tinta)}
.barra i{background:var(--agua)}
.respuesta-rapida{border-left:0}
/* Menú de 7 secciones: más compacto para que quepa en una línea */
@media (min-width:761px){.menu{gap:4px 18px;font-size:14.5px;flex-wrap:nowrap}.buscador{flex:0 1 210px}.cabecera__fila{gap:16px 24px}}
@media (min-width:761px) and (max-width:1180px){.menu{flex-wrap:wrap}}

/* Logotipo real */
.logo__img{display:block;height:46px;width:auto}
@media (max-width:760px){.logo__img{height:38px}}
/* Foto de portada */
.marco-foto{max-width:480px;aspect-ratio:1/1}
.marco-foto img{width:100%;height:100%;object-fit:cover;display:block}