.elementor-190 .elementor-element.elementor-element-dc7b801{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-190 .elementor-element.elementor-element-b668239{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-190 .elementor-element.elementor-element-74ac646{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* =====================================================================
   partita-singola.css   —   23/10/26 11:16
   Matera 1933 · Theme Builder → Articolo singolo "Partita singola" · versione 23
   ---------------------------------------------------------------------
   DOVE VA: editor Elementor del modello "Partita singola" →
            icona foglio con ingranaggio (Impostazioni) →
            scheda Avanzato → CSS personalizzato. Sostituire TUTTO.
   REGOLE:  colori solo dalle variabili globali (Elementor / Astra);
            font solo dalle variabili globali di Elementor (in locale).
            Nessun colore scritto a mano. Lo stile vive solo qui.
            L'HTML dentro i widget Shortcode lo produce il plugin
            "Matera 1933 — Diretta" (classi m33-partita-…, m33-player-…).
   SPECIFICA: biglietto del blocco "Match PPV" di home.html e area player
            di diretta-match.html, corretti con le regole del recap
            (oro #bb9754, font in locale, pallino rosso mai usato qui).
   v2:      testi più grandi su tutti i dispositivi.
   v3:      tolte le regole della riga sigla (plugin 0.1.1).
   v4:      tolta la colonna di Astra sulle pagine Partita (navy da bordo a bordo).
   v5:      azzerati i margini interni di Astra; area diretta fino a 1280px.
   v6:      iPhone: riquadro 16:9 a percentuale; rientri azzerati.
   v7:      impaginazione fluida (100vw, griglia automatica, clamp).
   v8:      player YouTube del plugin 0.3.0 nel riquadro 16:9.
   v9:      spazio sotto l'avviso "riservato" (plugin 0.3.1).
   v10:     PLAYER NOSTRO (plugin 0.4.0, classi m33-player-…).
   v11:     firma "Matera 1933" nell'angolo del video a schermo intero.
            Unico colore fuori palette: il rosso "live" #dd2222 del pulsante
            Live e il nero dello schermo intero.
   v12-13:  fascia sponsor nel modello (poi spostata nel Footer il 06/10).
   v14:     (12/10/26) SCHERMO PIENO SU IPHONE CORRETTO (collaudo G6, Chrome
            in orizzontale): il player pieno misurava 100vw, che su iPhone in
            orizzontale comprende le fasce laterali della tacca → video
            spostato a destra e tagliato. Ora il player pieno occupa solo la
            finestra visibile (inset 0, senza vw) ed è un "contenitore": video,
            strato, copertina e firma si misurano su di lui (unità cqw/cqh),
            con ripiego per browser vecchi. Con lo schermo pieno attivo le
            fasce laterali della pagina diventano nere.
            Lavoro 59: tolte le regole della fascia sponsor (3-quater, blocco
            v13, regole mobile), senza effetto dal 06/10 (fascia nel Footer).
   v15:     (12/10/26) PLUGIN 0.10.0 — Lavoro 65:
            - fondo nero ai lati con lo schermo pieno (classe m33-player-nero
              sull'<html>); pagina libera di scorrere sotto il player in
              orizzontale sul telefono (m33-player-scorre: spazio in fondo
              alla pagina, così il dito verso l'alto ritira la barra);
            - avviso "Scorri verso l'alto per nascondere la barra"
              (m33-player-suggerimento, visibile con m33-player--suggerisci);
            - barra di scorrimento delle dirette (m33-player-progresso--live)
              con zona di tocco ampia, nascosta senza DVR
              (m33-player--senza-dvr); pulsante Live con il ritardo "−m:ss"
              (m33-player-live-testo) e pallino spento quando sei indietro
              (m33-player--indietro). Registrazioni invariate.
   v16:     (12/10/26) collaudo della diretta di prova:
            - barra di avanzamento (dirette e registrazioni) disegnata da noi:
              linea sottile chiara e pallino oro, al posto della barra di
              sistema con l'ombra che confondeva; zona di tocco alta 24px;
            - con lo schermo pieno tutto il resto della pagina è invisibile
              (in alcuni browser una striscia del footer restava a sinistra).
   v17:     (13/10/26) PLUGIN 0.11.0:
            - cursore del volume (solo computer e tablet) disegnato come la
              barra di avanzamento: linea sottile chiara e pallino oro, al
              posto del cursore di sistema "vecchio stile" visto su Android;
            - su ogni telefono il cursore non compare mai (il plugin 0.11.0
              mette m33-player--senza-volume anche su Android): resta il
              pulsante audio sì / no, il volume si regola con i tasti.
   v18:     (13/10/26) collaudo Android in verticale: la barra dei comandi non
            stava in una riga e il pulsante schermo intero finiva fuori dal
            riquadro. Sui telefoni in verticale (fino a 600px) la barra di
            avanzamento va su una riga propria sopra i pulsanti; sotto:
            play · −10 · +10 · audio, poi a destra "0:12 / 1:45:00" (o Live)
            e lo schermo intero, sempre visibile. Orizzontale e computer
            invariati (una sola riga).
   v19:     (13/10/26) richiesta di Antonio: le due righe erano troppo
            invadenti sul player piccolo. Sui telefoni in verticale (fino a
            600px) torna UNA riga: tempo e durata nascosti, barra di
            avanzamento che si stringe, pulsante Live più compatto; il
            pulsante schermo intero resta sempre l'ultimo a destra.
            Orizzontale e computer invariati.
   v20:     (14/10/26) PLUGIN 0.13.0 — messaggio del CONSENSO AI COOKIE nel
            player (m33-player--consenso): titolo grande in Fraunces, testo
            di istruzioni leggibile anche sul telefono, «Preferenze cookie»,
            «Accetta tutto» e «Salva e continua» in oro, tutto il riquadro
            toccabile (apre le preferenze). Sezione 3-ter-bis. Il resto è
            invariato.
   v21:     (14/10/26) richiesta di Antonio: righe del messaggio del consenso
            bilanciate (text-wrap: balance), così sul telefono in verticale si
            legge "Per vedere la partita / accetta i cookie." invece di una
            parola sola a capo. Solo sezione 3-ter-bis.
   v22:     (21/10/26) PLUGIN 0.15.0 — GARE A PAGAMENTO. Solo aggiunte, nella
            nuova sezione 3-sexies (il resto è identico alla v21):
            - video del flusso (m33-player-nativo) a tutto riquadro, immagine
              intera su fondo nero;
            - messaggi "diretta non ancora iniziata / segnale interrotto"
              (m33-player--senza-segnale) e "partita aperta su un altro
              dispositivo" (m33-player--altrove, riquadro toccabile);
            - riquadro d'acquisto sotto il player (m33-acquisto-…): titolo,
              nota, prezzo grande in oro, pulsante oro "Acquista la diretta",
              riga "Hai già acquistato? Accedi"; stato "Diretta acquistata"
              (m33-acquisto--fatto). Sul telefono tutto in colonna, pulsante a
              tutta larghezza.
   v23:     (23/10/26) PLUGIN 0.16.0. Solo aggiunte, nella nuova sezione
            3-septies (il resto è identico alla v22):
            - Lavoro 119 (D-V25): nelle gare a pagamento il riquadro
              d'acquisto sta SOPRA il player finché non si è acquistato (sul
              telefono il pulsante finiva sotto la piega); con «Diretta
              acquistata», «Accesso staff» o «Buona visione»
              (m33-acquisto--fatto) torna sotto il player;
            - D-W24: pulsante in attesa mentre si apre il pagamento
              (m33-acquisto--invio, cerchietto m33-acquisto-attesa che gira),
              così il tifoso resta sulla pagina della partita invece di vedere
              una pagina bianca;
            - Lavoro 122: riquadro fermo «Partita aperta altrove» / «Diretta
              non più disponibile» (m33-acquisto--fermo).
   STRUTTURA (classi assegnate nei pannelli Avanzato):
     m33-partita ─┬─ m33-partita-testata  ── Shortcode [m33_partita_scheda]
                  └─ m33-partita-area     ── Shortcode [m33_partita_diretta]
   ===================================================================== */

/* ---------- 0. Variabili del modello ---------------------------------- */
.m33-partita {
  --m33-navy:  var(--e-global-color-primary, #061a30);
  --m33-oro:   var(--e-global-color-accent,  #bb9754);
  --m33-muted: var(--ast-global-color-3,     #445469);
  --m33-paper: var(--ast-global-color-4,     #f8f9f9);
  --m33-bianco: var(--ast-global-color-5,    #ffffff);
  --m33-meta:  var(--ast-global-color-6,     #7a8699);
  --m33-bordo: var(--ast-global-color-7,     #dddad2);
  --m33-blu:   var(--ast-global-color-8,     #2f66b1);
  --m33-serif: var(--e-global-typography-primary-font-family, "Fraunces"), Georgia, serif;
  --m33-sans:  var(--e-global-typography-text-font-family, "Manrope"), Arial, sans-serif;
}

/* ---------- 0-bis. Involucri di Astra: azzerati solo sulle Partite ----- */
body.single-m33_partita #content,
body.single-m33_partita .site-content {
  margin: 0;
  padding: 0;
}
body.single-m33_partita .site-content > .ast-container {
  display: block;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.single-m33_partita #primary,
body.single-m33_partita .site-main,
body.single-m33_partita .site-main > article,
body.single-m33_partita .elementor-location-single {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

/* ---------- 1. Contenitori (layout gestito qui, non nei pannelli) ------ */
body.single-m33_partita .m33-partita.e-con,
.m33-partita .m33-partita-testata.e-con,
.m33-partita .m33-partita-area.e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --width: 100%;
  --min-height: 0px;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  flex: 0 0 auto;
}
body.single-m33_partita .m33-partita.e-con {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
/* I blocchi interni non si restringono mai (altezza sempre piena) */
.m33-partita .e-con > .elementor-widget,
.m33-partita .elementor-widget-shortcode {
  flex: 0 0 auto;
  width: 100%;
  max-width: none;
  margin: 0;
}

.m33-partita .m33-partita-testata.e-con {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: clamp(32px, 6vw, 56px) clamp(16px, 4vw, 32px) clamp(40px, 7vw, 64px);
  background: var(--m33-navy);
  border-bottom: 1px solid var(--m33-oro);
}
/* Navy della gara sempre da bordo a bordo dello schermo */
body.single-m33_partita {
  overflow-x: clip;
}
body.single-m33_partita .m33-partita .m33-partita-testata.e-con {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/* Fascio di luce diagonale del mockup (decorativo) */
.m33-partita .m33-partita-testata.e-con::before {
  content: "";
  position: absolute;
  top: -60%;
  right: -10%;
  width: 90%;
  height: 220%;
  background: linear-gradient(105deg,
    transparent 42%,
    color-mix(in srgb, var(--m33-oro) 7%, transparent) 50%,
    transparent 58%);
  transform: rotate(-12deg);
  pointer-events: none;
}

.m33-partita .m33-partita-area.e-con {
  display: flex;
  flex-direction: column;
  padding: clamp(40px, 7vw, 64px) clamp(16px, 4vw, 32px) clamp(56px, 8vw, 80px);
  background: var(--m33-paper);
}

.m33-partita .elementor-shortcode {
  width: 100%;
}
.m33-partita p {
  margin: 0;
}
.m33-partita .y1933 {
  letter-spacing: 0;
}

/* Titolo per motori di ricerca e lettori di schermo (non visibile) */
.m33-partita .m33-partita-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ---------- 2. Biglietto della gara ------------------------------------ */
.m33-partita *,
.m33-partita *::before,
.m33-partita *::after {
  box-sizing: border-box;
}
.m33-partita .m33-partita-scheda {
  position: relative;
  max-width: 880px;
  margin-inline: auto;
  padding: clamp(24px, 4vw, 32px) clamp(16px, 4.5vw, 40px) clamp(28px, 4.5vw, 36px);
  text-align: center;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--m33-paper) 6%, transparent),
    color-mix(in srgb, var(--m33-paper) 2%, transparent));
  border: 1px solid var(--m33-oro);
  border-color: color-mix(in srgb, var(--m33-oro) 38%, transparent);
}
/* Tacche laterali del biglietto */
.m33-partita .m33-partita-scheda::before,
.m33-partita .m33-partita-scheda::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  background: var(--m33-navy);
  border: 1px solid color-mix(in srgb, var(--m33-oro) 35%, transparent);
  border-radius: 50%;
  transform: translateY(-50%);
}
.m33-partita .m33-partita-scheda::before { left: -12px; }
.m33-partita .m33-partita-scheda::after  { right: -12px; }

/* Occhiello: competizione · giornata */
.m33-partita .m33-partita-occhiello {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-bottom: 22px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: clamp(12px, 3.2vw, 13px);
  line-height: 1.4;
  letter-spacing: clamp(.18em, 1.1vw, .32em);
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-partita .m33-partita-occhiello::before,
.m33-partita .m33-partita-occhiello::after {
  content: "";
  flex: 0 1 36px;
  min-width: 0;
  height: 1px;
  background: var(--m33-oro);
}

/* Riga delle squadre: casa · centro · ospite */
.m33-partita .m33-partita-squadre {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: clamp(10px, 3vw, 24px);
  padding: 28px 0;
  border-top: 1px dashed color-mix(in srgb, var(--m33-oro) 28%, transparent);
}
.m33-partita .m33-partita-squadra {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.m33-partita .m33-partita-stemma {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(64px, 16vw, 96px);
}
.m33-partita .m33-partita-stemma img {
  display: block;
  width: auto;
  max-width: 100%;
  height: clamp(64px, 16vw, 96px);
  object-fit: contain;
}
.m33-partita .m33-partita-nome {
  font-family: var(--m33-serif);
  font-weight: 500;
  font-size: clamp(19px, 5vw, 26px);
  line-height: 1.15;
  color: var(--m33-paper);
}
.m33-partita .m33-partita-nome .y1933 {
  font-size: .86em;
  color: var(--m33-oro);
}

/* Centro: vs, risultato, etichetta di stato */
.m33-partita .m33-partita-centro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 80px;
}
.m33-partita .m33-partita-vs {
  font-family: var(--m33-serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(26px, 6.5vw, 32px);
  line-height: 1;
  color: var(--m33-oro);
}
.m33-partita .m33-partita-risultato {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--m33-serif);
  font-weight: 300;
  font-size: clamp(44px, 11vw, 60px);
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--m33-oro);
}
.m33-partita .m33-partita-trattino {
  margin: 0 .22em;
  font-size: .7em;
}
.m33-partita .m33-partita-etichetta {
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--m33-paper) 62%, var(--m33-navy));
}
.m33-partita .m33-partita-etichetta--avviso {
  padding: 6px 10px;
  color: var(--m33-oro);
  border: 1px solid var(--m33-oro);
}

/* Data · Calcio d'inizio · Campo */
.m33-partita .m33-partita-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 16px;
  margin: 0;
  padding: 18px 0;
  border-top: 1px dashed color-mix(in srgb, var(--m33-oro) 28%, transparent);
  border-bottom: 1px dashed color-mix(in srgb, var(--m33-oro) 28%, transparent);
}
.m33-partita .m33-partita-meta > div {
  min-width: 0;
}
.m33-partita .m33-partita-meta dt {
  margin: 0 0 8px;
  font-family: var(--m33-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-partita .m33-partita-meta dd {
  margin: 0;
  font-family: var(--m33-serif);
  font-weight: 500;
  font-size: clamp(18px, 4.6vw, 20px);
  line-height: 1.35;
  color: var(--m33-paper);
}

/* Link alla cronaca su Facebook */
.m33-partita .m33-partita-facebook {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--m33-oro);
  text-decoration: none;
  transition: color .25s;
}
.m33-partita .m33-partita-facebook:hover {
  color: var(--m33-paper);
}
.m33-partita a:focus-visible {
  outline: 2px solid var(--m33-oro);
  outline-offset: 3px;
}

/* ---------- 3. Area diretta -------------------------------------------- */
.m33-partita .m33-partita-diretta {
  max-width: 1280px;
  margin-inline: auto;
}
.m33-partita .m33-partita-diretta-occhiello {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-partita .m33-partita-diretta-occhiello::before {
  content: "";
  flex: 0 0 36px;
  height: 1px;
  background: var(--m33-oro);
}

/* Riquadro 16:9 riservato (il plugin ci mette il messaggio o il player) */
.m33-partita .m33-partita-schermo {
  position: relative;
  display: block;
  height: 0;
  padding: 56.25% 0 0;
  overflow: hidden;
  background: linear-gradient(150deg,
    color-mix(in srgb, var(--m33-navy) 82%, var(--m33-blu)),
    var(--m33-navy) 55%,
    color-mix(in srgb, var(--m33-navy) 70%, black));
  border: 1px solid color-mix(in srgb, var(--m33-oro) 30%, transparent);
}
.m33-partita .m33-partita-schermo-messaggio {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  text-align: center;
}
.m33-partita .m33-partita-schermo-titolo {
  font-family: var(--m33-serif);
  font-weight: 400;
  font-size: clamp(22px, 5.6vw, 30px);
  line-height: 1.2;
  color: var(--m33-paper);
}
.m33-partita .m33-partita-schermo-titolo em {
  font-style: italic;
  color: var(--m33-oro);
}
.m33-partita .m33-partita-schermo-testo {
  max-width: 420px;
  font-family: var(--m33-sans);
  font-weight: 400;
  font-size: clamp(15px, 3.8vw, 16px);
  line-height: 1.5;
  color: var(--m33-meta);
}
.m33-partita .m33-partita-schermo-firma {
  position: absolute;
  right: 14px;
  bottom: 14px;
  font-family: var(--m33-serif);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--m33-oro) 45%, transparent);
}

/* v8 — Player: occupa tutto il riquadro 16:9 */
.m33-partita .m33-partita-schermo--player {
  background: color-mix(in srgb, var(--m33-navy) 40%, black);
}
.m33-partita .m33-partita-player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
}
/* Avvisi sopra il player: prova amministratore e gruppo autorizzato */
.m33-partita .m33-partita-avviso--prova,
.m33-partita .m33-partita-avviso--riservato {
  margin-bottom: 16px;
}

/* ---------- 3-ter. Player nostro (plugin 0.4.0) ------------------------ */
.m33-partita .m33-player {
  --m33-rosso-live: #dd2222;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.m33-partita .m33-player:focus-visible {
  box-shadow: 0 0 0 2px var(--m33-oro);
}

/* Video: a video avviato l'iframe è tre volte più alto e centrato, così
   titolo e marchio di YouTube restano fuori dalla vista. */
.m33-partita .m33-player-video {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.m33-partita .m33-player-video iframe,
.m33-partita .m33-player-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
.m33-partita .m33-player--avviato .m33-player-video iframe {
  top: -100%;
  height: 300%;
}

/* Strato trasparente: riceve tocchi e clic al posto di YouTube */
.m33-partita .m33-player-scudo {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}

/* Firma del club in alto a destra */
.m33-partita .m33-player-firma {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 3;
  font-family: var(--m33-serif);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--m33-paper) 70%, transparent);
  text-shadow: 0 1px 3px color-mix(in srgb, black 60%, transparent);
  pointer-events: none;
}

/* Copertina: navy pieno prima dell'avvio e a fine video */
.m33-partita .m33-player-copertina {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(150deg,
    color-mix(in srgb, var(--m33-navy) 82%, var(--m33-blu)),
    var(--m33-navy) 55%,
    color-mix(in srgb, var(--m33-navy) 70%, black));
  transition: opacity .3s;
}
.m33-partita .m33-player--avviato .m33-player-copertina {
  opacity: 0;
  pointer-events: none;
}
/* In pausa: velo leggero con il pulsante */
.m33-partita .m33-player--avviato:not(.m33-player--suona) .m33-player-copertina {
  opacity: 1;
  pointer-events: none;
  background: color-mix(in srgb, var(--m33-navy) 45%, transparent);
}
.m33-partita .m33-player--avviato:not(.m33-player--suona) .m33-player-avvio {
  pointer-events: auto;
}
.m33-partita .m33-player-avvio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(64px, 12vw, 88px);
  height: clamp(64px, 12vw, 88px);
  margin: 0;
  padding: 0;
  color: var(--m33-navy);
  background: var(--m33-oro);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 6px 24px color-mix(in srgb, black 35%, transparent);
  transition: transform .2s, background .2s;
}
.m33-partita .m33-player-avvio:hover {
  background: var(--m33-paper);
  transform: scale(1.05);
}
.m33-partita .m33-player-avvio .m33-player-icona {
  width: 46%;
  height: 46%;
  margin-left: 6%;
}
.m33-partita .m33-player-messaggio {
  min-height: 1em;
  margin: 0;
  padding: 0 16px;
  font-family: var(--m33-sans);
  font-weight: 500;
  font-size: clamp(14px, 3.6vw, 16px);
  line-height: 1.4;
  text-align: center;
  color: var(--m33-paper);
}
/* Prima del caricamento: pulsante spento */
.m33-partita .m33-player:not(.m33-player--pronto) .m33-player-avvio {
  opacity: .5;
  cursor: progress;
}

/* Modo "tocca il video": un solo tocco passa al pulsante di YouTube, solo al
   centro; fasce navy sopra e sotto. */
.m33-partita .m33-player--tocca .m33-player-video iframe {
  pointer-events: auto;
}
.m33-partita .m33-player--tocca .m33-player-scudo {
  clip-path: polygon(evenodd,
    0 0, 100% 0, 100% 100%, 0 100%, 0 0,
    32% 30%, 68% 30%, 68% 70%, 32% 70%, 32% 30%);
  cursor: default;
}
.m33-partita .m33-player--tocca .m33-player-copertina {
  justify-content: flex-end;
  padding-bottom: 0;
  background: none;
  pointer-events: none;
}
.m33-partita .m33-player--tocca .m33-player-copertina::before,
.m33-partita .m33-player--tocca .m33-player-copertina::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: clamp(52px, 18%, 96px);
  background: var(--m33-navy);
}
.m33-partita .m33-player--tocca .m33-player-copertina::before {
  top: 0;
}
.m33-partita .m33-player--tocca .m33-player-copertina::after {
  bottom: 0;
}
.m33-partita .m33-player--tocca .m33-player-avvio {
  display: none;
}
.m33-partita .m33-player--tocca .m33-player-messaggio {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(52px, 18%, 96px);
}
.m33-partita .m33-player--tocca .m33-player-firma {
  z-index: 5;
}

/* Errore (video non disponibile, rete) */
.m33-partita .m33-player--errore .m33-player-avvio,
.m33-partita .m33-player--errore .m33-player-barra {
  display: none;
}
.m33-partita .m33-player--errore .m33-player-copertina {
  opacity: 1;
  background: linear-gradient(150deg,
    color-mix(in srgb, var(--m33-navy) 82%, var(--m33-blu)),
    var(--m33-navy) 55%,
    color-mix(in srgb, var(--m33-navy) 70%, black));
}

/* ---------- 3-ter-bis. (v20) Consenso ai cookie (plugin 0.13.0) -------- */
/* Tutto il riquadro è toccabile: apre le preferenze dei cookie */
.m33-partita .m33-player--consenso .m33-player-copertina {
  cursor: pointer;
}
.m33-partita .m33-player--consenso .m33-player-messaggio {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(8px, 2.4vw, 16px);
  max-width: 680px;
  padding: 0 clamp(16px, 5vw, 40px);
}
.m33-partita .m33-player-consenso-titolo {
  font-family: var(--m33-serif);
  font-weight: 400;
  font-size: clamp(21px, 5.6vw, 34px);
  line-height: 1.15;
  text-wrap: balance;
  color: var(--m33-paper);
}
.m33-partita .m33-player-consenso-testo {
  font-family: var(--m33-sans);
  font-weight: 500;
  font-size: clamp(16px, 4.2vw, 20px);
  line-height: 1.45;
  text-wrap: balance;
  color: color-mix(in srgb, var(--m33-paper) 88%, var(--m33-navy));
}
.m33-partita .m33-player-consenso-titolo,
.m33-partita .m33-player-consenso-testo {
  display: block;
  max-width: 100%;
}
.m33-partita .m33-player-consenso-evidenza {
  font-weight: 700;
  white-space: nowrap;
  color: var(--m33-oro);
}

/* Barra dei comandi */
.m33-partita .m33-player-barra {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: clamp(2px, 1vw, 8px);
  padding: 28px clamp(8px, 2vw, 16px) clamp(6px, 1.5vw, 12px);
  background: linear-gradient(0deg,
    color-mix(in srgb, var(--m33-navy) 92%, transparent),
    transparent);
  transition: opacity .3s;
}
.m33-partita .m33-player:not(.m33-player--avviato) .m33-player-barra {
  opacity: 0;
  pointer-events: none;
}
/* Telefono e tablet: mentre il video scorre la barra sparisce dopo 3 s */
@media (hover: none) {
  .m33-partita .m33-player--suona:not(.m33-player--comandi) .m33-player-barra {
    opacity: 0;
    pointer-events: none;
  }
}
/* Desktop: mentre il video scorre la barra si nasconde finché non ci passi sopra */
@media (hover: hover) {
  .m33-partita .m33-player--suona .m33-player-barra {
    opacity: 0;
  }
  .m33-partita .m33-player--suona:hover .m33-player-barra,
  .m33-partita .m33-player--suona:focus-within .m33-player-barra {
    opacity: 1;
  }
}
.m33-partita .m33-player-pulsante {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  color: var(--m33-paper);
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  transition: color .2s;
}
.m33-partita .m33-player-pulsante:hover,
.m33-partita .m33-player-pulsante:focus-visible {
  color: var(--m33-oro);
  outline: none;
}
.m33-partita .m33-player-icona {
  display: block;
  width: 26px;
  height: 26px;
}
/* Icone che cambiano secondo lo stato */
.m33-partita .m33-player-icona--pausa,
.m33-partita .m33-player-icona--muto,
.m33-partita .m33-player-icona--riduci {
  display: none;
}
.m33-partita .m33-player--suona .m33-player-pulsante--play .m33-player-icona--play,
.m33-partita .m33-player--muto .m33-player-icona--volume,
.m33-partita .m33-player--schermo-intero .m33-player-icona--schermo,
.m33-partita .m33-player--pieno .m33-player-icona--schermo {
  display: none;
}
.m33-partita .m33-player--suona .m33-player-pulsante--play .m33-player-icona--pausa,
.m33-partita .m33-player--muto .m33-player-icona--muto,
.m33-partita .m33-player--schermo-intero .m33-player-icona--riduci,
.m33-partita .m33-player--pieno .m33-player-icona--riduci {
  display: block;
}
.m33-partita .m33-player-dieci {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: var(--m33-sans);
  font-weight: 700;
  font-size: 8px;
  line-height: 1;
  transform: translate(-50%, -30%);
  pointer-events: none;
}

/* Cursori (volume e avanzamento) */
.m33-partita .m33-player-volume,
.m33-partita .m33-player-progresso {
  height: 4px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  accent-color: var(--m33-oro);
  background: color-mix(in srgb, var(--m33-paper) 30%, transparent);
  border-radius: 2px;
}
.m33-partita .m33-player-volume {
  flex: 0 0 80px;
  width: 80px;
}
.m33-partita .m33-player-progresso {
  flex: 1 1 auto;
  min-width: 40px;
}
.m33-partita .m33-player--senza-volume .m33-player-volume {
  display: none;
}
.m33-partita .m33-player-tempo,
.m33-partita .m33-player-durata {
  flex: 0 0 auto;
  min-width: 3.4em;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--m33-paper);
}
.m33-partita .m33-player-spazio {
  flex: 1 1 auto;
}

/* Pulsante "Live" (solo dirette): pallino rosso = diretta in corso */
.m33-partita .m33-player-live {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  height: 32px;
  margin: 0 0 0 4px;
  padding: 0 12px;
  font-family: var(--m33-sans);
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--m33-paper);
  background: color-mix(in srgb, var(--m33-paper) 12%, transparent);
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
.m33-partita .m33-player-live:hover {
  color: var(--m33-oro);
}
.m33-partita .m33-player-live-punto {
  width: 8px;
  height: 8px;
  background: var(--m33-rosso-live);
  border-radius: 50%;
}

/* v16 — Barra di avanzamento disegnata da noi (dirette e registrazioni):
   linea sottile chiara, pallino oro, nessuna ombra di sistema */
.m33-partita .m33-player-progresso {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  height: 24px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.m33-partita .m33-player-progresso:focus {
  outline: none;
}
.m33-partita .m33-player-progresso::-webkit-slider-runnable-track {
  height: 4px;
  background: color-mix(in srgb, var(--m33-paper) 40%, transparent);
  border: 0;
  border-radius: 2px;
  box-shadow: none;
}
.m33-partita .m33-player-progresso::-moz-range-track {
  height: 4px;
  background: color-mix(in srgb, var(--m33-paper) 40%, transparent);
  border: 0;
  border-radius: 2px;
}
.m33-partita .m33-player-progresso::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  background: var(--m33-oro);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}
.m33-partita .m33-player-progresso::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: var(--m33-oro);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}
.m33-partita .m33-player-progresso:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--m33-oro) 40%, transparent);
}

