/* MythicOlbia v5 — foto vere dello spawn e rifinitura generale.
   Si carica DOPO stile.css e stile4.css e li sovrascrive: classi e id usati da app.js / dati-server.js non cambiano.
   Nessuna libreria, nessun font esterno. Le animazioni si spengono con prefers-reduced-motion (vedi stile.css). */

:root { --raggio-foto: 18px; --notte: #070a1f; --caldo: #ffb86b; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
::selection { background: #c084fc; color: #0b0a35; }

/* ---------- Barra in alto: sticky, chiara, trasparente sopra la foto della home ---------- */
.barra { transition: background-color .3s, border-color .3s, box-shadow .3s; }
body.scrolled .barra { box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .7); }
.nav a { position: relative; transition: color .15s, background-color .15s; }
.nav a[aria-current="page"] { box-shadow: none; border-radius: 8px; }
.nav a[aria-current="page"]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 3px; background: var(--brand); border-radius: 2px; }
body.home:not(.scrolled) .barra { background: linear-gradient(180deg, rgba(7, 10, 26, .78) 0%, rgba(7, 10, 26, 0) 100%) no-repeat; border-bottom-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
body.home:not(.scrolled) .barra .nav a { color: #eef1ff; text-shadow: 0 1px 6px rgba(0, 0, 0, .7); }
body.home:not(.scrolled) .barra .nav a:hover { background: rgba(255, 255, 255, .12); }
body.home:not(.scrolled) .barra .icon-btn { background: rgba(7, 10, 26, .5); border-color: rgba(255, 255, 255, .28); color: #fff; }
.menu-tel.aperto { background: var(--bg); }
body.home .barra:has(.menu-tel.aperto) { background: var(--bg); }

/* ---------- Hero con la foto vera dello spawn ---------- */
.hero5 { margin-top: calc(-1 * var(--top) - 1px); background: var(--notte); color: #fff; overflow: hidden; }
.hero5 .scena { position: absolute; inset: 0; left: 0; width: auto; height: auto; transform: none; z-index: -1;
  -webkit-mask-image: none; mask-image: none; image-rendering: auto; }
.hero5 .scena::before { display: none; }
.foto-hero, .foto-hero img { display: block; }
.foto-hero img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; max-width: none;
  transform: translate3d(0, calc(var(--sy, 0) * .2px), 0) scale(1.04); transform-origin: 50% 0; will-change: transform; }
.velo-hero { position: absolute; inset: 0; pointer-events: none; }
.hero5 .lucciole { z-index: 1; }
.hero5 .hero4-testo { position: relative; z-index: 2; }
.hero5 h1 { margin: 0 0 4px; }
.hero5 h1 img { width: min(360px, 74vw); }
.hero5 .slogan { font-size: clamp(1.35rem, 1rem + 1.8vw, 2.3rem); letter-spacing: -.01em; margin: 4px 0 8px; }
.hero5 .sotto { font-size: clamp(1rem, .95rem + .3vw, 1.12rem); color: #eef1ff; max-width: 46ch; }
.hero5 .ip-card { margin: 0 0 14px; border-style: solid; border-color: rgba(255, 207, 92, .75); box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .9); }
.hero5 .riga-hero { margin: 0 0 6px; }
.hero5 .riga-hero.secondaria { gap: 6px 20px; margin: 8px 0 10px; }
.btn-vetro { --b-bg: rgba(10, 13, 34, .58); --b-fg: #fff; --b-3d: rgba(0, 0, 0, .55); border-color: rgba(255, 255, 255, .34); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.btn-vetro:hover { --b-bg: rgba(30, 30, 70, .7); border-color: rgba(255, 255, 255, .6); }
.link-hero { display: inline-flex; align-items: center; gap: 6px; color: #e3e7ff; font-weight: 750; text-decoration: none; text-shadow: 0 1px 6px rgba(0, 0, 0, .8); padding: 4px 2px; }
.link-hero .ic { width: 18px; height: 18px; fill: #8fe9ff; }
.link-hero:hover { color: #fff; text-decoration: underline; }
.hero5 .cast { display: none; }

/* telefono: la foto verticale in alto, il testo sotto su fondo notte */
@media (max-width: 719px) {
  .hero5 { padding: calc(125vw * .7) 0 34px; }
  .hero5 .foto-hero img { height: calc(125vw + 2px); object-position: 50% 30%; transform: none; will-change: auto; }
  .hero5 .velo-hero { bottom: auto; height: calc(125vw + 2px); background: linear-gradient(180deg, rgba(7, 10, 31, .7) 0, rgba(7, 10, 31, 0) 16%, rgba(7, 10, 31, 0) 42%, rgba(7, 10, 31, .72) 64%, var(--notte) 99%); }
  .hero5 .hero4-testo { text-align: center; align-items: center; }
  .hero5 .ip-card { width: 100%; justify-content: center; text-align: center; }
  .hero5 .ip-card .btn { margin: 0 auto; }
  .hero5 .riga-hero .btn { flex: 1 1 140px; }
}
/* tablet e computer: foto a tutto schermo */
@media (min-width: 720px) {
  .hero5 { min-height: clamp(600px, 100svh, 980px); padding: calc(var(--top) + 48px) 0 88px; display: flex; align-items: center; }
  .hero5 .hero4-testo { width: min(1180px, 100% - 48px); }
  .hero5 .velo-hero { background:
      linear-gradient(180deg, rgba(7, 10, 31, .55) 0, rgba(7, 10, 31, 0) 22%),
      radial-gradient(ellipse 70% 60% at 50% 55%, rgba(7, 10, 31, .72) 0, rgba(7, 10, 31, .25) 70%, rgba(7, 10, 31, 0) 100%),
      linear-gradient(0deg, rgba(7, 10, 31, .9) 0, rgba(7, 10, 31, 0) 32%); }
  .hero5 .ip-card { margin-inline: auto; }
}
@media (min-width: 1000px) {
  .hero5 .hero4-testo { align-items: flex-start; text-align: left; }
  .hero5 .hero4-testo > * { max-width: 640px; }
  .hero5 .sotto { margin: 0 0 16px; }
  .hero5 h1 img { margin-inline: 0; width: min(420px, 36vw); }
  .hero5 .riga-hero, .hero5 .stato { justify-content: flex-start; }
  .hero5 .ip-card { margin-inline: 0; }
  .hero5 .velo-hero { background:
      linear-gradient(180deg, rgba(7, 10, 31, .6) 0, rgba(7, 10, 31, 0) 20%),
      linear-gradient(90deg, rgba(7, 10, 31, .9) 0, rgba(7, 10, 31, .72) 30%, rgba(7, 10, 31, .2) 56%, rgba(7, 10, 31, 0) 70%),
      linear-gradient(0deg, rgba(7, 10, 31, .85) 0, rgba(7, 10, 31, 0) 26%); }
}
/* le due skin dello staff davanti alla foto, sul bordo d'erba (misura intera, mai ridimensionate) */
@media (min-width: 1180px) {
  .hero5 .cast { display: block; position: absolute; left: auto; right: 28px; bottom: 0; width: 360px; height: 250px; }
  .hero5 .cast img { position: absolute; bottom: 0; width: auto; height: auto; image-rendering: pixelated; filter: drop-shadow(0 8px 6px rgba(0, 0, 0, .55)); }
  .hero5 .cast .c1 { left: auto; right: 0; }
  .hero5 .cast .c2 { left: auto; right: 176px; }
  .hero5 .cast .fumetto { display: block; top: auto; left: auto; right: 40px; bottom: 256px; transform: none; }
}

/* ---------- Sezioni: ritmo, titoli, separatori ---------- */
.sezione { padding: clamp(56px, 6vw + 20px, 92px) 0; position: relative; }
.sezione.alt { border-block: 0; }
.sezione.alt::before, .sezione.alt::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--violet) 55%, transparent) 30%, color-mix(in srgb, var(--cyan) 55%, transparent) 70%, transparent); }
.sezione.alt::before { top: 0; } .sezione.alt::after { bottom: 0; }
.testa-sez { margin-bottom: 28px; }
.testa-sez h2 { max-width: 24ch; }
.testa-sez h2::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 14px; background: var(--brand); box-shadow: 2px 2px 0 var(--btn-3d); }
.intro { line-height: 1.65; }
.occhiello { color: var(--cyan); }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }

/* ---------- Schede: superfici coerenti, ombre, hover e fuoco ---------- */
.scheda, .numero, .passi li, .giorno, .persona-card, .owner-card, .creator, .pacchetto, .stat, .posto, details, .elenco-mondo li, .profilo-giocatore {
  border-radius: 16px; background-image: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 60%); }
