/* Dirección C · «Cine»: portada a pantalla completa con titular abajo a la izquierda,
   cartera de noche (sección oscura) en rejilla de 2 columnas apaisadas, resto de día. */
:root {
  --c-fondo: #F2EEE8;
  --c-texto: #15140F;
  --c-acento: #FF4F00; /* naranja de Casa First: flecha de la píldora y selección */
  --c-suave: #E7E0D5;
  --f-display: "Jost", "Futura", "Helvetica Neue", Arial, sans-serif;
  --f-texto: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --escala: 1;
}

/* ---------- Portada: a sangre, sin filete sobre la foto ---------- */
[data-variante="hero-cine"] .hero__shade {
  background: linear-gradient(180deg, rgba(0, 0, 0, .28) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, .74) 100%);
}
[data-variante="hero-cine"] .hero__inner { padding-bottom: clamp(20px, 3vw, 40px); }
[data-variante="hero-cine"] .hero__title { max-width: 12em; font-size: calc(clamp(2.2rem, 1.3rem + 2.6vw, 4rem) * var(--escala)); line-height: 1.04; }
[data-variante="hero-cine"] .hero__foot { border-top: 0; padding-bottom: clamp(16px, 2vw, 28px); }
[data-variante="hero-cine"] .hero__caption { font-size: 11.5px; color: rgba(255, 255, 255, .78); }

/* ---------- Cartera de noche ---------- */
[data-variante="cartera-cine"] {
  background: var(--c-texto); color: var(--c-fondo);
  --mute: color-mix(in srgb, var(--c-fondo) 60%, var(--c-texto));
  --line: color-mix(in srgb, var(--c-fondo) 16%, transparent);
}
[data-variante="cartera-cine"] .track {
  grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(48px, 5vw, 88px) clamp(20px, 2.4vw, 40px);
  overflow: visible; scroll-snap-type: none; cursor: auto;
}
[data-variante="cartera-cine"] .card:nth-child(n + 7) { display: none; }
[data-variante="cartera-cine"] .rail__foot { display: none; }
[data-variante="cartera-cine"] .card__media { aspect-ratio: 3 / 2; background: color-mix(in srgb, var(--c-fondo) 8%, var(--c-texto)); }
[data-variante="cartera-cine"] .card__title { margin-top: 20px; font-size: calc(clamp(1.35rem, 1rem + .9vw, 1.9rem) * var(--escala)); }
[data-variante="cartera-cine"] .zonas-cursor { background: color-mix(in srgb, var(--c-fondo) 8%, var(--c-texto)); }
@media (max-width: 767px) {
  [data-variante="cartera-cine"] .track { grid-template-columns: minmax(0, 1fr); gap: 44px; }
}

/* v3: Jost como el logo; titulares en peso medio */
[data-variante="cine"] h1, [data-variante="cine"] h2, [data-variante="cine"] h3 { font-weight: 500; letter-spacing: -.025em; }
[data-variante="hero-cine"] .hero__title { font-size: calc(clamp(2.4rem, 1.3rem + 3.4vw, 5rem) * var(--escala)); line-height: 1; }
[data-variante="cine"] .claims b { color: #C23C00; } /* primario oscurecido: el naranja puro no llega a 3:1 sobre este papel */
[data-variante="cine"] .cita blockquote { font-size: calc(clamp(1.5rem, 1rem + 1.6vw, 2.6rem) * var(--escala)); max-width: 26ch; }
[data-variante="cine"] .footer__word { font-weight: 500; letter-spacing: -.04em; }
/* v4: velo único sobre las fotos (cabecera, titular y texto se leen en fotos cargadas); sin rayas sobre la foto */
[data-variante="hero-cine"] .hero__shade {
  background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, .35) 100%);
}
[data-variante="hero-cine"] .pill--ghost { background: rgba(0, 0, 0, .35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
[data-variante="hero-cine"] .hero__title { text-wrap: balance; }

/* Precio y m² como texto bajo la foto, sin cápsulas */
.card__precio { margin-top: 6px; font-family: var(--f-display); font-size: 1.05rem; letter-spacing: -.005em; }
.card__title { margin-top: 18px; }
.card__meta { margin-top: 2px; }