/* ══════════════════════════════════════════════════════════
   DISEÑO · CLÁSICO
   Dorado sobre negro. Menú arriba, portada a pantalla completa.

   Este archivo es SOLO de este diseño: puedes cambiar lo que
   quieras sin que afecte a los demás.
   ══════════════════════════════════════════════════════════ */

:root {
  --gold: #C9A96E;
  --gold-light: #E8D5B0;
  --gold-dark: #8B6E3A;
  --dark: #0D0D0D;
  --dark-2: #1A1A1A;
  --dark-3: #252525;
  --text: #F3EFE8;
  --text-muted: #B6ADA0;
  --cuerpo: 19px;
  --grosor: 400;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Jost', sans-serif;
}

/* Las tipografías que hay que traer de Google */
/* @fuentes serif: Cormorant Garamond */
/* @fuentes sans: Jost */

/* ─── La portada sigue la paleta, no un color fijo ─── */
.hero {
  background: linear-gradient(180deg, var(--dark) 0%,
              color-mix(in srgb, var(--gold) 8%, var(--dark)) 50%,
              var(--dark) 100%);
}
.page-hero {
  background: linear-gradient(180deg,
              color-mix(in srgb, var(--gold) 5%, var(--dark)) 0%,
              var(--dark) 100%);
}
nav { background: color-mix(in srgb, var(--dark) 92%, transparent); }

/* ─── La cabecera de las páginas de dentro ───
   La de siempre, con una foto detrás y un velo para que el
   título se lea encima. */
.cl-cab { position: relative; overflow: hidden; }
.cl-cab-foto { position: absolute; inset: 0;
               background-size: cover; background-position: center 28%; }
.cl-cab-velo {
  position: absolute; inset: 0;
  background: linear-gradient(0deg, var(--dark) 0%,
    color-mix(in srgb, var(--dark) 72%, transparent) 45%,
    color-mix(in srgb, var(--dark) 45%, transparent) 100%);
}
.cl-cab .page-hero {
  position: relative; z-index: 2; background: none; border: none;
  min-height: 40vh; display: flex; align-items: flex-end;
  justify-content: center; padding-bottom: 2.5rem;
}
.cl-cab.sin-imagen .cl-cab-velo { display: none; }
.cl-cab.sin-imagen .page-hero {
  min-height: 0; display: block; padding: 7rem 1.5rem 2rem;
}
@media (min-width: 901px) { .cl-cab .page-hero { min-height: 46vh; } }