/* Demo "Vídeo" — Nonna & Fogo (hero cinematográfico) */

.cine { position: relative; min-height: 94vh; display: grid; place-items: center; text-align: center;
  color: #fff; overflow: hidden; background: #1A0F09; }
/* o vídeo do cliente cobre tudo na versão real */
.cine__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
/* fundo cinematográfico (fica visível enquanto não há vídeo) */
.cine__bg { position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(80% 60% at 50% 40%, rgba(179,58,31,.35), transparent 60%),
    linear-gradient(180deg, #2D1810 0%, #1A0F09 70%); }
.cine::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.6)); }
.cine .k-container { position: relative; z-index: 2; max-width: 820px; padding-block: var(--sp-9); }
.cine__eyebrow { letter-spacing: .22em; text-transform: uppercase; font-size: var(--text-sm); font-weight: 600;
  color: var(--accent); margin: 0 0 var(--sp-4); }
.cine h1 { font-family: var(--font-display); font-weight: 600; color: #fff; font-size: var(--text-4xl);
  line-height: 1.0; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }
.cine h1 em { font-style: italic; font-weight: 500; color: var(--accent); }
.cine__lead { color: rgba(255,255,255,.86); font-size: var(--text-lg); max-width: 48ch; margin: var(--sp-5) auto 0; }
.cine .k-hero__actions { justify-content: center; margin-top: var(--sp-6); }
.cine .k-btn--secondary { color: #fff; border-color: rgba(255,255,255,.5); }
.cine .k-btn--secondary:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.cine__nota { position: absolute; top: var(--sp-4); right: var(--sp-5); z-index: 2; font-size: var(--text-label); color: rgba(255,255,255,.6); }
.k-trust__star { color: var(--accent); }