:root[data-tema-attivo="light"] .scheda, :root[data-tema-attivo="light"] .numero { background-image: none; }
.numero { padding: 20px 14px; }
.numero b { font-size: clamp(1.8rem, 1.5rem + 1vw, 2.4rem); }
a.scheda:focus-visible, .btn:focus-visible, .tab:focus-visible, .classifica-tab button:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.passi li { transition: transform .18s var(--ease), border-color .18s; }
.passi li:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--violet) 60%, var(--border)); }
.pacchetto { transition: transform .18s var(--ease), box-shadow .18s, border-color .18s; }
.pacchetto:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--violet) 55%, var(--border)); box-shadow: 0 18px 40px -20px rgba(139, 120, 255, .55), var(--shadow); }
details { transition: border-color .15s; }
details[open] { border-color: color-mix(in srgb, var(--cyan) 50%, var(--border)); }
summary { list-style-position: outside; }
summary:hover { color: var(--link); }
.plus { border-radius: 20px; }
.banda { border-radius: 20px; }
code { border-radius: 6px; }

/* comparsa a scaglioni (la classe .comparsa la gestisce gia' app.js con IntersectionObserver) */
@media (prefers-reduced-motion: no-preference) {
  .js .comparsa { transition: opacity .6s var(--ease), transform .6s var(--ease); }
  .numeri > :nth-child(2), .griglia > :nth-child(2), .passi > :nth-child(2), .settimana > :nth-child(2), .staff-team > :nth-child(2) { transition-delay: 70ms; }
  .numeri > :nth-child(3), .griglia > :nth-child(3), .passi > :nth-child(3), .settimana > :nth-child(3), .staff-team > :nth-child(3) { transition-delay: 140ms; }
  .numeri > :nth-child(4), .griglia > :nth-child(4), .passi > :nth-child(4), .settimana > :nth-child(4), .staff-team > :nth-child(4) { transition-delay: 210ms; }
  .numeri > :nth-child(5), .passi > :nth-child(5), .settimana > :nth-child(5) { transition-delay: 280ms; }
  .settimana > :nth-child(6) { transition-delay: 350ms; } .settimana > :nth-child(7) { transition-delay: 420ms; }
}
.js .comparsa.vista:hover { transition-delay: 0s; }

