/* Disposizioni dell'Apertura del gruppo A (1.2.6): centrata, copertina, divisa, rivista, scheda. */

/* I riquadri dell'onda e delle barre prendono il fondo del sito, cosi restano leggibili anche con i temi chiari. */
.ed-hero-centrata.ed-hero-v .chip,.ed-hero-divisa.ed-hero-v .chip,.ed-hero-rivista.ed-hero-v .chip,.ed-hero-scheda.ed-hero-v .chip{background:rgba(var(--bg-rgb),.88);border:1px solid var(--bordo);color:var(--testo-2);box-shadow:0 12px 30px rgba(0,0,0,.18)}

/* Centrata: parole al centro, foto larga e bassa sotto, riquadri a cavallo del bordo basso. */
.ed-hero.ed-hero-centrata{text-align:center;padding:24px 0 8px}
.ed-hero-centrata .ed-hc-parole{max-width:900px;margin:0 auto}
.ed-hero-centrata h1{font-size:clamp(38px,6.6vw,86px);margin:20px auto 22px}
.ed-hero-centrata p.lead{margin:0 auto 34px;max-width:640px}
.ed-hero-centrata .azioni{justify-content:center}
.ed-hero-centrata .ed-hc-scena{position:relative;margin:56px auto 0;padding-bottom:44px}
.ed-hero-centrata .ed-hc-scena.ed-hc-senza-foto{margin-top:36px;padding-bottom:0}
.ed-hero-centrata.ed-hero-v .finestra.ed-hc-foto{aspect-ratio:21/9;border-radius:calc(var(--r,18px) + 6px);box-shadow:0 30px 70px rgba(0,0,0,.28),0 0 0 1px var(--bordo)}
.ed-hero-centrata.ed-hero-v .finestra.ed-hc-foto img{object-position:50% 22%}
.ed-hero-centrata .ed-hc-chip{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:18px;flex-wrap:wrap;text-align:left;pointer-events:none}
.ed-hero-centrata .ed-hc-senza-foto .ed-hc-chip{position:static}
.ed-hero-centrata.ed-hero-v .chip-onda{width:190px}
.ed-hero-centrata.ed-hero-v .chip-barre{width:250px}
@media (max-width:760px){
  .ed-hero.ed-hero-centrata{padding-top:8px}
  .ed-hero-centrata .ed-hc-scena{margin-top:36px;padding-bottom:0}
  .ed-hero-centrata.ed-hero-v .finestra.ed-hc-foto{aspect-ratio:4/3}
  .ed-hero-centrata .ed-hc-chip{position:static;margin-top:14px;gap:10px;flex-wrap:nowrap;align-items:stretch}
  .ed-hero-centrata.ed-hero-v .chip-onda,.ed-hero-centrata.ed-hero-v .chip-barre{flex:1 1 140px;width:auto;padding:12px}
  .ed-hero-centrata.ed-hero-v .chip-onda .onda{height:30px}
}