/* v17 — Cursore del volume (computer e tablet) disegnato come la barra di
   avanzamento: linea sottile chiara, pallino oro, nessuna ombra di sistema.
   Sui telefoni non compare (m33-player--senza-volume, plugin 0.11.0). */
.m33-partita .m33-player-volume {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  height: 24px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.m33-partita .m33-player-volume:focus {
  outline: none;
}
.m33-partita .m33-player-volume::-webkit-slider-runnable-track {
  height: 4px;
  background: color-mix(in srgb, var(--m33-paper) 40%, transparent);
  border: 0;
  border-radius: 2px;
  box-shadow: none;
}
.m33-partita .m33-player-volume::-moz-range-track {
  height: 4px;
  background: color-mix(in srgb, var(--m33-paper) 40%, transparent);
  border: 0;
  border-radius: 2px;
}
.m33-partita .m33-player-volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background: var(--m33-oro);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}
.m33-partita .m33-player-volume::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: var(--m33-oro);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}
.m33-partita .m33-player-volume:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--m33-oro) 40%, transparent);
}

/* v15 — Barra di scorrimento delle dirette (plugin 0.10.0) */
.m33-partita .m33-player-progresso--live {
  margin: 0 4px;
}
.m33-partita .m33-player--senza-dvr .m33-player-progresso--live {
  display: none;
}
.m33-partita .m33-player--senza-dvr .m33-player-live {
  margin-left: auto;
}
.m33-partita .m33-player-live-testo {
  min-width: 3.2em;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
/* Indietro rispetto alla diretta: pallino spento, ritardo al posto di "Live" */
.m33-partita .m33-player--indietro .m33-player-live-punto {
  background: color-mix(in srgb, var(--m33-paper) 45%, transparent);
}

/* ---------- 3-quinquies. Schermo intero e schermo pieno ---------------- */
.m33-partita .m33-player--schermo-intero,
.m33-partita .m33-player--pieno {
  padding: 0;
  border: 0;
  background: black;
}
/* Schermo intero vero (computer, iPad, Android) */
.m33-partita .m33-player--schermo-intero {
  width: 100%;
  height: 100%;
}
.m33-partita .m33-player--schermo-intero .m33-player-video,
.m33-partita .m33-player--schermo-intero .m33-player-scudo,
.m33-partita .m33-player--schermo-intero .m33-player-copertina {
  inset: auto;
  top: 50%;
  left: 50%;
  width: min(100vw, 177.78vh);
  height: min(56.25vw, 100vh);
  transform: translate(-50%, -50%);
}
.m33-partita .m33-player--schermo-intero .m33-player-firma {
  top: calc(50% - min(28.125vw, 50vh) + 12px);
  right: calc(50% - min(50vw, 88.89vh) + 14px);
}

/* v14 — iPhone: "schermo pieno" dentro la finestra visibile.
   Nessuna misura in vw: su iPhone in orizzontale 100vw comprende le fasce
   della tacca e spostava il video. Il player occupa la finestra (inset 0)
   e fa da contenitore: tutto si misura su di lui (cqw / cqh). */
.m33-partita .m33-player--pieno {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  width: auto;
  height: auto;
  container-type: size;
}
/* Ripiego (browser senza contenitori): video a tutta finestra */
.m33-partita .m33-player--pieno .m33-player-video,
.m33-partita .m33-player--pieno .m33-player-scudo,
.m33-partita .m33-player--pieno .m33-player-copertina {
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
}
@supports (width: 1cqw) {
  .m33-partita .m33-player--pieno .m33-player-video,
  .m33-partita .m33-player--pieno .m33-player-scudo,
  .m33-partita .m33-player--pieno .m33-player-copertina {
    inset: auto;
    top: 50%;
    left: 50%;
    width: min(100cqw, 177.78cqh);
    height: min(56.25cqw, 100cqh);
    transform: translate(-50%, -50%);
  }
  .m33-partita .m33-player--pieno .m33-player-firma {
    top: calc(50% - min(28.125cqw, 50cqh) + 12px);
    right: calc(50% - min(50cqw, 88.89cqh) + 14px);
  }
}
/* Pagina ferma sotto lo schermo pieno; fasce laterali dell'iPhone nere */
.m33-player-blocca,
.m33-player-blocca body {
  overflow: hidden;
}
html.m33-player-blocca,
html.m33-player-blocca body,
html.m33-player-nero,
html.m33-player-nero body {
  background: black !important;
}
/* v15 — Orizzontale sul telefono: pagina libera di scorrere sotto il player,
   con spazio in fondo, così un dito verso l'alto fa ritirare la barra */
/* v16 — Con lo schermo pieno il resto della pagina non si vede (nessuna
   striscia del footer ai lati); il player e il suo avviso restano visibili */
html.m33-player-nero body {
  visibility: hidden;
}
html.m33-player-nero .m33-player--pieno {
  visibility: visible;
}
html.m33-player-scorre body {
  padding-bottom: 100vh !important;
}

/* v15 — Avviso "Scorri verso l'alto per nascondere la barra" */
.m33-partita .m33-player-suggerimento {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  max-width: 80%;
  padding: 14px 20px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
  color: var(--m33-paper);
  background: color-mix(in srgb, var(--m33-navy) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--m33-oro) 55%, transparent);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.m33-partita .m33-player--suggerisci .m33-player-suggerimento {
  opacity: 1;
}

.m33-partita .m33-player--schermo-intero .m33-player-barra,
.m33-partita .m33-player--pieno .m33-player-barra {
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}

/* ---------- 3-sexies. (v22) Gare a pagamento (plugin 0.15.0) ------------ */
/* Video del flusso: tutto il riquadro, immagine intera su fondo nero */
.m33-partita .m33-player-video video,
.m33-partita .m33-player-nativo {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: contain;
  background: black;
  border: 0;
  pointer-events: none;
}
/* Diretta non ancora iniziata, segnale interrotto, partita aperta altrove:
   messaggio grande e leggibile al centro del riquadro */
.m33-partita .m33-player--senza-segnale .m33-player-messaggio,
.m33-partita .m33-player--altrove .m33-player-messaggio {
  max-width: 640px;
  padding: 0 clamp(16px, 5vw, 40px);
  font-size: clamp(16px, 4.2vw, 20px);
  line-height: 1.45;
  text-wrap: balance;
}
/* Partita aperta su un altro dispositivo: tutto il riquadro è toccabile */
.m33-partita .m33-player--altrove .m33-player-copertina {
  cursor: pointer;
}

/* Riquadro d'acquisto sotto il player */
.m33-partita .m33-acquisto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px clamp(20px, 4vw, 40px);
  margin-top: 24px;
  padding: clamp(20px, 4vw, 32px);
  background: var(--m33-navy);
  border: 1px solid color-mix(in srgb, var(--m33-oro) 45%, transparent);
}
.m33-partita .m33-acquisto [hidden] {
  display: none !important;
}
.m33-partita .m33-acquisto-testo,
.m33-partita .m33-acquisto-fatto {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.m33-partita .m33-acquisto-fatto {
  grid-column: 1 / -1;
}
.m33-partita .m33-acquisto-titolo {
  font-family: var(--m33-serif);
  font-weight: 400;
  font-size: clamp(22px, 5vw, 30px);
  line-height: 1.2;
  color: var(--m33-paper);
}
.m33-partita .m33-acquisto-titolo em {
  font-style: italic;
  color: var(--m33-oro);
}
.m33-partita .m33-acquisto-nota {
  max-width: 640px;
  font-family: var(--m33-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--m33-paper) 80%, var(--m33-navy));
}
.m33-partita .m33-acquisto-azione {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
}
.m33-partita .m33-acquisto-prezzo {
  font-family: var(--m33-serif);
  font-weight: 300;
  font-size: clamp(36px, 8vw, 48px);
  line-height: 1;
  white-space: nowrap;
  color: var(--m33-oro);
}
.m33-partita .m33-acquisto .m33-acquisto-pulsante {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  margin: 0;
  padding: 14px 28px;
  font-family: var(--m33-sans);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--m33-navy);
  background: var(--m33-oro);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.m33-partita .m33-acquisto .m33-acquisto-pulsante:hover,