/* ---------- "Il mondo": foto panoramica ---------- */
.mondo-foto { position: relative; margin: 0 0 28px; border-radius: var(--raggio-foto); overflow: hidden; isolation: isolate;
  border: 1px solid var(--border-strong); box-shadow: 0 30px 60px -32px rgba(0, 0, 0, .85), var(--shadow); background: var(--notte); }
.mondo-foto picture, .mondo-foto .foto { display: block; width: 100%; height: auto; }
.mondo-foto .foto { transition: transform 1.2s var(--ease); }
.mondo-foto:hover .foto { transform: scale(1.02); }
.mondo-foto::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, rgba(7, 10, 31, .55) 0, rgba(7, 10, 31, 0) 30%); }
.mondo-foto .m1, .mondo-foto .m2 { display: none; }
.elenco-mondo + p { margin-top: 22px; }
.mondo-foto figcaption { position: absolute; right: 12px; bottom: 12px; z-index: 3; font: 750 .78rem/1 var(--mono); letter-spacing: .04em; background: rgba(7, 10, 26, .7); color: #fff; padding: 7px 10px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .2); backdrop-filter: blur(4px); }
@media (min-width: 1000px) {
  .mondo-foto .m1, .mondo-foto .m2 { display: block; position: absolute; bottom: 0; z-index: 2; width: auto; height: auto; max-width: none; image-rendering: pixelated; filter: drop-shadow(0 8px 6px rgba(0, 0, 0, .5)); }
  .mondo-foto .m1 { left: 30%; } .mondo-foto .m2 { left: 56%; }
}

/* ---------- Sfondi di sezione con le foto (velo scuro, parallasse leggero solo su schermi grandi) ---------- */
#eventi { background: linear-gradient(rgba(7, 10, 31, .66), rgba(7, 10, 31, .84)), url("img/foto/sfondo_glicini_1280.jpg") center / cover no-repeat var(--notte);
  background: linear-gradient(rgba(7, 10, 31, .66), rgba(7, 10, 31, .84)), image-set(url("img/foto/sfondo_glicini_1600.webp") type("image/webp"), url("img/foto/sfondo_glicini_1280.jpg") type("image/jpeg")) center / cover no-repeat var(--notte); }
