/* Le Tapis — apertura della home a tutto schermo, con immagine o video e il
   testo in sovraimpressione. Sostituisce l'apertura a due colonne del mockup. */

.hero-video{padding:0;--chiaro:#fff;--chiaro2:#f3e9e2;--salmone-chiaro:#f4ab96;--velo:30,22,19}
.hero-video .hv-quadro{position:relative;overflow:hidden;display:flex;align-items:center;min-height:min(84vh,820px)}
.hero-video .hv-video{position:absolute;inset:0;background:var(--inchiostro)}
.hero-video .hv-video>img,.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* il video compare in dissolvenza sopra l'immagine quando comincia davvero a girare */
.hero-video video{opacity:0;transition:opacity .8s}
.hero-video video.gira{opacity:1}
/* velo scuro da sinistra: il testo resta leggibile anche sulle scene più chiare */
.hero-video .hv-video::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--velo),.9) 0%,rgba(var(--velo),.8) 36%,rgba(var(--velo),.4) 62%,rgba(var(--velo),.14) 100%)}

.hero-video .hero-grid{position:relative;display:block;width:100%;padding-top:72px;padding-bottom:72px}
.hero-video .hero-grid>div:first-child{max-width:600px}
.hero-video .cta{margin:30px 0 40px}
.hero-video .hero-card{left:auto;right:32px;bottom:36px}
.hero-video .hv-sotto{display:none}

/* testo chiaro sopra il video */
.hero-video .hv-quadro .kicker{color:var(--salmone-chiaro)}
.hero-video .hv-quadro h1{color:var(--chiaro)}
.hero-video .hv-quadro h1 em{color:var(--salmone-chiaro)}
.hero-video .hv-quadro p.sotto{color:var(--chiaro2)}
.hero-video .hv-quadro .btn-pieno{background:var(--salmone);color:var(--inchiostro)}
.hero-video .hv-quadro .btn-pieno:hover{background:#f0a792}
.hero-video .hv-quadro .btn-pieno span{background:var(--inchiostro);color:#fff}
.hero-video .hv-quadro .link{color:var(--chiaro)}
.hero-video .hv-quadro .link:hover{color:var(--salmone-chiaro)}
.hero-video .hv-quadro .fiducia li{color:var(--chiaro)}
.hero-video .hv-quadro .fiducia svg{color:var(--salmone-chiaro)}

/* bottone pausa: sempre leggibile sopra il video */
.hv-pausa{position:absolute;right:20px;top:20px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(var(--velo),.72);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .25s}
.hv-pausa[hidden]{display:none}
.hv-pausa:hover{background:rgba(var(--velo),.92)}
.hv-pausa:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hv-pausa svg{width:20px;height:20px}
.hv-pausa .via,.hv-pausa[aria-pressed="true"] .pausa{display:none}
.hv-pausa[aria-pressed="true"] .via{display:block}

/* --- testata della home: trasparente sopra l'apertura, poi piena e fissa in alto ---
   --testata-h è l'altezza della testata, misurata da le-tapis.js */
.pag-home>header{position:sticky;top:0;z-index:30;background:transparent;transition:background-color .35s,box-shadow .35s}
.admin-bar.pag-home>header{top:32px}
.pag-home>header.fissa{background:var(--cipria);box-shadow:0 10px 30px -22px rgba(var(--velo,30,22,19),.55)}
.pag-home .hero-video{margin-top:calc(-1 * var(--testata-h,96px))}
.pag-home .hero-video .hero-grid{padding-top:calc(72px + var(--testata-h,96px))}
.pag-home .hv-pausa{top:calc(var(--testata-h,96px) + 16px)}
/* fascia scura in alto sul video: le voci del menu si leggono su qualunque scena */
.pag-home .hero-video .hv-video::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:calc(var(--testata-h,96px) + 90px);pointer-events:none;background:linear-gradient(180deg,rgba(var(--velo),.78) 0%,rgba(var(--velo),.5) 55%,rgba(var(--velo),0) 100%)}
/* finché è trasparente: scritte e logo chiari */
.pag-home>header:not(.fissa) nav a,.pag-home>header:not(.fissa) .azioni a.testo:not(.icona-account){color:#fff}
.pag-home>header:not(.fissa) nav a:hover{border-color:var(--salmone-chiaro,#f4ab96)}
.pag-home>header:not(.fissa) .logo img{filter:brightness(0) invert(1)}
.pag-home>header .logo img{transition:filter .35s}

/* la sezione che segue l'apertura */
.hero-video+section.blocco{padding-top:104px}

@media (max-width:980px){
  /* sul video restano riga piccola, titolo e bottoni; il resto scende sotto */
  .hero-video .hv-quadro{align-items:flex-end;min-height:min(72svh,620px)}
  .hero-video .hv-video::after{background:linear-gradient(0deg,rgba(var(--velo),.94) 0%,rgba(var(--velo),.8) 38%,rgba(var(--velo),.2) 72%,rgba(var(--velo),.1) 100%)}
  .hero-video .hero-grid{padding:140px 20px 30px}
  .hero-video .hero-grid>div:first-child{padding-top:0}
  .hero-video .hv-quadro p.sotto,.hero-video .hv-quadro .fiducia,.hero-video .hv-quadro .hero-card{display:none}
  .hero-video .cta{margin:22px 0 0;gap:16px 22px}
  .hero-video .cta .link{margin-top:8px}
  .pag-home .hero-video .hero-grid{padding-top:calc(120px + var(--testata-h,84px))}
  .admin-bar.pag-home>header{top:0}
  .hv-pausa{right:14px;top:14px}

  .hero-video .hv-sotto{display:block;padding-top:28px}
  .hero-video .hv-sotto .sotto{margin-bottom:22px}
  .hero-video .hv-sotto .hero-card{position:static;margin-top:24px;max-width:none}
  .hero-video+section.blocco{padding-top:64px}
}