.m33-partita .m33-acquisto .m33-acquisto-pulsante:focus-visible {
  color: var(--m33-navy);
  background: var(--m33-paper);
  outline: none;
}
.m33-partita .m33-acquisto-accedi {
  grid-column: 1 / -1;
  padding-top: 14px;
  font-family: var(--m33-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--m33-paper) 72%, var(--m33-navy));
  border-top: 1px dashed color-mix(in srgb, var(--m33-oro) 28%, transparent);
}
.m33-partita .m33-acquisto-accedi a {
  font-weight: 700;
  color: var(--m33-oro);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.m33-partita .m33-acquisto-accedi a:hover {
  color: var(--m33-paper);
}
/* Diretta acquistata: bordo oro pieno */
.m33-partita .m33-acquisto--fatto {
  border-color: var(--m33-oro);
}

/* ---------- 3-septies. (v23) Plugin 0.16.0 ------------------------------ */
/* Lavoro 119 (D-V25) — Gare a pagamento: il riquadro d'acquisto sta SOPRA il
   player finché non si è acquistato; con «Diretta acquistata», «Accesso
   staff» o «Buona visione» (m33-acquisto--fatto) torna SOTTO il player.
   L'ordine nell'HTML non cambia: lo decide solo questa sezione. */
.m33-partita .m33-partita-diretta--pagamento {
  display: flex;
  flex-direction: column;
}
.m33-partita .m33-partita-diretta--pagamento > * {
  order: 2;
  flex: 0 0 auto;
}
.m33-partita .m33-partita-diretta--pagamento > .m33-partita-diretta-occhiello {
  order: 0;
}
.m33-partita .m33-partita-diretta--pagamento > .m33-acquisto {
  order: 1;
  margin-top: 0;
  margin-bottom: 24px;
}
.m33-partita .m33-partita-diretta--pagamento > .m33-acquisto--fatto {
  order: 3;
  margin-top: 24px;
  margin-bottom: 0;
}

/* D-W24 — «Acquista la diretta» premuto: il pulsante resta oro, con il
   cerchietto che gira e «Apertura del pagamento…», finché si apre la cassa */
.m33-partita .m33-acquisto .m33-acquisto-pulsante[disabled],
.m33-partita .m33-acquisto .m33-acquisto-pulsante[disabled]:hover {
  color: var(--m33-navy);
  background: var(--m33-oro);
  cursor: progress;
  opacity: 1;
}
.m33-partita .m33-acquisto-attesa {
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 2px solid color-mix(in srgb, var(--m33-navy) 25%, transparent);
  border-top-color: var(--m33-navy);
  border-radius: 50%;
  animation: m33-acquisto-gira .8s linear infinite;
}
@keyframes m33-acquisto-gira {
  to {
    transform: rotate(360deg);
  }
}
/* Durante l'apertura del pagamento la riga «Hai già acquistato?» si attenua */
.m33-partita .m33-acquisto--invio .m33-acquisto-accedi {
  opacity: .5;
  pointer-events: none;
}

/* Lavoro 122 — Riquadro fermo: partita aperta altrove o acquisto annullato */
.m33-partita .m33-acquisto--fermo {
  border-color: color-mix(in srgb, var(--m33-oro) 45%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .m33-partita .m33-acquisto-attesa {
    animation-duration: 2.4s;
  }
}

/* Telefono: niente cursore del volume (resta audio sì/no) */
@media (max-width: 600px) {
  .m33-partita .m33-player-volume {
    display: none;
  }
  .m33-partita .m33-player-pulsante {
    width: 40px;
    height: 40px;
  }
  .m33-partita .m33-player-icona {
    width: 24px;
    height: 24px;
  }
  .m33-partita .m33-player-tempo,
  .m33-partita .m33-player-durata {
    min-width: 2.8em;
    font-size: 12px;
  }
  /* v19 — Una sola riga: niente tempo, la barra si stringe, lo schermo
     intero resta sempre visibile come ultimo pulsante a destra */
  .m33-partita .m33-player-barra {
    flex-wrap: nowrap;
    gap: 2px;
  }
  .m33-partita .m33-player-tempo,
  .m33-partita .m33-player-durata {
    display: none;
  }
  .m33-partita .m33-player-progresso,
  .m33-partita .m33-player-progresso--live {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    margin: 0 6px;
  }
  .m33-partita .m33-player-live {
    flex: 0 0 auto;
    gap: 6px;
    margin-left: 0;
    padding: 0 8px;
    letter-spacing: .1em;
  }
  .m33-partita .m33-player-live-testo {
    min-width: 0;
  }
  .m33-partita .m33-player--senza-dvr .m33-player-live {
    margin-left: auto;
  }
  .m33-partita .m33-player-pulsante--schermo {
    flex: 0 0 auto;
    margin-left: auto;
  }
  .m33-partita .m33-player-progresso + .m33-player-pulsante--schermo,
  .m33-partita .m33-player-live + .m33-player-pulsante--schermo {
    margin-left: 0;
  }
  /* v20 — Consenso: sul riquadro piccolo niente firma sopra il testo */
  .m33-partita .m33-player--consenso .m33-player-firma {
    display: none;
  }
  /* v22 — Messaggi delle gare a pagamento: niente firma sopra il testo */
  .m33-partita .m33-player--senza-segnale .m33-player-firma,
  .m33-partita .m33-player--altrove .m33-player-firma {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .m33-partita .m33-player-copertina,
  .m33-partita .m33-player-barra,
  .m33-partita .m33-player-avvio {
    transition: none;
  }
}

/* Partita non trasmessa: solo una riga, niente riquadro */
.m33-partita .m33-partita-diretta-nota {
  font-family: var(--m33-serif);
  font-style: italic;
  font-weight: 300;
  font-size: 19px;
  line-height: 1.55;
  color: var(--m33-muted);
}

/* Avviso per chi modifica il sito (anteprima del modello senza Partita) */
.m33-partita .m33-partita-avviso {
  padding: 12px 16px;
  font-family: var(--m33-sans);
  font-size: 14px;
  line-height: 1.5;
  color: var(--m33-muted);
  background: var(--m33-paper);
  border: 1px dashed var(--m33-bordo);
}

/* ---------- 4. Animazioni ridotte -------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .m33-partita *,
  .m33-partita *::before,
  .m33-partita *::after {
    transition: none !important;
  }
}

/* ---------- 5. Tablet (fino a 1024px) --------------------------------- */
@media (max-width: 1024px) {
  .m33-partita .m33-partita-testata.e-con {
    padding: 48px 32px 56px;
  }
  .m33-partita .m33-partita-stemma,
  .m33-partita .m33-partita-stemma img {
    height: 80px;
  }
  .m33-partita .m33-partita-nome {
    font-size: 23px;
  }
  .m33-partita .m33-partita-risultato {
    font-size: 52px;
  }
  .m33-partita .m33-partita-meta dd {
    font-size: 19px;
  }
  .m33-partita .m33-partita-schermo-titolo {
    font-size: 26px;
  }
}

/* ---------- 6. Mobile (fino a 767px) ---------------------------------- */
@media (max-width: 767px) {
  .m33-partita .m33-partita-testata.e-con {
    padding: 32px 16px 40px;
  }
  .m33-partita .m33-partita-area.e-con {
    padding: 40px 16px 56px;
  }
  .m33-partita .m33-partita-scheda {
    padding: 24px 16px 28px;
  }
  .m33-partita .m33-partita-occhiello {
    gap: 10px;
    font-size: 12px;
    letter-spacing: .2em;
  }
  .m33-partita .m33-partita-occhiello::before,
  .m33-partita .m33-partita-occhiello::after {
    display: none;
  }
  .m33-partita .m33-partita-squadre {
    gap: 10px;
    padding: 22px 0;
  }
  .m33-partita .m33-partita-stemma,
  .m33-partita .m33-partita-stemma img {
    height: 64px;
  }
  .m33-partita .m33-partita-nome {
    font-size: 19px;
  }
  .m33-partita .m33-partita-centro {
    min-width: 48px;
  }
  .m33-partita .m33-partita-vs {
    font-size: 26px;
  }
  .m33-partita .m33-partita-risultato {
    font-size: 44px;
  }
  .m33-partita .m33-partita-etichetta {
    font-size: 11px;
    letter-spacing: .16em;
  }
  .m33-partita .m33-partita-meta {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .m33-partita .m33-partita-meta dt {
    font-size: 11px;
  }
  .m33-partita .m33-partita-meta dd {
    font-size: 18px;
  }
  .m33-partita .m33-partita-facebook {
    font-size: 12px;
  }
  .m33-partita .m33-partita-diretta-occhiello {
    font-size: 12px;
  }
  .m33-partita .m33-partita-schermo-titolo {
    font-size: 23px;
  }
  .m33-partita .m33-partita-schermo-testo {
    font-size: 15px;
  }
  .m33-partita .m33-partita-schermo-firma {
    font-size: 11px;
  }
  .m33-partita .m33-partita-diretta-nota {
    font-size: 17px;
  }
  /* v22 — Riquadro d'acquisto in colonna, pulsante a tutta larghezza */
  .m33-partita .m33-acquisto {
    grid-template-columns: 1fr;
  }
  .m33-partita .m33-acquisto-azione {
    align-items: stretch;
  }
  .m33-partita .m33-acquisto .m33-acquisto-pulsante {
    width: 100%;
    white-space: normal;
  }
}/* End custom CSS */