#creator { background: linear-gradient(rgba(7, 10, 31, .66), rgba(7, 10, 31, .84)), url("img/foto/sfondo_viale_1280.jpg") center / cover no-repeat var(--notte);
  background: linear-gradient(rgba(7, 10, 31, .66), rgba(7, 10, 31, .84)), image-set(url("img/foto/sfondo_viale_1600.webp") type("image/webp"), url("img/foto/sfondo_viale_1280.jpg") type("image/jpeg")) center / cover no-repeat var(--notte); }
#eventi .testa-sez h2, #creator .testa-sez h2 { color: #fff; }
#eventi .testa-sez .intro, #creator .testa-sez .intro { color: #dfe4ff; }
#eventi .intro code { color: var(--text); }
@media (min-width: 1000px) and (hover: hover) { #eventi, #creator { background-attachment: fixed; } }
#staff { background: linear-gradient(180deg, rgba(7, 10, 31, .62) 0, rgba(7, 10, 31, .78) 260px, var(--bg) 620px), url("img/foto/sfondo_turchese_1280.jpg") center top / max(100%, 1100px) auto no-repeat var(--bg);
  background: linear-gradient(180deg, rgba(7, 10, 31, .62) 0, rgba(7, 10, 31, .78) 260px, var(--bg) 620px), image-set(url("img/foto/sfondo_turchese_1600.webp") type("image/webp"), url("img/foto/sfondo_turchese_1280.jpg") type("image/jpeg")) center top / max(100%, 1100px) auto no-repeat var(--bg); }
#staff .occhiello, #eventi .occhiello, #creator .occhiello { color: #7fe6fb; }
/* tema chiaro: velo chiaro, testi scuri */
:root[data-tema-attivo="light"] #eventi { background: linear-gradient(rgba(244, 246, 253, .86), rgba(244, 246, 253, .92)), image-set(url("img/foto/sfondo_glicini_1600.webp") type("image/webp"), url("img/foto/sfondo_glicini_1280.jpg") type("image/jpeg")) center / cover no-repeat var(--bg); }
:root[data-tema-attivo="light"] #creator { background: linear-gradient(rgba(244, 246, 253, .86), rgba(244, 246, 253, .92)), image-set(url("img/foto/sfondo_viale_1600.webp") type("image/webp"), url("img/foto/sfondo_viale_1280.jpg") type("image/jpeg")) center / cover no-repeat var(--bg); }
:root[data-tema-attivo="light"] #eventi .testa-sez h2, :root[data-tema-attivo="light"] #creator .testa-sez h2 { color: var(--text); }
:root[data-tema-attivo="light"] #eventi .testa-sez .intro, :root[data-tema-attivo="light"] #creator .testa-sez .intro { color: var(--text-2); }
:root[data-tema-attivo="light"] #eventi .occhiello, :root[data-tema-attivo="light"] #creator .occhiello { color: var(--cyan); }

