/* ============================================================
   landing-cinema.css — 17 ottobre 2026.
   Le pagine d'arrivo degli annunci (preventivi, cucine/, cucine in muratura, zone) con la stessa regia delle
   pagine principali Cucine da esterno e Cucine da interno: fondo quasi nero, apertura con il video a tutto schermo,
   titolo che entra riga per riga, «In breve» scuro, filmato a scorrimento. Vale solo con <body class="landing-cinema">.
   Le regole dell'apertura sono copiate da cucine-esterno.html (regia del 27/8/2026), lo stesso disegno.
   ============================================================ */
/* i tasti del preventivo saltano subito al modulo, senza attraversare il filmato a scorrimento */
html:has(body.landing-cinema) { scroll-behavior: auto; }
body.landing-cinema { --cine-fondo: #0A0908; --cine-avorio: rgba(246,244,239,0.92); background: var(--cine-fondo); color: var(--cine-avorio); }
body.landing-cinema .prosa { color: rgba(246,244,239,0.72); }
body.landing-cinema .prosa strong { color: var(--cine-avorio); }
body.landing-cinema .scheda-foto__descrizione { color: rgba(246,244,239,0.66); }
body.landing-cinema .anima--svela::after { background: var(--cine-fondo); }
body.landing-cinema .filo { background: var(--linea-chiara); }
body.landing-cinema .sezione--scura { background: transparent; }

/* --- Eroe: fascio di luce sulla protagonista --- */
body.landing-cinema .cine-eroe .eroe__velo {
  background:
    radial-gradient(58% 66% at 50% 34%, rgba(203,169,104,0.14), transparent 62%),
    linear-gradient(to top, rgba(10,9,8,0.94) 0%, rgba(10,9,8,0.30) 42%, rgba(10,9,8,0.55) 100%);
}
body.landing-cinema .cine-eroe__fascio {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: conic-gradient(from 178deg at 50% -12%, transparent 44%, rgba(246,244,239,0.10) 50%, transparent 56%);
  mix-blend-mode: screen;
  animation: cine-respiro 9s ease-in-out infinite alternate;
}
@keyframes cine-respiro { from { opacity: 0.55; } to { opacity: 1; } }
body.landing-cinema .cine-micro {
  font-family: var(--sans); font-size: 0.68rem; font-weight: 400;
  letter-spacing: 0.42em; text-transform: uppercase;
  color: rgba(246,244,239,0.55); margin: 1.4rem 0 0;
}
body.landing-cinema .cine-micro b { color: var(--oro-chiaro); font-weight: 400; }

/* Titoli che entrano riga per riga */
body.landing-cinema .cine-riga { display: block; overflow: hidden; padding-bottom: 0.06em; margin-bottom: -0.06em; }
body.landing-cinema .cine-riga > span { display: inline-block; transform: translateY(118%); transition: transform 1.15s var(--curva); }
body.landing-cinema .in-scena .cine-riga:nth-child(1) > span { transition-delay: 0.10s; }
body.landing-cinema .in-scena .cine-riga:nth-child(2) > span { transition-delay: 0.26s; }
body.landing-cinema .in-scena .cine-riga:nth-child(3) > span { transition-delay: 0.42s; }
body.landing-cinema .in-scena .cine-riga > span { transform: none; }


/* velo un po' più scuro: dietro ci sono marmi chiari e titoli più lunghi */
body.landing-cinema .cine-eroe .eroe__velo {
  background:
    radial-gradient(58% 66% at 50% 34%, rgba(203,169,104,0.12), transparent 62%),
    linear-gradient(to top, rgba(10,9,8,0.95) 0%, rgba(10,9,8,0.62) 48%, rgba(10,9,8,0.50) 100%);
}

/* l'apertura delle pagine d'arrivo: titoli più lunghi di quelli delle pagine principali */
body.landing-cinema .cine-eroe .eroe__titolo { font-size: clamp(2.2rem, min(6.2vw, 9vh), 5.6rem); max-width: 18ch; }
body.landing-cinema .cine-eroe .landing__azioni { margin-top: 2rem !important; }
body.landing-cinema .cine-eroe .landing__azioni a:not(.bottone) { color: rgba(246,244,239,0.82); }
body.landing-cinema .cine-eroe .landing__azioni .bottone { color: var(--cine-avorio); border-color: rgba(246,244,239,0.55); }
@media (max-width: 620px) { body.landing-cinema .cine-eroe .eroe__titolo { font-size: clamp(2rem, 9.5vw, 2.9rem); } }


/* il modulo del preventivo sul fondo scuro: righe e testo chiari */
body.landing-cinema .modulo input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
body.landing-cinema .modulo textarea,
body.landing-cinema .modulo select { color: var(--cine-avorio); background: transparent; border-color: rgba(246,244,239,0.30); }
body.landing-cinema .modulo input:focus, body.landing-cinema .modulo textarea:focus, body.landing-cinema .modulo select:focus { border-color: var(--oro); outline: none; }
body.landing-cinema .modulo ::placeholder { color: rgba(246,244,239,0.42); }
body.landing-cinema .modulo select option { background: #0A0908; color: var(--cine-avorio); }

/* Rispetto per chi riduce il movimento */
@media (prefers-reduced-motion: reduce) {
  .cine-riga > span, .cine-cap__descrizione, .cine-cap__micro { transform: none; opacity: 1; transition: none; }
  .cine-velo { display: none; }
  .cine-eroe__fascio { animation: none; }
  .cine-cap__cornice { transform: none; transition: none; }
  .cine-cap__cornice img, .cine-macro__contenitore img { transform: scale(var(--ms, 1)); transition: none; }
  .archivio-griglia .scheda-foto__figura img { transition: none; }
}
/* correttore finale (2 settembre 2026): sul fondo scuro di questa pagina le etichette
   e i corsivi restano oro (A03), e l'anello di focus e' quello chiaro (A01) */
.etichetta{color:var(--oro-chiaro);} .titolo-grande em{color:var(--oro);} :focus-visible{outline-color:var(--oro-chiaro);}

  /* cantiere 4 bis (1/10/2026): leggibilità sul fondo scuro e in stampa (dall'esame) */
  .prosa strong{color:#F6F4EF} .howto-passi li{border-color:rgba(246,244,239,.18)} .howto-passi li::before{color:var(--oro);} .prosa thead th{color:rgba(233,228,218,.62)} .prosa th,.prosa td{border-bottom-color:rgba(176,141,87,.35)} .contatto-rapido__voce p{color:rgba(233,228,218,.72)}
  @media print{body{background:#fff!important;color:#0E0D0B!important} h1,h2,h3,h4,p,li,td,th,.prosa,.prosa strong,.etichetta,.titolo-grande,.contatto-rapido__voce p{color:#0E0D0B!important;-webkit-text-fill-color:#0E0D0B} .howto-passi li{border-color:rgba(14,13,11,.14)} .howto-passi li::before{color:#7F6238}}