/* Tema rojo (prueba del 04-11-2026, pedido de Cristián: «el rojo principal, sobre él todo blanco o imagen;
   el azul de Nativos para botones y cosas así, o el blanco de segundo color»).
   Se carga después de estilo.css y lo cambia entero. Para volver al tema blanco basta con no cargarlo
   (TEMA = "blanco" en build.py). Las «islas» blancas (tarjeta de cotizar, formulario, mapas, tarjetas de
   las estaciones) conservan la letra oscura. */

:root {
  --rojo-base: #a11d21;      /* el rojo del Refugio Escuela: fondo de toda la web */
  --rojo-alterno: #921a1e;   /* secciones alternas */
  --rojo-banda: #7c1519;     /* franjas de cifras y capacidad */
  --rojo-noche: #5a0e11;     /* cámaras trampa y pie */
  --blanco-suave: rgba(255, 255, 255, .84);
  --blanco-tenue: rgba(255, 255, 255, .7);
  --linea-clara: rgba(255, 255, 255, .24);
  --principal: var(--azul);  /* botones y selecciones */
  --principal-texto: #ffffff;   /* sobre el azul, letra blanca (pedido del 04-11-2026) */
}

body { background: var(--rojo-base); color: #fff; }
a { color: #fff; }
a:hover { color: var(--azul); }
:focus-visible { outline-color: #fff; }
.kicker { color: #fff; }
.kicker::before { background: var(--azul); opacity: 1; }
.bajada { color: var(--blanco-suave); }
.nota { color: var(--blanco-tenue); }
.destacado { color: #fff; }
.enlace { color: #fff; }
.enlace:hover { color: var(--azul); }

/* botones: el principal en azul Nativos; el secundario en blanco */
.btn--rojo { background: var(--principal); color: var(--principal-texto); }
.btn--rojo { font-weight: 600; }
.btn--rojo:hover { background: #4b9fdc; color: #fff; }
.btn--linea { border-color: rgba(255, 255, 255, .85); color: #fff; }
.btn--linea:hover { background: #fff; color: var(--rojo-base); }
.btn--blanco { background: #fff; color: var(--rojo-base); }

/* cabecera roja con el sello en blanco */
.cabecera { background: var(--rojo-base); }
.cabecera.con-sombra { box-shadow: 0 1px 0 var(--linea-clara), 0 10px 30px rgba(40, 0, 0, .25); }
.marca img, .pie__marca img { filter: brightness(0) invert(1); }
.menu a:not(.btn) { color: #fff; }
.menu a:not(.btn):hover, .menu a[aria-current="page"] { border-bottom-color: var(--azul); }
@media (max-width: 900px) {
  .menu-boton__barras, .menu-boton__barras::before, .menu-boton__barras::after { background: #fff; }
  .menu { background: var(--rojo-base); box-shadow: 0 18px 30px rgba(40, 0, 0, .35); }
  .menu a:not(.btn) { border-bottom-color: var(--linea-clara); }
  .menu a:not(.btn)[aria-current="page"] { color: var(--azul); border-bottom-color: var(--linea-clara); }
}

/* secciones */
.seccion--niebla { background: var(--rojo-alterno); }
.seccion--rojo { background: var(--rojo-banda); }
.seccion--azul { background: var(--rojo-noche); }
.seccion--azul .kicker { color: #fff; }
.foto { background: rgba(0, 0, 0, .15); }

/* las fotos van limpias, sin velos de color (04-11-2026) */
.anclas-banda { background: var(--rojo-base); border-bottom-color: var(--linea-clara); }
.anclas a { border-color: rgba(255, 255, 255, .45); color: #fff; }
.anclas a:hover { background: #fff; border-color: #fff; color: var(--rojo-base); }

/* islas blancas: letra oscura, selección en azul */
.hero__tarjeta, .panel__tarjeta, .formulario, .mapa, .mapa-parque { color: var(--tinta); }
.hero__tarjeta a, .formulario a { color: var(--azul-hondo); }
.formulario { background: #fff; }
.formulario .nota, .mapa figcaption, .mapa-parque figcaption { color: var(--gris); }
.formulario .campo input, .formulario .campo textarea { background: var(--niebla); border-color: var(--niebla); }
.formulario .opcion span { background: var(--niebla); border-color: var(--niebla); color: var(--tinta); }
.opcion input:checked + span, .hero__tarjeta .opcion input:checked + span, .formulario .opcion input:checked + span { background: var(--principal); border-color: var(--principal); color: var(--principal-texto); }
.opcion:hover span { border-color: var(--azul); }
.mapa-parque { background: #fff; border-radius: var(--radio); padding: clamp(12px, 2.4vw, 28px); }

/* cifras, tarjetas, chips */
.cifras { border-top-color: var(--linea-clara); }
.cifra + .cifra, .cifras--chicas .cifra + .cifra { border-left-color: var(--linea-clara); }
.cifras dt { color: #fff; }
.cifras dd { color: var(--blanco-suave); }
@media (max-width: 900px) { .cifras--chicas .cifra:nth-child(odd) { border-left-color: var(--linea-clara); } }
.tarjeta { color: #fff; }
.tarjeta__num { color: var(--blanco-tenue); }
.tarjeta__texto { color: var(--blanco-suave); }
.tarjeta__ir, .tarjeta:hover .tarjeta__ir { color: #fff; }
.tarjeta__foto { background: rgba(0, 0, 0, .15); }
.chips li { background: transparent; border-color: rgba(255, 255, 255, .45); color: #fff; }
.chips li::before { background: var(--azul); }

/* pestañas de las estaciones */
.pestana { background: transparent; border-color: rgba(255, 255, 255, .5); color: #fff; }
.pestana:hover { border-color: #fff; }
.pestana[aria-selected="true"] { background: var(--principal); border-color: var(--principal); color: var(--principal-texto); }
@media (max-width: 760px) { .panel { border-color: transparent; } }

/* equipo y aliados: logos en blanco */
.persona__rol { color: var(--blanco-tenue); }
.persona img { border-color: rgba(255, 255, 255, .9); box-shadow: 0 8px 20px rgba(40, 0, 0, .25); }
.aliados { border-top-color: var(--linea-clara); }
.aliados__titulo { color: var(--blanco-tenue); }
.aliado a { color: #fff; }
.aliado img, .aliado-lemu img { filter: brightness(0) invert(1); opacity: .92; }
.aliado a:hover img { filter: brightness(0) invert(1); opacity: 1; }
.aliado p { color: var(--blanco-suave); }

/* interiores */
.datos div { border-top-color: var(--linea-clara); }
.datos dt { color: var(--blanco-tenue); }
.clima__item { background: rgba(255, 255, 255, .08); border-top-color: var(--azul); }
.clima__meses { color: var(--blanco-tenue); }
.clima__item p { color: var(--blanco-suave); }
.sendero { background: rgba(255, 255, 255, .08); border: 1px solid var(--linea-clara); }
.sendero__km { color: #fff; }
.sendero__km small { color: var(--blanco-tenue); }
.sendero dl { border-top-color: var(--linea-clara); }
.sendero dt { color: var(--blanco-tenue); }
.num { background: var(--principal); color: var(--principal-texto); }
.senderos li { border-top-color: var(--linea-clara); }
.hito { border-top-color: var(--linea-clara); }
.hito::before { background: var(--azul); box-shadow: 0 0 0 4px var(--rojo-base); }
.hito__cuando { color: var(--blanco-tenue); }
.hito p { color: var(--blanco-suave); }
.galeria__item figcaption { color: var(--blanco-tenue); }
.vocaciones li { border-top-color: var(--azul); }
.vocaciones p { color: var(--blanco-suave); }
.libreta li { border-top-color: var(--linea-clara); }
.libreta li:last-child { border-bottom-color: var(--linea-clara); }
.libreta__fecha { color: var(--azul); }
.incluye > div { background: rgba(255, 255, 255, .08); border: 1px solid var(--linea-clara); }
.incluye li { border-top-color: var(--linea-clara); }
.incluye li::before { border-color: var(--azul); }
.resultados li { border-top-color: var(--azul); color: var(--blanco-suave); }
.resultado__num { color: #fff; }
.medida p { color: var(--blanco-suave); }
.cita { background: rgba(255, 255, 255, .08); border: 1px solid var(--linea-clara); }
.cita figcaption { color: var(--azul); }

/* pie */
.pie { background: var(--rojo-noche); color: #fff; }
.p-cotizar .pie, .p-404 .pie { border-top: 0; }
.pie__marca p, .pie__nota { color: var(--blanco-suave); }
.pie__titulo { color: var(--blanco-tenue); }
.pie a:not(.enlace) { color: #fff; }
.pie a:not(.enlace):hover { color: var(--azul); }
.pie__base { border-top-color: var(--linea-clara); color: var(--blanco-tenue); }

/* apertura, públicos, propietarios y verbos sobre el rojo */
.apertura__foto figcaption { color: var(--blanco-tenue); }
.publicos { border-top-color: var(--linea-clara); }
.publicos li { border-bottom-color: var(--linea-clara); }
.foto--propietarios figcaption { color: var(--blanco-tenue); }
.verbo__foto { background: rgba(0, 0, 0, .15); }
.verbo figcaption span:last-child { color: var(--blanco-suave); }
.registro__item figcaption { color: var(--blanco-tenue); }