/* ============================================================
   v12 · "NOCHE DE MONTAÑA Y MADERA DE LA BAITA" (2026-11-09)
   Veredicto del consejo de diseño (Desktop/Claude/LLM_Council/runs/2026-11-09_2211_fondo-web-baita/):
   el café oscuro uniforme no tenía jerarquía y "parecía WordPress". La baita en invierno es
   una noche fría con una ventana encendida, no una habitación pintada de marrón.
   - NOCHE: grafito frío #15191C (portada, la baita, Torino, música, vídeos, disco).
   - Sin papel blanco: toda la web vive en la baita (Carlos, 2026-11-09: "¿esto está en blanco?").
   - La MADERA de la baita se queda (vigas, techos, tablas, mesa del libro): corrección de Carlos al consejo.
   - Portada 2.39:1 en escritorio con barras del color de la página; en móvil, a sangre.
   Se carga después de giaveno-baita.css (template-parts/gm-header.php). Quitar esa línea = vuelve la v11.
   Backup: kadence-child/_backup-antes-pizarra-2026-11-09/
   Contrastes calculados (WCAG): nieve/noche 14,7:1 · piedra/noche 7,4:1 · brasa/noche 6,2:1 ·
   tinta/papel 14,3:1 · tinta-2/papel 5,4:1 · bosque/papel 8,4:1 · papel sobre bosque 8,4:1.
   ============================================================ */

:root.baita {
  --noche-0: #0F1214;
  --noche:   #15191C;   /* antes #241A14 */
  --noche-1b:#1A2024;
  --chocolate: #1C2226; /* superficies (el nombre se queda para no romper reglas) */
  --noche-3: #252D32;
  --alerce:  #323B41;   /* líneas de 1 px */
  --cedro:   #323B41;   /* marcos que eran de cedro */
  --nieve:   #ECEAE5;
  --nieve-titulo: #F4F2EE;
  --humo:    #A3A9AD;   /* "piedra": texto secundario */
  --noche-alpina: #1A2024;
  --brasa:   #D18A3C;
  --luz:     #E09B52;   /* hover de la brasa, sin brillo */
  --papel-dia:  #F2EEE6;
  --papel-dia2: #E8E3D9;
  --tinta-dia:  #1B1F22;
  --tinta-dia2: #5B6266;
  --bosque-dia: #2F4A3E;
  --cobre-dia:  #8E4E21;
  --linea-dia:  #D6D0C4;
  background: var(--noche);
}

/* fondo: degradado vertical estático, como cae la luz del cielo (sin fixed: va mejor en el Mac Intel) */
.baita body,
.baita .en-valle {
  background:
    radial-gradient(ellipse 90% 55% at 50% -12%, rgba(38, 50, 58, .9), rgba(38, 50, 58, 0) 70%),   /* cielo de montaña arriba */
    radial-gradient(ellipse 70% 40% at 50% 112%, rgba(232, 173, 104, .08), rgba(232, 173, 104, 0) 70%), /* la chimenea abajo */
    linear-gradient(180deg, var(--noche) 0%, var(--noche-1b) 100%);
  background-attachment: scroll;
}
.baita .gm-pie, .baita .en-valle .gm-pie { background: var(--noche-0); margin-top: 0; box-shadow: inset 0 1px 0 var(--alerce); }

/* ---------- LA MADERA SE QUEDA (pedido de Carlos, 2026-11-09: "estamos a pie de las montañas") ----------
   La idea: afuera, la noche fría de montaña (pizarra); adentro, la madera real de la baita
   (vigas, tablas de castaño, la mesa del libro, la luz de la chimenea). Lo que se fue es solo
   el café plano de fondo. Las texturas son las fotográficas de img/madera/, sin tocar. */
.baita .gm-pie { margin-top: 28px; }
.bt-torino { background: var(--noche-1b); }

/* ---------- portada: cine en escritorio, a sangre en el móvil ---------- */
.bt-apertura, .bt-encuadre, .bt-encuadre .gm-clip { background: var(--noche-0); }
.bt-titulo h1 { color: var(--nieve-titulo); }
/* velo neutro (gris, nunca café) solo en el tercio bajo, para el nombre y la entrada */
.bt-encuadre::after {
  background:
    linear-gradient(0deg, rgba(15, 18, 20, .55) 0%, rgba(15, 18, 20, 0) 50%),
    linear-gradient(180deg, rgba(15, 18, 20, .3) 0%, rgba(15, 18, 20, 0) 25%);
}
@media (max-width: 767px) {
  .bt-apertura { display: block; }
  .bt-encuadre { aspect-ratio: auto; height: 100%; max-height: none; }
}

