.elementor-173 .elementor-element.elementor-element-af0ba5d{--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-173 .elementor-element.elementor-element-3f8616a{--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-173 .elementor-element.elementor-element-5cb3c8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-173 .elementor-element.elementor-element-bd97c0f{--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-173 .elementor-element.elementor-element-643fdaf{--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-173 .elementor-element.elementor-element-2e613b8{--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-173 .elementor-element.elementor-element-dc61088{--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-173 .elementor-element.elementor-element-fa30164 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-173 .elementor-element.elementor-element-fa30164 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-173 .elementor-element.elementor-element-fa30164{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-173 .elementor-element.elementor-element-fa30164 .elementor-icon-list-text{transition:color 0.3s;}.elementor-173 .elementor-element.elementor-element-efe9897{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* =====================================================================
   footer-sito.css   —   14/10/26 14:11
   Matera 1933 · Theme Builder → Footer "Footer sito" · versione 4
   ---------------------------------------------------------------------
   DOVE VA: editor Elementor del modello "Footer sito" →
            icona foglio con ingranaggio (Impostazioni di Footer) →
            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:
            nei pannelli di Elementor servono solo struttura, testi e classi.
   SPECIFICA: footer del mockup home.html, corretto con le regole del
            recap 28/09 (oro #bb9754, font in locale, sede Via Ettore
            Maiorana 11, motto "Uniti si vince." con il punto).
   v2:      menu con la stessa interlinea delle colonne di testo;
            colonna Seguici con widget "Elenco icone" (classe
            m33-footer-social): icona oro + nome del social.
   v3:      FASCIA SPONSOR SU TUTTE LE PAGINE (decisione di Antonio, 06/10):
            nuovo contenitore m33-footer-sostegno in cima al footer, con
            Titolo m33-footer-kicker ("Con il sostegno di") e Shortcode
            [m33_sponsor] (cache Inattivo). Fascia bianca da bordo a bordo,
            stesso aspetto della Diretta Match (diretta-match.css v3): Main
            Sponsor su griglia a celle uguali, 3 per riga su desktop e iPad,
            2 sul telefono; gli altri livelli centrati sotto; nessun riquadro
            o ombra del tema attorno ai loghi (pagine Partita = articoli).
            Il filo oro di 2px passa sotto la fascia, sopra il navy.
            Colonne, menu, social e riga finale invariati.
   v4:      LINK LEGALI (iubenda, 14/10): nella riga finale, dentro il Titolo
            m33-footer-legal, i link Privacy · Cookie · Preferenze cookie
            (classe m33-footer-legali; "Preferenze cookie" ha anche la classe
            iubenda-cs-preferences-link che riapre il pannello di iubenda).
            Riga finale da 10 a 12 px (regola: etichette almeno 12 px);
            link in chiaro, sottolineati, oro al passaggio; sul telefono
            i link vanno su una riga propria con spazio per il dito.
            Tutto il resto invariato.
   STRUTTURA (classi assegnate nei pannelli Avanzato):
     m33-footer ─┬─ m33-footer-sostegno ─┬─ Titolo m33-footer-kicker
                 │                       └─ Shortcode [m33_sponsor]
                 ├─ m33-footer-cols ─┬─ m33-footer-col m33-footer-brand
                 │                   │     (m33-footer-name · m33-footer-about)
                 │                   ├─ m33-footer-col  (m33-footer-h · m33-footer-menu)
                 │                   ├─ m33-footer-col  (m33-footer-h · m33-footer-text)
                 │                   └─ m33-footer-col  (m33-footer-h · m33-footer-social)
                 └─ m33-footer-base ── m33-footer-legal · m33-footer-motto
                                        (dentro m33-footer-legal: span m33-footer-legali)
   ===================================================================== */

/* ---------- 0. Variabili del footer ----------------------------------- */
.m33-footer {
  --m33-navy:  var(--e-global-color-primary, #061a30);
  --m33-oro:   var(--e-global-color-accent,  #bb9754);
  --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-serif: var(--e-global-typography-primary-font-family, "Fraunces"), Georgia, serif;
  --m33-sans:  var(--e-global-typography-text-font-family, "Manrope"), Arial, sans-serif;
}

/* ---------- 1. Contenitori (layout gestito qui, non nei pannelli) ------ */
.m33-footer.e-con {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  background: var(--m33-navy);
  border-top: 2px solid var(--m33-oro);
}

.m33-footer .m33-footer-cols.e-con {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 40px 48px;
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
  padding: 60px 32px 44px;
  box-sizing: border-box;
}

.m33-footer .m33-footer-col.e-con {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 16px;
  width: auto;
  min-width: 0;
  padding: 0;
}
.m33-footer .m33-footer-brand.e-con {
  flex-grow: 1.4;
}

.m33-footer .m33-footer-base.e-con {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 24px;
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
  padding: 22px 32px 26px;
  box-sizing: border-box;
  border-top: 1px solid var(--m33-oro);
  border-top-color: color-mix(in srgb, var(--m33-oro) 22%, transparent);
}

/* Titoli usati come testo: nessun margine, link senza sottolineatura */
.m33-footer .elementor-widget-heading.elementor-element .elementor-heading-title {
  margin: 0;
}
.m33-footer .elementor-widget-heading.elementor-element .elementor-heading-title a {
  color: inherit;
  text-decoration: none;
  transition: color .25s;
}
.m33-footer .elementor-widget-heading.elementor-element .elementor-heading-title a:hover {
  color: var(--m33-oro);
}
.m33-footer a:focus-visible {
  outline: 2px solid var(--m33-oro);
  outline-offset: 3px;
}

/* Il "1933" dentro il footer non eredita la spaziatura delle lettere */
.m33-footer .y1933 {
  letter-spacing: 0;
}

/* ---------- 1-bis. Fascia sponsor (v3) --------------------------------- */
/* Con la fascia presente il filo oro passa sotto la fascia, sopra il navy */
.m33-footer.e-con:has(> .m33-footer-sostegno) {
  border-top: 0;
}
.m33-footer .m33-footer-sostegno.e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --width: 100%;
  --min-height: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: clamp(44px, 7vw, 64px) clamp(16px, 4vw, 32px) clamp(48px, 8vw, 72px);
  box-sizing: border-box;
  text-align: center;
  background: var(--m33-bianco);
  border-top: 1px solid var(--m33-bordo);
  border-bottom: 2px solid var(--m33-oro);
}
.m33-footer .m33-footer-sostegno.e-con > .elementor-widget {
  flex: 0 0 auto;
  width: 100%;
  max-width: none;
  margin: 0;
}
.m33-footer .m33-footer-sostegno .elementor-shortcode {
  width: 100%;
}

/* Etichetta "Con il sostegno di": oro, una linea per lato */
.m33-footer .elementor-widget-heading.elementor-element.m33-footer-kicker .elementor-heading-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(12px, 3.2vw, 13px);
  line-height: 1.4;
  letter-spacing: clamp(.2em, 1vw, .32em);
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-footer .elementor-widget-heading.elementor-element.m33-footer-kicker .elementor-heading-title::before,
.m33-footer .elementor-widget-heading.elementor-element.m33-footer-kicker .elementor-heading-title::after {
  content: "";
  flex: 0 0 36px;
  height: 1px;
  background: var(--m33-oro);
}

/* Gruppi per livello (HTML di [m33_sponsor]) */
.m33-footer .m33-diretta-sponsor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px clamp(32px, 6vw, 72px);
  width: 100%;
}
.m33-footer .m33-diretta-sponsor-gruppo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.m33-footer .m33-diretta-sponsor-livello {
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--m33-meta);
}
.m33-footer .m33-diretta-sponsor-loghi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.m33-footer .m33-diretta-sponsor-logo {
  margin: 0;
  list-style: none;
}
.m33-footer .m33-diretta-sponsor-logo a {
  display: block;
  text-decoration: none;
}
.m33-footer .m33-diretta-sponsor-logo img {
  display: block;
  width: auto;
  max-width: 200px;
  height: clamp(44px, 9vw, 64px);
  object-fit: contain;
}
.m33-footer .m33-diretta-sponsor-nome {
  font-family: var(--m33-serif);
  font-weight: 500;
  font-size: 20px;
  color: var(--m33-navy);
}

/* Main Sponsor: griglia a celle uguali, 3 per riga (2 sul telefono) */
.m33-footer .m33-diretta-sponsor-gruppo--main {
  width: 100%;
  gap: clamp(18px, 3vw, 26px);
}
.m33-footer .m33-diretta-sponsor-gruppo--main .m33-diretta-sponsor-loghi {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  gap: clamp(28px, 5vw, 48px) 0;
}
.m33-footer .m33-diretta-sponsor-gruppo--main .m33-diretta-sponsor-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  min-width: 0;
  padding: 0 clamp(12px, 3vw, 32px);
}
.m33-footer .m33-diretta-sponsor-gruppo--main .m33-diretta-sponsor-logo a {
  display: flex;
  justify-content: center;
  width: 100%;
}
.m33-footer .m33-diretta-sponsor-gruppo--main .m33-diretta-sponsor-logo img {
  width: auto;
  max-width: min(100%, 240px);
  height: clamp(56px, 10vw, 88px);
  object-fit: contain;
}

/* Nessun riquadro del tema attorno ai loghi (sulle pagine Partita, che sono
   "articoli", il tema dà alle immagini sfondo bianco, ombra e rientro) */
.m33-footer .m33-diretta-sponsor-logo,
.m33-footer .m33-diretta-sponsor-logo a,
.m33-footer .m33-diretta-sponsor-logo img {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.m33-footer .m33-diretta-sponsor-logo img {
  padding: 0 !important;
}

/* ---------- 2. Colonna del club ---------------------------------------- */
.m33-footer .m33-footer-name.elementor-widget-heading.elementor-element .elementor-heading-title {
  font-family: var(--m33-serif);
  font-weight: 600;
  font-size: 26px;
  line-height: 1;
  color: var(--m33-paper);
}
.m33-footer .m33-footer-name.elementor-element .y1933 {
  font-size: 22px;
  color: var(--m33-oro);
}

.m33-footer .m33-footer-about.elementor-widget-heading.elementor-element .elementor-heading-title {
  max-width: 320px;
  font-family: var(--m33-serif);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.65;
  color: var(--m33-paper);
  color: color-mix(in srgb, var(--m33-paper) 72%, var(--m33-navy));
}

/* ---------- 3. Intestazioni delle colonne ------------------------------ */
.m33-footer .m33-footer-h.elementor-widget-heading.elementor-element .elementor-heading-title {
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--m33-oro);
}

/* ---------- 4. Testi delle colonne (contatti, social) ------------------ */
.m33-footer .m33-footer-text.elementor-widget-heading.elementor-element .elementor-heading-title {
  font-family: var(--m33-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.75;
  color: var(--m33-paper);
}

/* ---------- 5. Menu (menu WordPress "Principale", verticale) ----------- */
.m33-footer .m33-footer-menu.elementor-element ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.m33-footer .m33-footer-menu.elementor-element li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.m33-footer .m33-footer-menu.elementor-element li a {
  display: inline-block;
  padding: 0;
  font-family: var(--m33-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0;
  color: var(--m33-paper);
  text-decoration: none;
  background: none;
  transition: color .25s;
}
.m33-footer .m33-footer-menu.elementor-element li a::before,
.m33-footer .m33-footer-menu.elementor-element li a::after {
  display: none !important;
}
.m33-footer .m33-footer-menu.elementor-element li a:hover,
.m33-footer .m33-footer-menu.elementor-element li.current-menu-item > a {
  color: var(--m33-oro);
}
/* "Diretta Match" coerente con la testata: oro e corsivo, mai pallino */
.m33-footer .m33-footer-menu.elementor-element li.m33-cta > a {
  font-style: italic;
  font-weight: 600;
  color: var(--m33-oro);
}

/* ---------- 5-bis. Social (widget "Elenco icone") ---------------------- */
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-item {
  margin: 0;
  padding: 0;
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-item > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-icon {
  display: inline-flex;
  width: 14px;
  padding: 0;
  margin: 0;
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-icon svg {
  --e-icon-list-icon-size: 14px;
  width: 14px;
  height: 14px;
  fill: var(--m33-oro);
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-icon i {
  font-size: 14px;
  color: var(--m33-oro);
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-text {
  padding: 0;
  font-family: var(--m33-serif);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.75;
  color: var(--m33-paper);
  transition: color .25s;
}
.m33-footer .m33-footer-social.elementor-element .elementor-icon-list-item > a:hover .elementor-icon-list-text {
  color: var(--m33-oro);
}

/* ---------- 6. Riga finale --------------------------------------------- */
/* v4 — da 10 a 12 px (etichette almeno 12 px) */
.m33-footer .m33-footer-legal.elementor-widget-heading.elementor-element .elementor-heading-title {
  font-family: var(--m33-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--m33-meta);
}
.m33-footer .m33-footer-motto.elementor-widget-heading.elementor-element .elementor-heading-title {
  font-family: var(--m33-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .04em;
  color: var(--m33-oro);
}

/* v4 — Link legali (Privacy · Cookie · Preferenze cookie) */
.m33-footer .m33-footer-legal .m33-footer-legali {
  white-space: nowrap;
}
.m33-footer .m33-footer-legal.elementor-widget-heading.elementor-element .elementor-heading-title .m33-footer-legali a {
  color: var(--m33-paper);
  text-decoration: underline;
  text-decoration-color: var(--m33-oro);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: color .25s;
}
.m33-footer .m33-footer-legal.elementor-widget-heading.elementor-element .elementor-heading-title .m33-footer-legali a:hover {
  color: var(--m33-oro);
}

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

/* ---------- 8. Tablet (fino a 1024px): 2 colonne per riga -------------- */
@media (max-width: 1024px) {
  .m33-footer .m33-footer-cols.e-con {
    flex-wrap: wrap;
    gap: 40px 32px;
    padding: 48px 32px 36px;
  }
  .m33-footer .m33-footer-col.e-con,
  .m33-footer .m33-footer-brand.e-con {
    flex: 1 1 calc(50% - 16px);
  }
}

/* ---------- 9. Mobile (fino a 767px): colonne una sotto l'altra -------- */
@media (max-width: 767px) {
  .m33-footer .m33-footer-cols.e-con {
    flex-direction: column;
    gap: 32px;
    padding: 40px 16px 32px;
  }
  .m33-footer .m33-footer-col.e-con,
  .m33-footer .m33-footer-brand.e-con {
    flex: none;
    width: 100%;
  }
  .m33-footer .m33-footer-base.e-con {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 16px 24px;
  }
  /* v4 — Link legali su una riga propria, con spazio per il dito */
  .m33-footer .m33-footer-legal .m33-footer-legali {
    display: block;
    margin-top: 10px;
    white-space: normal;
  }
  .m33-footer .m33-footer-legal.elementor-widget-heading.elementor-element .elementor-heading-title .m33-footer-legali a {
    display: inline-block;
    padding: 6px 0;
  }
  /* v3 — Fascia sponsor: rientri da telefono, Main Sponsor 2 per riga */
  .m33-footer .m33-footer-sostegno.e-con {
    padding: 40px 16px 48px;
  }
  .m33-footer .m33-diretta-sponsor-gruppo--main .m33-diretta-sponsor-logo {
    flex-basis: 50%;
    max-width: 50%;
  }
}/* End custom CSS */