/* Cine (1-nov-2026) — /cine/, /cine/pr/, /cine/<película>/. Tokens --h2-* de site2.css. */
.cn{max-width:1500px;margin:0 auto;padding:clamp(18px,3vw,36px) var(--h2-gutter) 90px}
.cn-hd{margin:clamp(22px,4vw,44px) 0 8px}
.cn-hd h1{margin:0;font:800 clamp(2.8rem,8vw,6.2rem)/.9 var(--h2-display);letter-spacing:-.05em;color:var(--h2-bone)}
.cn-hd p{margin:14px 0 0;max-width:66ch;color:var(--h2-mute);font:500 clamp(1rem,1.5vw,1.2rem)/1.5 var(--h2-body)}
.cn-hd a,.cn-migas a,.cn-dirs a,.cn-attr a{color:var(--h2-cyan)}
.cn-migas{font:600 .85rem var(--h2-body);color:var(--h2-mute);margin-bottom:6px}
.cn-migas a{text-decoration:none}

/* destacado */
.cn-dest{position:relative;display:block;border-radius:28px;overflow:hidden;aspect-ratio:21/9;min-height:320px;background:var(--h2-panel);text-decoration:none;color:var(--h2-bone)}
.cn-dest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease}
.cn-dest:hover img{transform:scale(1.04)}
.cn-dest::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,20,63,.96) 0%,rgba(6,20,63,.55) 40%,rgba(6,20,63,0) 75%),linear-gradient(to right,rgba(6,20,63,.85),rgba(6,20,63,0) 60%)}
.cn-dest-txt{position:absolute;z-index:1;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:clamp(20px,4vw,48px);display:grid;gap:12px;justify-items:start;max-width:760px}
.cn-dest-txt b{font:800 clamp(2.2rem,5.5vw,5rem)/.92 var(--h2-display);letter-spacing:-.04em}
.cn-dest-sub{font:500 clamp(1rem,1.4vw,1.2rem)/1.4 var(--h2-body);opacity:.88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* bloques y filas de afiches */
.cn-bloque{margin-top:clamp(30px,5vw,56px)}
.cn-bloque-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.cn-bloque-hd h2,.cn-rel h2{margin:0;font:800 clamp(1.5rem,2.6vw,2.2rem)/1 var(--h2-display);letter-spacing:-.03em;color:var(--h2-bone)}
.cn-bloque-hd a,.cn-bloque-hd small{font:600 .9rem var(--h2-body);color:var(--h2-mute)}
.cn-bloque-hd a{color:var(--h2-cyan);text-decoration:none}
.cn-bloque-pr{padding:clamp(18px,3vw,30px);border-radius:28px;background:linear-gradient(135deg,rgba(255,106,61,.14),rgba(255,210,63,.07) 60%,rgba(13,34,96,.4));border:1px solid rgba(255,106,61,.28)}
.cn-fila{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(140px,15vw,200px);gap:clamp(12px,1.6vw,20px);overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.cn-card{scroll-snap-align:start;display:grid;gap:6px;text-decoration:none;color:var(--h2-bone)}
.cn-poster{position:relative;display:block;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:var(--h2-panel);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.cn-poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.cn-card:hover .cn-poster img{transform:scale(1.05)}
.cn-poster .cn-fondo{object-position:center}
.cn-fondo-t{position:absolute;left:0;right:0;bottom:0;padding:40px 10px 10px;background:linear-gradient(to top,rgba(6,20,63,.95),rgba(6,20,63,0));font:800 1rem/1.05 var(--h2-display);color:var(--h2-bone)}
.cn-noposter{display:grid;place-items:center;height:100%;padding:12px;text-align:center;background:linear-gradient(160deg,var(--h2-raise),var(--h2-ink));font:800 1.05rem/1.1 var(--h2-display)}
.cn-flag{position:absolute;top:8px;left:8px;line-height:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.cn-chip{position:absolute;left:8px;bottom:8px;padding:3px 9px;border-radius:999px;background:var(--h2-cyan);color:#fff;font:800 .72rem var(--h2-body)}
.cn-card-t{font:700 .98rem/1.2 var(--h2-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cn-card small{color:var(--h2-mute);font:500 .82rem var(--h2-body)}
.cn-nota{color:var(--h2-mute);font:500 .85rem/1.5 var(--h2-body)}
.cn-attr{margin-top:48px;max-width:80ch;display:grid;gap:8px;padding-top:20px;border-top:1px solid var(--h2-line)}
.cn-attr img{display:block;height:18px;width:auto}
.cn-tmdb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cn-tmdb img{height:14px;width:auto;display:block}
.cn-pronto{margin-top:30px;padding:16px 20px;border-radius:16px;background:var(--h2-panel)}

/* etiquetas */
.cn-tags{display:flex;flex-wrap:wrap;gap:8px}
.cn-tag{padding:4px 11px;border-radius:999px;background:rgba(245,248,255,.12);color:var(--h2-bone);font:700 .78rem var(--h2-body)}
.cn-tag.pr{background:rgba(255,106,61,.2);color:#ffd6c8}
.cn-tag.hot{background:var(--h2-cyan);color:#fff}

/* ficha */
.cn-hero{position:relative;overflow:hidden;background:var(--h2-ink)}
.cn-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(1.1)}
.cn-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--h2-ink) 2%,rgba(6,20,63,.7) 45%,rgba(6,20,63,.35)),linear-gradient(to right,rgba(6,20,63,.9),rgba(6,20,63,.2) 70%)}
.cn-hero-in{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:clamp(20px,3vw,36px) var(--h2-gutter) clamp(28px,4vw,52px)}
.cn-hero-grid{display:grid;grid-template-columns:clamp(150px,20vw,270px) 1fr;gap:clamp(20px,4vw,52px);align-items:end;margin-top:clamp(20px,5vw,80px)}
.cn-hero-grid.sin-afiche{grid-template-columns:1fr;max-width:900px}
.cn-bandera{display:inline-block;vertical-align:-.08em;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.cn-hd h1 .cn-bandera,.cn-bloque-hd h2 .cn-bandera{vertical-align:-.04em;margin-right:.1em}
.cn-bloque-hd h2 i{color:var(--h2-cyan);font-size:.8em;margin-right:.15em}
.cn-hero-poster{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.cn-hero h1{margin:14px 0 0;font:800 clamp(2.4rem,6vw,5.4rem)/.92 var(--h2-display);letter-spacing:-.045em;color:var(--h2-bone)}
.cn-year{font-weight:600;opacity:.6}
.cn-orig{margin:8px 0 0;color:var(--h2-mute);font:500 .95rem var(--h2-body)}
.cn-resumen{margin:16px 0 0;max-width:68ch;color:var(--h2-bone);font:500 clamp(1.02rem,1.4vw,1.22rem)/1.5 var(--h2-body)}
.cn-credito{margin:10px 0 0;color:var(--h2-mute);font:500 .98rem/1.4 var(--h2-body)}
.cn-credito b{color:var(--h2-bone)}
.cn-acciones{display:flex;gap:10px;margin-top:20px}
.cn-cuerpo{max-width:1300px;margin:0 auto;padding:clamp(24px,4vw,48px) var(--h2-gutter) 0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,4vw,56px)}
.cn-sec{margin-bottom:36px}
.cn-sec h2,.cn-box h2,.cn-fuentes h2{margin:0 0 12px;font:800 1.35rem/1.1 var(--h2-display);letter-spacing:-.02em;color:var(--h2-bone)}
.cn-texto{color:var(--h2-bone);font:400 1.08rem/1.7 var(--h2-body);max-width:72ch}
.cn-texto p{margin:0 0 1em}
.cn-texto h2,.cn-texto h3{margin:1.4em 0 .5em}
.cn-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:20px;overflow:hidden;background:#000;cursor:pointer}
.cn-yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.cn-yt-play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:rgba(255,45,85,.92);color:#fff;font-size:1.9rem;transition:transform .2s}
.cn-yt:hover .cn-yt-play{transform:scale(1.08)}
.cn-sec iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;display:block}
.cn-reparto{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cn-reparto li{padding:6px 12px;border-radius:12px;background:var(--h2-panel);color:var(--h2-bone);font:600 .92rem var(--h2-body)}
.cn-lista{margin:0;padding-left:18px;color:var(--h2-bone);font:500 .98rem/1.6 var(--h2-body)}
.cn-lista a{color:var(--h2-cyan)}
.cn-box{padding:20px;border-radius:20px;background:var(--h2-panel);border:1px solid var(--h2-line);margin-bottom:16px}
.cn-box dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font:500 .92rem/1.4 var(--h2-body)}
.cn-box dt{color:var(--h2-mute)}
.cn-box dd{margin:0;color:var(--h2-bone)}
.cn-prod{background:linear-gradient(135deg,rgba(255,106,61,.18),var(--h2-panel));border-color:rgba(255,106,61,.3)}
.cn-prod p{margin:0 0 14px;color:var(--h2-bone);font:500 .92rem/1.5 var(--h2-body)}
.cn-btn{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--h2-cyan);color:#fff;font:800 .92rem var(--h2-body);text-decoration:none}
.cn-fuentes{max-width:1300px;margin:12px auto 0;padding:24px var(--h2-gutter) 0;border-top:1px solid var(--h2-line)}
.cn-fuentes ul{margin:0;padding-left:18px;columns:2;color:var(--h2-mute);font:500 .9rem/1.7 var(--h2-body)}
.cn-fuentes a{color:var(--h2-mute)}
.cn-rel{max-width:1300px;margin:40px auto 0;padding:0 var(--h2-gutter) 80px}
.cn-rel h2{margin-bottom:14px}
.cn-dirs{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--h2-bone);font:500 1rem/1.5 var(--h2-body)}
.cn-dirs small{color:var(--h2-mute)}

@media (max-width:900px){
  .cn-cuerpo{grid-template-columns:1fr}
  .cn-fuentes ul{columns:1}
}
@media (max-width:640px){
  .cn-dest{aspect-ratio:4/5;min-height:0}
  .cn-hero-grid{grid-template-columns:1fr;align-items:start}
  .cn-hero-poster{width:46%;max-width:200px}
}