/* Copertina: la foto e lo sfondo, il velo scuro garantisce il contrasto delle parole in bianco. */
.ed-hero.ed-hero-copertina{position:relative;isolation:isolate;overflow:hidden;min-height:min(78vh,760px);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,5vw,72px);border-radius:calc(var(--r,18px) + 6px);background-color:var(--primario-scuro,var(--viola));background-image:radial-gradient(120% 90% at 85% 0%,rgba(var(--ciano-rgb),.35),transparent 60%),linear-gradient(160deg,rgba(var(--viola-rgb),.9),rgba(0,0,0,.35));color:#fff}
.ed-hero-copertina.ed-hero-v .finestra.ed-hcop-foto{position:absolute;inset:0;z-index:-2;aspect-ratio:auto;width:auto;height:auto;border:0;border-radius:0;box-shadow:none}
.ed-hero-copertina.ed-hero-v .finestra.ed-hcop-foto img{object-position:50% 25%}
.ed-hero-copertina .ed-hcop-velo{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.78) 45%,rgba(0,0,0,.45) 80%,rgba(0,0,0,.3) 100%),linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 75%)}
.ed-hero-copertina .ed-hcop-parole{position:relative;max-width:780px}
.ed-hero-copertina .occhiello{color:#fff;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ed-hero-copertina h1{color:#fff;font-size:clamp(38px,6.4vw,84px);margin:18px 0 22px;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.ed-hero-copertina h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff;box-shadow:inset 0 -.09em 0 rgba(var(--ciano-rgb),.9)}
.ed-hero-copertina p.lead{color:#fff;opacity:.94;max-width:600px;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.ed-hero-copertina .btn-filo{border-color:#fff;color:#fff;box-shadow:none;background:rgba(0,0,0,.18)}
.ed-hero-copertina .ed-hcop-chip{position:absolute;top:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.ed-hero-copertina.ed-hero-v .chip{background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.28);color:#fff}
.ed-hero-copertina.ed-hero-v .chip-onda{width:190px}
.ed-hero-copertina.ed-hero-v .chip-barre{width:240px}
.ed-hero-copertina .barra div{background:rgba(255,255,255,.22)}
@media (max-width:860px){
  .ed-hero.ed-hero-copertina{min-height:min(86vh,720px);padding:24px 20px 28px}
  .ed-hero-copertina .ed-hcop-chip{display:none}
  .ed-hero-copertina p.lead{font-size:17px}
  .ed-hero-copertina h1{font-size:clamp(32px,9vw,44px)}
}

/* Divisa: due meta, parole su un fondo di colore e foto fino al bordo, nello stesso riquadro. */
.ed-hero-divisa{display:grid;grid-template-columns:1fr 1fr;border-radius:calc(var(--r,18px) + 6px);overflow:hidden;border:1px solid var(--bordo);background-color:var(--bg-2);box-shadow:0 24px 60px rgba(0,0,0,.18)}
.ed-hero-divisa .ed-hd-parole{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,64px) clamp(28px,3.6vw,48px);background-color:var(--bg-2);background-image:linear-gradient(150deg,rgba(var(--viola-rgb),.2),rgba(var(--ciano-rgb),.08) 70%)}
.ed-hero-divisa h1{font-size:clamp(34px,4.4vw,60px);margin:18px 0 20px}
.ed-hero-divisa p.lead{margin-bottom:30px}
.ed-hero-divisa .ed-hd-lato{position:relative;min-height:100%}
.ed-hero-divisa.ed-hero-v .finestra.ed-hd-foto{position:absolute;inset:0;aspect-ratio:auto;width:auto;height:auto;border:0;border-radius:0;box-shadow:none}
.ed-hero-divisa.ed-hero-v .finestra.ed-hd-foto img{object-position:50% 22%}
.ed-hero-divisa .ed-hd-chip{position:absolute;left:24px;right:24px;bottom:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:flex-end}
.ed-hero-divisa .ed-hd-senza-foto .ed-hd-chip{position:static;padding:24px;height:100%;align-content:center;justify-content:center}
.ed-hero-divisa.ed-hero-v .chip-onda{width:180px}
.ed-hero-divisa.ed-hero-v .chip-barre{width:230px}
@media (max-width:860px){
  .ed-hero-divisa{grid-template-columns:1fr}
  .ed-hero-divisa .ed-hd-lato{order:-1;min-height:0}
  .ed-hero-divisa.ed-hero-v .finestra.ed-hd-foto{position:relative;inset:auto;width:100%;aspect-ratio:4/3}
  .ed-hero-divisa .ed-hd-chip{display:none}
  .ed-hero-divisa .ed-hd-senza-foto{display:none}
  .ed-hero-divisa .ed-hd-parole{padding:28px 22px 32px}
}

/* Rivista: impaginazione editoriale, titolo enorme fra due filetti, foto a nastro, due colonne sotto. */
.ed-hero.ed-hero-rivista{text-align:left;padding:8px 0}
.ed-hero-rivista .ed-hr-testa{border-top:3px solid var(--testo);padding-top:20px}
.ed-hero-rivista .occhiello{display:block}
.ed-hero-rivista h1{font-size:clamp(44px,9.4vw,136px);line-height:.92;letter-spacing:-.03em;margin:18px 0 30px;max-width:none;text-wrap:balance}
.ed-hero-rivista.ed-hero-v .finestra.ed-hr-nastro{aspect-ratio:auto;height:clamp(150px,20vw,240px);border:0;border-radius:var(--r,18px);box-shadow:none}
.ed-hero-rivista.ed-hero-v .finestra.ed-hr-nastro img{object-position:50% 28%}
.ed-hero-rivista .ed-hr-sotto{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,72px);margin-top:32px;padding-top:28px;border-top:1px solid var(--bordo)}
.ed-hero-rivista .ed-hr-parole p.lead{font-size:clamp(18px,1.6vw,21px);max-width:none;margin:0 0 28px}
.ed-hero-rivista .ed-hr-lato{border-left:1px solid var(--bordo);padding-left:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:22px}
.ed-hero-rivista.ed-hero-v .ed-hero-numeri{margin-top:0;gap:22px 44px}
.ed-hero-rivista.ed-hero-v .ed-hero-numero b{font-size:clamp(40px,4.6vw,64px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ed-hero-rivista.ed-hero-v .chip-onda{width:100%;max-width:260px}
@media (max-width:760px){
  .ed-hero-rivista h1{margin-bottom:22px}
  .ed-hero-rivista.ed-hero-v .finestra.ed-hr-nastro{height:150px}
  .ed-hero-rivista .ed-hr-sotto{grid-template-columns:1fr;margin-top:24px;padding-top:22px}
  .ed-hero-rivista .ed-hr-lato{border-left:0;padding-left:0;border-top:1px solid var(--bordo);padding-top:22px}
}

/* Scheda: tutto in un riquadro, ritratto rotondo con l'anello di colore. */
.ed-hero.ed-hero-scheda{padding:12px 0}
.ed-hero-scheda .ed-hs-riquadro{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:clamp(28px,4.5vw,60px);align-items:center;max-width:1040px;margin:0 auto;padding:clamp(28px,4vw,52px);border:1px solid var(--bordo);border-radius:calc(var(--r,18px) + 10px);background-color:var(--bg-2);background-image:radial-gradient(90% 120% at 0% 0%,rgba(var(--viola-rgb),.12),transparent 60%);box-shadow:0 1px 2px rgba(0,0,0,.06),0 18px 48px rgba(0,0,0,.14)}
.ed-hero-scheda .ed-hs-riquadro.ed-hs-senza-foto{grid-template-columns:1fr}
.ed-hero-scheda .ed-hs-anello{padding:7px;border-radius:50%;background:var(--grad);box-shadow:0 14px 40px rgba(var(--viola-rgb),.28)}
.ed-hero-scheda.ed-hero-v .finestra.ed-hs-foto{aspect-ratio:1/1;border-radius:50%;border:5px solid var(--bg-2);box-shadow:none}
.ed-hero-scheda.ed-hero-v .finestra.ed-hs-foto img{object-position:50% 20%}
.ed-hero-scheda h1{font-size:clamp(30px,3.8vw,50px);margin:14px 0 16px}
.ed-hero-scheda p.lead{font-size:17px;margin:0 0 24px}
.ed-hero-scheda .ed-hs-chip{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ed-hero-scheda.ed-hero-v .chip{padding:12px 14px}
.ed-hero-scheda.ed-hero-v .chip-onda{width:170px}
.ed-hero-scheda.ed-hero-v .chip-onda .onda{height:28px}
.ed-hero-scheda.ed-hero-v .chip-barre{width:220px}
.ed-hero-scheda.ed-hero-v .chip-barre .barra:first-child{margin-top:0}
@media (max-width:760px){
  .ed-hero-scheda .ed-hs-riquadro{grid-template-columns:1fr;text-align:center;padding:28px 20px}
  .ed-hero-scheda .ed-hs-anello{width:190px;margin:0 auto}
  .ed-hero-scheda .azioni,.ed-hero-scheda .ed-hs-chip{justify-content:center}
  .ed-hero-scheda.ed-hero-v .chip{text-align:left;flex:1 1 130px;width:auto}
  .ed-hero-scheda .ed-hs-chip{flex-wrap:nowrap}
}