/* ---------- Testate delle pagine interne: una foto diversa per pagina ---------- */
body.classifiche .testata, body.store .testata, body.entra .testata { color: #fff; border-bottom: 0; padding: 56px 0 40px; background-color: var(--notte); background-position: center 45%; background-size: cover; background-repeat: no-repeat; }
body.classifiche .testata { background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), url("img/foto/sfondo_viale_1280.jpg");
  background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), image-set(url("img/foto/sfondo_viale_1600.webp") type("image/webp"), url("img/foto/sfondo_viale_1280.jpg") type("image/jpeg")); }
body.store .testata { background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), url("img/foto/sfondo_glicini_1280.jpg");
  background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), image-set(url("img/foto/sfondo_glicini_1600.webp") type("image/webp"), url("img/foto/sfondo_glicini_1280.jpg") type("image/jpeg")); }
body.entra .testata { background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), url("img/foto/hero_portale_1280.jpg");
  background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), image-set(url("img/foto/hero_portale_1600.webp") type("image/webp"), url("img/foto/hero_portale_1280.jpg") type("image/jpeg")); }
body.classifiche .testata h1, body.store .testata h1, body.entra .testata h1 { color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, .6); }
body.classifiche .testata .intro, body.store .testata .intro, body.entra .testata .intro { color: #e3e7ff; }
body.classifiche .testata .briciole, body.store .testata .briciole, body.entra .testata .briciole,
body.classifiche .testata .briciole a, body.store .testata .briciole a, body.entra .testata .briciole a { color: #c9cff0; }
body.classifiche .testata .occhiello, body.store .testata .occhiello, body.entra .testata .occhiello { color: #7fe6fb; }
.testata .testata-skin { filter: drop-shadow(0 10px 8px rgba(0, 0, 0, .5)); }
@media (min-width: 900px) { body.classifiche .testata, body.store .testata, body.entra .testata { padding: 72px 0 40px; } }

/* ---------- Classifiche: podio e schede piu' leggibili (stessi elementi creati da app.js) ---------- */
.classifica-tab button { transition: border-color .15s, color .15s, background-color .15s; }
.classifica-tab button:hover { border-color: var(--border-strong); color: var(--text); }
.classifica-tab button[aria-pressed="true"] { background: color-mix(in srgb, var(--cyan) 12%, var(--surface)); }
.posto { box-shadow: var(--shadow); }
.posto.p1 { border-color: #e0a800; box-shadow: 0 16px 36px -20px rgba(255, 207, 92, .6), var(--shadow); }
.posto.p2 { border-color: #a9b4d0; } .posto.p2 .n { color: #c9d1e6; }
.posto.p3 { border-color: #c47a45; } .posto.p3 .n { color: #e09a66; }
:root[data-tema-attivo="light"] .posto.p2 .n { color: #5b6684; }
:root[data-tema-attivo="light"] .posto.p3 .n { color: #9a4f1c; }
.tabella-wrap { border-radius: 16px; box-shadow: var(--shadow); }
tbody tr { transition: background-color .15s; }
tbody tr:hover td { background: color-mix(in srgb, var(--cyan) 7%, transparent); }

/* ---------- Piede ---------- */
.piede { position: relative; border-top: 0; background: linear-gradient(180deg, var(--bg-2), color-mix(in srgb, var(--bg-2) 72%, #000)); }
:root[data-tema-attivo="light"] .piede { background: var(--bg-2); }
.piede::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--brand); opacity: .85; }
.piede h2 { color: var(--text-2); }
.piede ul a { display: inline-block; padding: 2px 0; transition: color .15s, transform .15s var(--ease); }
.piede ul a:hover { transform: translateX(3px); }
.piede-basso .su { color: var(--text-2); font-weight: 700; }

/* ---------- Telefono: niente scorrimento orizzontale, tocchi comodi ---------- */
@media (max-width: 400px) {
  .ip-card .ip { font-size: 1rem; white-space: normal; overflow-wrap: anywhere; }
  .hero5 .ip-card { padding: 12px; }
  .btn { padding-inline: 14px; }
}

/* ---------- Numeri dei passi: blocco piatto stile Minecraft (niente gradiente) ---------- */
.passi li::before { width: 32px; height: 32px; background: #6d3fd9; color: #fff; border: 2px solid #1d1150; border-radius: 0;
  box-shadow: inset -3px -3px 0 rgba(0, 0, 0, .3), inset 3px 3px 0 rgba(255, 255, 255, .22);
  font: 900 1rem/1 var(--mono); text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); }
:root[data-tema-attivo="light"] .passi li::before { background: #5b2fc9; border-color: #2a1670; }

/* classifiche: 6 numeri su righe piene (3+3, poi 6 in fila) */
@media (min-width: 640px) { .stat-griglia { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .stat-griglia { grid-template-columns: repeat(6, 1fr); } }

/* telefono: sfondi di sezione piu' leggeri (900 px) */
@media (max-width: 719px) {
  #eventi { background-image: linear-gradient(rgba(7, 10, 31, .66), rgba(7, 10, 31, .84)), image-set(url("img/foto/sfondo_glicini_900.webp") type("image/webp"), url("img/foto/sfondo_glicini_1280.jpg") type("image/jpeg")); }
  #creator { background-image: linear-gradient(rgba(7, 10, 31, .66), rgba(7, 10, 31, .84)), image-set(url("img/foto/sfondo_viale_900.webp") type("image/webp"), url("img/foto/sfondo_viale_1280.jpg") type("image/jpeg")); }
  #staff { background-image: linear-gradient(180deg, rgba(7, 10, 31, .62) 0, rgba(7, 10, 31, .78) 260px, var(--bg) 620px), image-set(url("img/foto/sfondo_turchese_900.webp") type("image/webp"), url("img/foto/sfondo_turchese_1280.jpg") type("image/jpeg")); }
  :root[data-tema-attivo="light"] #eventi { background-image: linear-gradient(rgba(244, 246, 253, .86), rgba(244, 246, 253, .92)), image-set(url("img/foto/sfondo_glicini_900.webp") type("image/webp"), url("img/foto/sfondo_glicini_1280.jpg") type("image/jpeg")); }
  :root[data-tema-attivo="light"] #creator { background-image: linear-gradient(rgba(244, 246, 253, .86), rgba(244, 246, 253, .92)), image-set(url("img/foto/sfondo_viale_900.webp") type("image/webp"), url("img/foto/sfondo_viale_1280.jpg") type("image/jpeg")); }
  body.classifiche .testata { background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), image-set(url("img/foto/sfondo_viale_900.webp") type("image/webp"), url("img/foto/sfondo_viale_1280.jpg") type("image/jpeg")); }
  body.store .testata { background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), image-set(url("img/foto/sfondo_glicini_900.webp") type("image/webp"), url("img/foto/sfondo_glicini_1280.jpg") type("image/jpeg")); }
  body.entra .testata { background-image: linear-gradient(90deg, rgba(7, 10, 31, .92) 0, rgba(7, 10, 31, .74) 55%, rgba(7, 10, 31, .5) 100%), image-set(url("img/foto/hero_portale_1024.webp") type("image/webp"), url("img/foto/hero_portale_1280.jpg") type("image/jpeg")); }
}