/* ---------- tipografía: Cormorant fino se deshace en oscuro → 600 por debajo de 32 px ---------- */
.baita .gm-nav a, .baita .gm-palabras a, .baita h3, .baita h4,
.baita .bt-escena-cita, .baita .gm-logo-g { font-weight: 600; }

@media (prefers-reduced-motion: reduce) { .baita * { scroll-behavior: auto; } }

/* Invencible: la portada acompaña la lectura (no deja la columna vacía) */
@media (min-width: 900px) {
  .baita .gm-libro { align-items: start; }
  .baita .gm-libro-arte { position: sticky; top: 110px; }
}
/* el libro sobre la mesa de castaño de la baita, bajo la lámpara (como en la portada) */
.baita .gm-libro-arte {
  padding: clamp(28px, 4vw, 56px);
  border: 1px solid var(--cedro);
  background:
    radial-gradient(ellipse 55% 45% at 30% 12%, rgba(232, 173, 104, .5), rgba(232, 173, 104, 0) 75%),
    radial-gradient(ellipse 85% 75% at 40% 35%, rgba(21, 25, 28, 0) 30%, rgba(21, 25, 28, .9) 100%),
    linear-gradient(rgba(21, 25, 28, .35), rgba(21, 25, 28, .35)),
    url("../img/madera/tablas-castano-h.webp") 0 0 / auto 420px;
}
.baita .gm-libro-arte img { display: block; margin: 0 auto; box-shadow: 18px 26px 34px -8px rgba(10, 12, 14, .75); }

/* ============================================================
   DENTRO DE LA BAITA (Carlos, 2026-11-09: "más madera, pero de baita: cabaña, humo").
   Las páginas interiores son la pared de tablas de castaño de "La baita" de la portada,
   con la luz de la chimenea; el texto va en paneles de pizarra encima, como allí.
   ============================================================ */
.baita .en-valle main {
  background-image:
    radial-gradient(ellipse 55% 45% at 10% 18%, rgba(232, 173, 104, .30), rgba(232, 173, 104, 0) 70%),
    radial-gradient(ellipse 50% 40% at 92% 75%, rgba(232, 173, 104, .16), rgba(232, 173, 104, 0) 70%),
    linear-gradient(90deg, rgba(21, 25, 28, .05) 0%, rgba(21, 25, 28, .30) 55%, rgba(21, 25, 28, .62) 100%),
    url("../img/madera/tablas-castano.webp");
  background-size: auto, auto, auto, 470px auto;
  padding-bottom: clamp(48px, 6vw, 96px);
}
/* paneles de lectura: pizarra casi opaca con filete, como el texto de "La baita" */
.baita .en-valle main > .gm-seccion,
.baita .en-valle main > .gm-envoltura:not(.gm-tienda),
.baita .en-valle .gm-invencible > .gm-seccion,
.baita .en-valle .gm-invencible > .gm-tienda,
.baita .en-valle .gm-conecta {
  background: rgba(21, 25, 28, .92);
  box-shadow: inset 0 0 0 1px rgba(50, 59, 65, .6), 0 30px 60px -24px rgba(10, 12, 14, .9);
  margin-top: clamp(36px, 5vw, 64px);
  padding: clamp(28px, 4vw, 56px);
}
.baita .en-valle .gm-invencible > .gm-tienda { padding: clamp(20px, 3vw, 40px); }
/* las cabeceras con foto o vídeo siguen a sangre; debajo, una viga de cedro las separa de la pared */
.baita .en-valle main > .gm-portadilla,
.baita .en-valle main > .gm-conecta-hero { position: relative; box-shadow: 0 18px 30px -12px rgba(10, 12, 14, .9); }
.baita .en-valle main > .gm-portadilla::after,
.baita .en-valle main > .gm-conecta-hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -28px; height: 28px; z-index: 3; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(232, 173, 104, .35) 0, rgba(232, 173, 104, 0) 3px, rgba(0, 0, 0, 0) 55%, rgba(10, 12, 14, .6) 100%),
    url("../img/madera/viga-cedro.webp") 0 50% / 1024px auto repeat-x;
}
/* humo sobre las cabeceras interiores (el mismo de la portada) */
.gm-portadilla > .bt-humo, .gm-conecta-hero > .bt-humo { z-index: 2; }
@media (max-width: 760px) {
  .baita .en-valle main { background-size: auto, auto, auto, 300px auto; }
  .baita .en-valle main > .gm-seccion,
  .baita .en-valle main > .gm-envoltura:not(.gm-tienda),
  .baita .en-valle .gm-invencible > .gm-seccion,
  .baita .en-valle .gm-conecta { padding: 22px 18px; }
}

/* "roble" se usa en textos pequeños (Single · 2021, etiquetas, años): madera clara legible,
   no el gris de las líneas (con el gris quedaba invisible sobre el panel: Música, 2026-11-09) */
:root.baita, .baita .en-valle { --roble: #C99A64; }