.elementor-416 .elementor-element.elementor-element-bf17c37{--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;}:root{--page-title-display:none;}/* Start custom CSS *//* =====================================================================
   cronache.css   —   13/10/26 13:18
   Matera 1933 · Pagina "Cronache" (Elementor) · versione 4
   ---------------------------------------------------------------------
   DOVE VA: editor Elementor della pagina Cronache →
            icona foglio con ingranaggio (Impostazioni della pagina) →
            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 lo produce il plugin "Matera 1933 — Diretta" 0.12.0
            con [m33_cronache_elenco] (classi m33-cronache-… e m33-cron-…).
            Le schede m33-cron-… sono le stesse della Home (home.css v5):
            se si cambiano qui, si cambiano anche là.
   v2:      (13/10/26) spazio tra "Matera" e "1933" nel segnaposto.
   v3:      (13/10/26) richiesta di Antonio: schede senza foto con lo stemma
            del club al centro del riquadro navy (plugin 0.12.2); cronaca in
            evidenza senza foto (computer): niente riquadro, testo a tutta
            larghezza. Le foto restano sempre nel riquadro 16:9.
   v4:      (13/10/26) richiesta di Antonio: schede senza foto SOLO TESTO
            (niente riquadro né stemma, troppi loghi ripetuti); con la foto
            invariate.
   STRUTTURA (classe assegnata nel pannello Avanzato):
     m33-cronache-pagina ── Shortcode [m33_cronache_elenco]   (Classi CSS vuote)
   ===================================================================== */

/* ---------- 0. Variabili della pagina --------------------------------- */
.m33-cronache-pagina {
  --m33-navy:   var(--e-global-color-primary, #061a30);
  --m33-oro:    var(--e-global-color-accent,  #bb9754);
  --m33-ink:    var(--ast-global-color-2,     #0c0c0c);
  --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;
  --m33-lato:   max(clamp(16px, 4vw, 32px), calc((100vw - 1280px) / 2));
}

/* ---------- 0-bis. Involucri di Astra: azzerati solo su questa pagina -- */
body:has(.m33-cronache-pagina) #content,
body:has(.m33-cronache-pagina) .site-content {
  margin: 0;
  padding: 0;
}
body:has(.m33-cronache-pagina) .site-content > .ast-container {
  display: block;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
body:has(.m33-cronache-pagina) #primary,
body:has(.m33-cronache-pagina) .site-main,
body:has(.m33-cronache-pagina) .site-main > article {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
body:has(.m33-cronache-pagina) {
  overflow-x: clip;
}

/* ---------- 1. Contenitore (layout gestito qui, non nei pannelli) ------ */
.m33-cronache-pagina.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;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100vw;
  min-height: 0;
  height: auto;
  margin: 0 calc(50% - 50vw);
  padding: clamp(40px, 8vw, 80px) var(--m33-lato) clamp(56px, 9vw, 96px);
  background: var(--m33-paper);
}
.m33-cronache-pagina > .elementor-widget,
.m33-cronache-pagina .elementor-shortcode {
  width: 100%;
  max-width: none;
  margin: 0;
}
.m33-cronache-pagina *,
.m33-cronache-pagina *::before,
.m33-cronache-pagina *::after {
  box-sizing: border-box;
}
.m33-cronache-pagina .y1933 {
  letter-spacing: 0;
}

/* ---------- 2. Titolo della pagina ------------------------------------ */
.m33-cronache-pagina .m33-cronache {
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 5vw, 44px);
}
.m33-cronache-pagina .m33-cronache-testa {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 760px;
}
.m33-cronache-pagina .m33-cronache-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: clamp(13px, 3.4vw, 14px);
  line-height: 1.4;
  letter-spacing: clamp(.18em, 1vw, .28em);
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-cronache-pagina .m33-cronache-kicker::before {
  content: "";
  flex: 0 0 36px;
  height: 1px;
  background: var(--m33-oro);
}
.m33-cronache-pagina .m33-cronache-titolo {
  margin: 0;
  font-family: var(--m33-serif);
  font-weight: 300;
  font-style: normal;
  font-size: clamp(46px, 10vw, 80px);
  line-height: .98;
  letter-spacing: -.025em;
  text-transform: none;
  color: var(--m33-navy);
}
.m33-cronache-pagina .m33-cronache-titolo em {
  font-style: italic;
  font-weight: 400;
  color: var(--m33-oro);
}
.m33-cronache-pagina .m33-cronache-intro {
  margin: 0;
  font-family: var(--m33-serif);
  font-weight: 300;
  font-size: clamp(19px, 4.6vw, 21px);
  line-height: 1.6;
  color: var(--m33-muted);
}
.m33-cronache-pagina .m33-cronache-intro .y1933 {
  font-size: .9em;
}

/* ---------- 3. Schede delle cronache (uguali alla Home) ---------------- */
/* Elenco delle cronache: griglia di schede (plugin 0.12.0, classi m33-cron-…) */
.m33-cronache-pagina .m33-cron-elenco {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: clamp(18px, 3vw, 28px);
  margin: 0;
  padding: 0;
}
.m33-cronache-pagina .m33-cron-vuoto {
  margin: 0;
  font-family: var(--m33-serif);
  font-style: italic;
  font-weight: 300;
  font-size: 19px;
  color: var(--m33-muted);
}
.m33-cronache-pagina .m33-cron {
  min-width: 0;
  margin: 0;
  background: var(--m33-bianco);
  border: 1px solid var(--m33-bordo);
  box-shadow: inset 0 2px 0 var(--m33-oro);
  transition: box-shadow .25s, transform .25s;
}
.m33-cronache-pagina .m33-cron:hover {
  box-shadow: inset 0 2px 0 var(--m33-oro), 0 10px 28px color-mix(in srgb, var(--m33-navy) 12%, transparent);
  transform: translateY(-2px);
}
.m33-cronache-pagina .m33-cron-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
/* Foto 16:9 (o segnaposto navy con "Matera 1933") */
.m33-cronache-pagina .m33-cron-foto {
  position: relative;
  aspect-ratio: 16 / 9;
  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));
}
.m33-cronache-pagina .m33-cron-foto img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  border: 0;
  box-shadow: none;
}
/* Senza foto: stemma del club al centro del riquadro navy, luce oro dall'alto */
.m33-cronache-pagina .m33-cron-segnaposto {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m33-cronache-pagina .m33-cron-segnaposto::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -20%;
  width: 140%;
  height: 90%;
  background: radial-gradient(ellipse,
    color-mix(in srgb, var(--m33-oro) 20%, transparent),
    transparent 60%);
  pointer-events: none;
}
.m33-cronache-pagina .m33-cron-segnaposto img {
  position: relative;
  display: block;
  width: auto;
  height: 42%;
  max-height: 120px;
  margin: 0;
  object-fit: contain;
  border: 0;
  box-shadow: none;
}
/* Foto sempre nel riquadro 16:9, ritagliata al centro */
.m33-cronache-pagina .m33-cron-foto > img {
  object-position: center;
}
/* v4/v8 — Senza foto: niente riquadro, la scheda resta solo testo */
.m33-cronache-pagina .m33-cron--senza-foto .m33-cron-foto {
  display: none;
}
.m33-cronache-pagina .m33-cron-testo {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 10px;
  padding: 20px clamp(18px, 3vw, 24px) 22px;
}
.m33-cronache-pagina .m33-cron-data {
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-cronache-pagina .m33-cron-titolo {
  margin: 0;
  font-family: var(--m33-serif);
  font-weight: 500;
  font-style: normal;
  font-size: clamp(21px, 5vw, 24px);
  line-height: 1.2;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--m33-navy);
}
.m33-cronache-pagina .m33-cron-estratto {
  margin: 0;
  font-family: var(--m33-serif);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.55;
  color: var(--m33-muted);
}
.m33-cronache-pagina .m33-cron-leggi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--m33-oro);
  transition: color .25s;
}
.m33-cronache-pagina .m33-cron:hover .m33-cron-leggi {
  color: var(--m33-navy);
}
.m33-cronache-pagina .m33-cron-link:focus-visible {
  outline: 2px solid var(--m33-oro);
  outline-offset: 3px;
}

/* Pagina 1: la prima cronaca in evidenza, larga su due colonne */
@media (min-width: 900px) {
  .m33-cronache-pagina .m33-cron--evidenza {
    grid-column: 1 / -1;
  }
  .m33-cronache-pagina .m33-cron--evidenza .m33-cron-link {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .m33-cronache-pagina .m33-cron--evidenza .m33-cron-foto {
    aspect-ratio: auto;
    min-height: 340px;
  }
  .m33-cronache-pagina .m33-cron--evidenza .m33-cron-testo {
    justify-content: center;
    padding: 32px;
  }
  .m33-cronache-pagina .m33-cron--evidenza .m33-cron-titolo {
    font-size: clamp(28px, 3vw, 36px);
  }
  /* v3 — In evidenza senza foto: niente riquadro, testo a tutta larghezza */
  .m33-cronache-pagina .m33-cron--evidenza.m33-cron--senza-foto .m33-cron-link {
    grid-template-columns: minmax(0, 1fr);
  }
  .m33-cronache-pagina .m33-cron--evidenza.m33-cron--senza-foto .m33-cron-foto {
    display: none;
  }
  .m33-cronache-pagina .m33-cron--evidenza.m33-cron--senza-foto .m33-cron-testo {
    max-width: 880px;
    padding: 40px 44px;
  }
  .m33-cronache-pagina .m33-cron--evidenza.m33-cron--senza-foto .m33-cron-titolo {
    font-size: clamp(32px, 3.4vw, 42px);
  }
}

/* ---------- 4. Pagine (più recenti / meno recenti) -------------------- */
.m33-cronache-pagina .m33-cronache-pagine {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  padding-top: 20px;
  border-top: 1px solid var(--m33-bordo);
}
.m33-cronache-pagina .m33-cronache-pagina-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--m33-navy);
}
.m33-cronache-pagina a.m33-cronache-pagina-link:hover {
  color: var(--m33-oro);
}
.m33-cronache-pagina .m33-cronache-pagina-link--spento {
  color: var(--m33-bordo);
}
.m33-cronache-pagina .m33-cronache-pagina-numero {
  font-family: var(--m33-sans);
  font-size: 14px;
  color: var(--m33-meta);
}

/* ---------- 5. Animazioni ridotte -------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .m33-cronache-pagina *,
  .m33-cronache-pagina *::before,
  .m33-cronache-pagina *::after {
    transition: none !important;
  }
}/* End custom CSS */