/* ============================================================
   Juvenilia — resa grafica approvata
   Valori presi dal mockup approvato. Si applica da solo:
   la redazione pubblica normalmente, senza classi né blocchi.
   ============================================================ */

:root{
  --juv-red:#D61827; --juv-blue:#0159D3; --juv-cyan:#00A3C4;
  --juv-green:#0F8A5F; --juv-ink:#0E1118; --juv-grey:#5B6273;
  --juv-line:#E1E5EE;
}

/* --- colore per rubrica sulle etichette (come da proposta) --- */
.penci-cat-name.penci-cat-4   { background:var(--juv-red)   !important; } /* Editoriale */
.penci-cat-name.penci-cat-57  { background:var(--juv-blue)  !important; } /* Il fatto */
.penci-cat-name.penci-cat-191 { background:var(--juv-cyan)  !important; } /* L'intervista */
.penci-cat-name.penci-cat-245 { background:var(--juv-green) !important; } /* Storie */
.penci-cat-name.penci-cat-407 { background:var(--juv-ink)   !important; } /* Approfondimenti */

.penci-biggrid .penci-cat-name,
.penci-biggrid .cat a{
  display:inline-block; color:#fff !important;
  font-family:Inter,sans-serif; font-size:8.5px; font-weight:800;
  letter-spacing:.09em; text-transform:uppercase;
  padding:3px 7px; border-radius:0; margin-bottom:8px;
}

/* --- 1 · mosaico di apertura: 1 grande + 4 (posizioni esplicite) --- */
.penci-biggrid.penci-bgstyle-4 .penci-biggrid-data{
  display:grid; grid-template-columns:1.35fr 1fr 1fr;
  grid-template-rows:1fr 1fr; gap:8px; height:440px;
}
.penci-biggrid.penci-bgstyle-4 .penci-bgitem{
  width:auto !important; height:auto !important; min-height:0;
  float:none !important; margin:0 !important; padding:0 !important;
  position:relative; overflow:hidden;
}
.penci-biggrid.penci-bgstyle-4 .bgitem-1{ grid-column:1; grid-row:1 / span 2; }
.penci-biggrid.penci-bgstyle-4 .bgitem-2{ grid-column:2; grid-row:1; }
.penci-biggrid.penci-bgstyle-4 .bgitem-3{ grid-column:3; grid-row:1; }
.penci-biggrid.penci-bgstyle-4 .bgitem-4{ grid-column:2; grid-row:2; }
.penci-biggrid.penci-bgstyle-4 .bgitem-0{ grid-column:3; grid-row:2; }
.penci-biggrid.penci-bgstyle-4 .penci-bgitin,
.penci-biggrid.penci-bgstyle-4 .penci-bgmain,
.penci-biggrid.penci-bgstyle-4 .pcbg-thumb,
.penci-biggrid.penci-bgstyle-4 .pcbg-thumbin,
.penci-biggrid.penci-bgstyle-4 .penci-image-holder{
  height:100% !important; width:100% !important; padding-bottom:0 !important;
}
.penci-biggrid.penci-bgstyle-4 .pcbg-content{ position:absolute; inset:auto 0 0 0; }

/* --- 2 · barra "In evidenza" --- */
.penci-news-ticker, .penci-ticker-wrapper{
  border-top:1px solid var(--juv-line);
  border-bottom:1px solid var(--juv-line);
}
.penci-ticker-title, .penci-news-ticker .ticker-title{
  background:var(--juv-red) !important; color:#fff !important;
  font-family:Inter,sans-serif; font-size:9.5px; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase; padding:9px 13px;
}

/* --- responsive: valori del mockup --- */
@media (max-width:820px){
  .penci-biggrid.penci-bgstyle-4 .penci-biggrid-data{
    grid-template-columns:1fr 1fr;
    grid-template-rows:200px 130px 130px; height:auto;
  }
  .penci-biggrid.penci-bgstyle-4 .bgitem-1{ grid-column:1 / span 2; grid-row:1; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-2{ grid-column:1; grid-row:2; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-3{ grid-column:2; grid-row:2; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-4{ grid-column:1; grid-row:3; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-0{ grid-column:2; grid-row:3; }
  .penci-biggrid .pcbg-big-item .pcbg-title,
  .penci-biggrid .pcbg-big-item .pcbg-title a{ font-size:20px; }
}

/* --- titoli dei blocchi: come da proposta, niente cornici del tema --- */
.penci-homepage-title,
.penci-border-arrow{
  background:none !important; border:0 !important;
  border-bottom:2px solid var(--juv-ink) !important;
  padding:0 0 8px !important; margin:0 0 13px !important;
}
.penci-homepage-title::before, .penci-homepage-title::after,
.penci-border-arrow::before, .penci-border-arrow::after,
.penci-homepage-title .inner-arrow::before,
.penci-homepage-title .inner-arrow::after{
  content:none !important; display:none !important; border:0 !important;
}
.penci-homepage-title h2.inner-arrow,
.penci-homepage-title h2.inner-arrow span{
  font-family:Inter,sans-serif !important; font-size:10.5px !important;
  font-weight:800 !important; letter-spacing:.12em !important;
  text-transform:uppercase !important; color:var(--juv-ink) !important;
  margin:0 !important; padding:0 !important; background:none !important;
  border:0 !important; line-height:1.3 !important;
}

/* colonna centrale: linguetta rossa inclinata */
.elementor-widget-penci-latest-posts .penci-homepage-title,
.elementor-widget-penci-latest-posts .penci-border-arrow{
  border-bottom:1px solid var(--juv-line) !important;
  padding:0 !important; margin:0 0 18px !important;
}
.elementor-widget-penci-latest-posts .penci-homepage-title h2.inner-arrow{
  display:inline-block !important;
}
.elementor-widget-penci-latest-posts .penci-homepage-title h2.inner-arrow > span{
  display:inline-block !important; background:var(--juv-red) !important;
  padding:7px 14px !important; transform:skewX(-12deg);
}
.elementor-widget-penci-latest-posts .penci-homepage-title h2.inner-arrow > span > span{
  display:block !important; transform:skewX(12deg);
  color:#fff !important; font-size:10px !important; letter-spacing:.1em !important;
  padding:0 !important; background:none !important;
}

/* --- 3 · tessere rubriche: 5 in riga, 16/9, velo scuro, testo centrato --- */
.elementor-widget-penci-category-listing .penci-biggrid-data{
  display:grid !important; grid-template-columns:repeat(5,1fr) !important;
  gap:8px !important; height:auto !important;
}
.elementor-widget-penci-category-listing .penci-bgitem{
  width:auto !important; height:auto !important; float:none !important;
  margin:0 !important; padding:0 !important;
  aspect-ratio:16/9; border-radius:3px; overflow:hidden; position:relative;
}
.elementor-widget-penci-category-listing .penci-bgitin,
.elementor-widget-penci-category-listing .penci-bgmain,
.elementor-widget-penci-category-listing .pcbg-thumb,
.elementor-widget-penci-category-listing .pcbg-thumbin,
.elementor-widget-penci-category-listing .penci-image-holder{
  height:100% !important; width:100% !important; padding-bottom:0 !important;
}
.elementor-widget-penci-category-listing .pcbg-bgoverlay,
.elementor-widget-penci-category-listing .pcbg-cbgoverlap{
  background:rgba(8,11,20,.55) !important; inset:0 !important;
}
.elementor-widget-penci-category-listing .pcbg-content{
  position:absolute !important; inset:0 !important;
  display:grid !important; place-items:center !important;
  padding:0 6px !important; text-align:center !important;
}
.elementor-widget-penci-category-listing .pcbg-content-flex{
  display:grid !important; place-items:center !important; width:100%;
}
.elementor-widget-penci-category-listing .pcbg-title,
.elementor-widget-penci-category-listing .pcbg-title a,
.elementor-widget-penci-category-listing .penci-cat-name{
  font-family:Inter,sans-serif !important; font-size:10px !important;
  font-weight:800 !important; letter-spacing:.1em !important;
  text-transform:uppercase !important; color:#fff !important;
  background:none !important; padding:0 !important; margin:0 !important;
  text-align:center !important; line-height:1.3 !important;
}
.elementor-widget-penci-category-listing .pcbg-meta,
.elementor-widget-penci-category-listing .pcbg-sub-title{ display:none !important; }

/* i pseudo-elementi di .penci-clearfix diventerebbero celle della griglia */
.penci-biggrid-data::before,
.penci-biggrid-data::after{ content:none !important; display:none !important; }

/* --- 4 · colonna centrale: 2 grandi + 4 piccoli, come da proposta --- */

/* i due grandi */
.elementor-widget-penci-latest-posts .penci-wrapper-posts-content > [class*=has-d-cols]{
  display:grid !important; grid-template-columns:1fr 1fr !important;
  gap:22px !important; margin-bottom:24px !important; width:100% !important;
}
.elementor-widget-penci-latest-posts .item{
  width:auto !important; float:none !important; margin:0 !important; text-align:left !important;
}
.elementor-widget-penci-latest-posts .thumbnail,
.elementor-widget-penci-latest-posts .penci-image-holder{
  height:140px !important; border-radius:3px; overflow:hidden; margin-bottom:11px !important;
  padding-bottom:0 !important;
}
.elementor-widget-penci-latest-posts .entry-title,
.elementor-widget-penci-latest-posts .entry-title a,
.elementor-widget-penci-latest-posts h2 a, .elementor-widget-penci-latest-posts h3 a{
  font-family:Inter,sans-serif !important; font-size:17px !important; font-weight:750 !important;
  line-height:1.28 !important; text-transform:none !important; text-align:left !important;
  color:var(--juv-ink) !important; letter-spacing:0 !important; margin:0 !important;
}
.elementor-widget-penci-latest-posts .entry-excerpt,
.elementor-widget-penci-latest-posts .entry-excerpt p{
  font-size:12.5px !important; line-height:1.5 !important; color:var(--juv-grey) !important;
  text-align:left !important; margin:9px 0 0 !important;
}
.elementor-widget-penci-latest-posts .grid-post-box-meta,
.elementor-widget-penci-latest-posts .grid-post-box-meta span{
  font-size:10px !important; color:var(--juv-grey) !important; text-align:left !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.elementor-widget-penci-latest-posts .grid-post-box-meta a{ color:var(--juv-red) !important; font-weight:700 !important; }
/* la proposta non prevede paginazione in home */
.elementor-widget-penci-latest-posts .penci-pagination,
.elementor-widget-penci-latest-posts .penci-ajax-more,
.elementor-widget-penci-latest-posts .penci-post-share-box{ display:none !important; }

/* i quattro piccoli */
.juv-main .elementor-widget-penci-small-list .pcsl-wrapper{
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px 22px !important;
}
.juv-main .elementor-widget-penci-small-list .pcsl-item{ width:auto !important; float:none !important; margin:0 !important; }
.elementor-widget-penci-small-list .pcsl-iteminer{
  display:grid !important; grid-template-columns:74px 1fr !important; gap:11px !important; align-items:start !important;
}
.elementor-widget-penci-small-list .pcsl-thumb,
.elementor-widget-penci-small-list .pcsl-thumb .penci-image-holder{
  height:54px !important; width:74px !important; border-radius:3px; padding-bottom:0 !important;
}
.elementor-widget-penci-small-list .pcsl-title,
.elementor-widget-penci-small-list .pcsl-title a{
  font-family:Inter,sans-serif !important; font-size:12.5px !important; font-weight:700 !important;
  line-height:1.3 !important; text-transform:none !important; color:var(--juv-ink) !important;
  letter-spacing:0 !important;
}
.elementor-widget-penci-small-list .pcsl-meta,
.elementor-widget-penci-small-list .pcsl-meta *{
  font-size:9.5px !important; color:var(--juv-grey) !important; margin-top:4px !important;
}

/* --- colonna di lato: sempre a una colonna --- */
.juv-side .elementor-widget-penci-small-list .pcsl-wrapper{
  display:flex !important; flex-direction:column !important; gap:12px !important;
}
.juv-side .elementor-widget-penci-small-list .pcsl-item{ width:100% !important; }
.juv-side .elementor-widget-penci-small-list .pcsl-iteminer{
  display:grid !important; grid-template-columns:58px 1fr !important; gap:9px !important;
}
.juv-side .elementor-widget-penci-small-list .pcsl-thumb,
.juv-side .elementor-widget-penci-small-list .pcsl-thumb .penci-image-holder{
  height:44px !important; width:58px !important;
}
.juv-side .elementor-widget-penci-small-list .pcsl-title,
.juv-side .elementor-widget-penci-small-list .pcsl-title a{ font-size:11.5px !important; }

/* gli articoli sono avvolti in .grid-style: deve riempire la cella */
.juv-main .elementor-widget-penci-latest-posts .grid-style,
.elementor-widget-penci-latest-posts .grid-style{
  width:auto !important; max-width:none !important; display:block !important;
  float:none !important; margin:0 !important; list-style:none !important;
}
.elementor-widget-penci-latest-posts .thumbnail{ width:100% !important; }

/* ============================================================
   RESPONSIVE — tutto leggibile su tablet e telefono
   ============================================================ */

/* --- tablet --- */
@media (max-width:1024px){
  .elementor-widget-penci-category-listing .penci-biggrid-data{
    grid-template-columns:repeat(3,1fr) !important;
  }
  .elementor-widget-penci-latest-posts .penci-wrapper-posts-content > [class*="has-d-cols"]{
    grid-template-columns:1fr 1fr !important;
  }
}

/* --- telefono --- */
@media (max-width:767px){

  /* mosaico: uno grande sopra, quattro a due colonne */
  .penci-biggrid.penci-bgstyle-4 .penci-biggrid-data{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:220px 150px 150px !important; height:auto !important;
  }
  .penci-biggrid.penci-bgstyle-4 .bgitem-1{ grid-column:1 / span 2 !important; grid-row:1 !important; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-2{ grid-column:1 !important; grid-row:2 !important; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-3{ grid-column:2 !important; grid-row:2 !important; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-4{ grid-column:1 !important; grid-row:3 !important; }
  .penci-biggrid.penci-bgstyle-4 .bgitem-0{ grid-column:2 !important; grid-row:3 !important; }

  .penci-biggrid .pcbg-content{ padding:10px !important; }
  .penci-biggrid .pcbg-big-item .pcbg-content{ padding:14px !important; }
  .penci-biggrid .pcbg-title, .penci-biggrid .pcbg-title a{
    font-size:12px !important; line-height:1.25 !important;
  }
  .penci-biggrid .pcbg-big-item .pcbg-title,
  .penci-biggrid .pcbg-big-item .pcbg-title a{ font-size:19px !important; }
  .penci-biggrid .pcbg-meta{ display:none !important; }   /* niente firma nelle tessere piccole */
  .penci-biggrid .pcbg-big-item .pcbg-meta{ display:block !important; font-size:9px !important; }

  /* tessere rubriche: due per riga, testo leggibile */
  .elementor-widget-penci-category-listing .penci-biggrid-data{
    grid-template-columns:1fr 1fr !important; gap:6px !important;
  }
  .elementor-widget-penci-category-listing .pcbg-title,
  .elementor-widget-penci-category-listing .pcbg-title a{
    font-size:9px !important; letter-spacing:.06em !important;
  }

  /* colonna centrale: una sola colonna */
  .elementor-widget-penci-latest-posts .penci-wrapper-posts-content > [class*="has-d-cols"]{
    grid-template-columns:1fr !important; gap:24px !important;
  }
  .elementor-widget-penci-latest-posts .thumbnail,
  .elementor-widget-penci-latest-posts .penci-image-holder{ height:190px !important; }
  .elementor-widget-penci-latest-posts .entry-title,
  .elementor-widget-penci-latest-posts .entry-title a{ font-size:19px !important; }

  /* articoli piccoli: uno per riga */
  .juv-main .elementor-widget-penci-small-list .pcsl-wrapper,
  .elementor-widget-penci-small-list .pcsl-wrapper{
    display:flex !important; flex-direction:column !important; gap:14px !important;
  }
  .elementor-widget-penci-small-list .pcsl-iteminer{
    grid-template-columns:88px 1fr !important;
  }
  .elementor-widget-penci-small-list .pcsl-thumb,
  .elementor-widget-penci-small-list .pcsl-thumb .penci-image-holder{
    height:62px !important; width:88px !important;
  }
  .elementor-widget-penci-small-list .pcsl-title,
  .elementor-widget-penci-small-list .pcsl-title a{ font-size:13.5px !important; }

  /* barra in evidenza: non deve tagliare */
  .penci-ticker-title, .penci-news-ticker .ticker-title{ padding:8px 10px !important; font-size:9px !important; }

  /* titoli blocco */
  .penci-homepage-title h2.inner-arrow,
  .penci-homepage-title h2.inner-arrow span{ font-size:10px !important; }

  /* niente scorrimento orizzontale */
  .elementor-location-footer, .e-con, .elementor-widget-container{ max-width:100% !important; }
  img{ max-width:100% !important; height:auto; }
}

/* la barra in evidenza non deve sbordare su telefono */
@media (max-width:767px){
  .penci-news-ticker, .penci-ticker-wrapper, .pcdfswiper{
    max-width:100% !important; overflow:hidden !important;
  }
  .penci-topbar-post-title{
    display:block !important; max-width:100% !important;
    overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;
    font-size:11px !important;
  }
  .swiper-slide{ max-width:100% !important; }
}

/* ============================================================
   Larghezze delle due colonne — valori del file approvato:
   colonna di lato 268px fissi, centrale il resto, spazio 28px
   (Elementor non emette le classi sui contenitori in questa
   versione, quindi la regola è strutturale: primo figlio = centro,
   secondo = lato)
   ============================================================ */
.e-con-inner > .e-con.e-child:first-child:not(:only-child),
.e-con-inner > .e-con.e-child:first-child:not(:only-child){
  flex:1 1 0 !important; min-width:0 !important;
}
.e-con-inner > .e-con.e-child:nth-child(2),
.e-con-inner > .e-con.e-child:nth-child(2){
  flex:0 0 268px !important; max-width:268px !important;
}

@media (max-width:1024px){
  .e-con-inner > .e-con.e-child:first-child:not(:only-child),
.e-con-inner > .e-con.e-child:nth-child(2),
.e-con-inner > .e-con.e-child:nth-child(2){
    flex:1 1 100% !important; max-width:100% !important;
  }
}

/* --- header: menu centrato e barra superiore come da proposta --- */
#navigation .menu, #navigation ul.menu,
.penci-mainnav .menu, #main-nav .menu{
  display:flex !important; justify-content:center !important; flex-wrap:wrap;
}
#navigation, .penci-mainnav{
  border-top:1px solid var(--juv-line) !important;
  border-bottom:3px solid var(--juv-ink) !important;
}
#navigation .menu > li > a, .penci-mainnav .menu > li > a{
  font-family:Inter,sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
}
/* barra superiore: fondo scuro, etichetta rossa */
#top-bar, .penci-topbar, .top-bar-wrapper{
  background:#16181d !important; color:rgba(255,255,255,.62) !important;
}
#top-bar a, .penci-topbar a{ color:rgba(255,255,255,.62) !important; }
#top-bar .penci-topbar-trending-title,
.penci-topbar .penci-topbar-trending-title,
#top-bar .top-bar-trending{ background:var(--juv-red) !important; color:#fff !important; }

/* --- header alla larghezza del sito, menu a tutta riga --- */
#navigation > .container,
#header .container,
#top-bar .container,
.penci-topbar .container{
  max-width:1400px !important; width:100% !important;
}
#menu-menu, #navigation ul.menu{
  width:100% !important; display:flex !important; justify-content:center !important;
}

/* --- 5 · colonna di lato: riquadri social e newsletter (valori del file) --- */

/* Seguici: due colonne, riquadri bordati */
.elementor-widget-penci-social-media .widget-social{
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important;
}
.elementor-widget-penci-social-media .widget-social a{
  display:flex !important; align-items:center !important; gap:7px !important;
  padding:7px 9px !important; border:1px solid var(--juv-line) !important;
  border-radius:3px !important; font-family:Inter,sans-serif !important;
  font-size:9.5px !important; font-weight:700 !important; letter-spacing:.05em !important;
  text-transform:uppercase !important; color:var(--juv-grey) !important;
  background:none !important; width:auto !important; height:auto !important;
}
.elementor-widget-penci-social-media .widget-social a i,
.elementor-widget-penci-social-media .penci-faicon{
  width:14px !important; height:14px !important; border-radius:2px !important;
  display:block !important; flex:none !important; font-size:0 !important;
  line-height:14px !important;
}
.elementor-widget-penci-social-media a[class*="facebook"] i,
.elementor-widget-penci-social-media .fa-facebook{ background:#1877F2 !important; }
.elementor-widget-penci-social-media a[class*="instagram"] i,
.elementor-widget-penci-social-media .fa-instagram{ background:#E4405F !important; }
.elementor-widget-penci-social-media a[class*="youtube"] i,
.elementor-widget-penci-social-media .fa-youtube{ background:#FF0000 !important; }
.elementor-widget-penci-social-media a[class*="linkedin"] i,
.elementor-widget-penci-social-media .fa-linkedin-in{ background:#0A66C2 !important; }

/* Resta aggiornato: riquadro scuro, titolo dentro */
.elementor-widget-penci-mail-chimp > .elementor-widget-container{
  background:var(--juv-ink) !important; border-radius:3px !important;
  padding:20px 16px !important; text-align:center !important; color:#fff !important;
}
.elementor-widget-penci-mail-chimp .penci-homepage-title,
.elementor-widget-penci-mail-chimp .penci-border-arrow{
  border:0 !important; padding:0 !important; margin:0 0 7px !important;
}
.elementor-widget-penci-mail-chimp .penci-homepage-title h2.inner-arrow,
.elementor-widget-penci-mail-chimp .penci-homepage-title h2.inner-arrow span{
  font-family:'Roboto Condensed',sans-serif !important; font-size:20px !important;
  font-weight:800 !important; color:#fff !important; letter-spacing:0 !important;
  text-transform:none !important;
}
.elementor-widget-penci-mail-chimp p{
  font-size:11.5px !important; color:rgba(255,255,255,.6) !important;
  line-height:1.45 !important; margin:0 0 12px !important;
}
.elementor-widget-penci-mail-chimp input[type=text],
.elementor-widget-penci-mail-chimp input[type=email]{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.15) !important; border-radius:2px !important;
  padding:7px 9px !important; font-size:10.5px !important;
  color:#fff !important; width:100% !important; margin-bottom:7px !important;
  text-align:left !important; height:auto !important;
}
.elementor-widget-penci-mail-chimp input::placeholder{ color:rgba(255,255,255,.42) !important; }
.elementor-widget-penci-mail-chimp input[type=submit]{
  background:var(--juv-red) !important; color:#fff !important; border:0 !important;
  border-radius:2px !important; padding:8px !important; width:100% !important;
  font-size:10px !important; font-weight:800 !important; letter-spacing:.1em !important;
  text-transform:uppercase !important; height:auto !important;
}

/* social: due colonne piene, non larghezza fissa del tema */
.elementor-widget-penci-social-media .widget-social{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.elementor-widget-penci-social-media .widget-social a{
  width:100% !important; min-width:0 !important; justify-content:flex-start !important;
}

/* --- Seguici: riquadri bordati due per riga (valori del file) --- */
.elementor-widget-social-icons .elementor-grid{
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
}
.elementor-widget-social-icons .elementor-grid-item{ width:100% !important; }
.elementor-widget-social-icons .elementor-social-icon{
  width:100% !important; height:auto !important;
  display:flex !important; align-items:center !important; justify-content:flex-start !important;
  gap:7px !important; padding:7px 9px !important;
  background:none !important; border:1px solid var(--juv-line) !important;
  border-radius:3px !important;
}
.elementor-widget-social-icons .elementor-social-icon i{
  width:14px !important; height:14px !important; border-radius:2px !important;
  font-size:8px !important; line-height:14px !important; text-align:center; color:#fff !important;
}
.elementor-widget-social-icons .elementor-social-icon-facebook-f i{ background:#1877F2 !important; }
.elementor-widget-social-icons .elementor-social-icon-instagram i{ background:#E4405F !important; }
.elementor-widget-social-icons .elementor-social-icon-youtube i{ background:#FF0000 !important; }
.elementor-widget-social-icons .elementor-social-icon-linkedin-in i{ background:#0A66C2 !important; }
.elementor-widget-social-icons .elementor-social-icon::after{
  content:attr(aria-label); font-family:Inter,sans-serif; font-size:9.5px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; color:var(--juv-grey);
}

/* --- Resta aggiornato: riquadro scuro --- */
.elementor-widget-form > .elementor-widget-container{
  background:var(--juv-ink) !important; border-radius:3px !important;
  padding:20px 16px !important; text-align:center !important;
}
.elementor-widget-form .elementor-field-group input{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.15) !important; border-radius:2px !important;
  padding:7px 9px !important; font-size:10.5px !important; color:#fff !important;
  min-height:0 !important; height:auto !important;
}
.elementor-widget-form input::placeholder{ color:rgba(255,255,255,.42) !important; }
.elementor-widget-form .elementor-button{
  background:var(--juv-red) !important; color:#fff !important; border:0 !important;
  border-radius:2px !important; padding:8px !important; width:100% !important;
  font-family:Inter,sans-serif !important; font-size:10px !important; font-weight:800 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important; min-height:0 !important;
}
.elementor-widget-form .elementor-form-fields-wrapper{ gap:0 !important; }
.elementor-widget-form .elementor-field-group{ margin-bottom:7px !important; padding:0 !important; }

/* etichetta accanto all'icona social (Elementor la tiene per lettori di schermo) */
.elementor-widget-social-icons .elementor-social-icon::after{ content:none !important; }
.elementor-widget-social-icons .elementor-screen-only{
  position:static !important; width:auto !important; height:auto !important;
  clip:auto !important; clip-path:none !important; overflow:visible !important;
  margin:0 !important; padding:0 !important;
  font-family:Inter,sans-serif !important; font-size:9.5px !important; font-weight:700 !important;
  letter-spacing:.05em !important; text-transform:uppercase !important;
  color:var(--juv-grey) !important; white-space:nowrap !important;
}

/* ============================================================
   PAGINA RUBRICA — valori del file approvato
   ============================================================ */

/* intestazione: fondo chiaro, centrata */
.elementor-widget-penci-archive-breadcrumb,
.elementor-widget-penci-archive-title,
.elementor-widget-penci-archive-description{ text-align:center !important; }
.elementor-widget-penci-archive-title h1,
.elementor-widget-penci-archive-title .penci-archive__title{
  font-family:'Roboto Condensed',sans-serif !important; font-size:38px !important;
  font-weight:800 !important; letter-spacing:-.02em !important; margin:0 !important;
  color:var(--juv-ink) !important;
}
.elementor-widget-penci-archive-title h1 span,
.elementor-widget-penci-archive-title .penci-archive__title span{ color:inherit !important; }
.elementor-widget-penci-archive-breadcrumb,
.elementor-widget-penci-archive-breadcrumb *{
font-size:10px !important;
  color:var(--juv-grey) !important; margin-bottom:8px !important;
}
.elementor-widget-penci-archive-breadcrumb a:last-child{ color:var(--juj-red,var(--juv-red)) !important; font-weight:700 !important; }

/* elenco articoli: foto a sinistra 210px, testo a destra */
.elementor-widget-archive-posts .elementor-post{
  display:grid !important; grid-template-columns:210px 1fr !important;
  gap:18px !important; padding:20px 0 !important;
  border-bottom:1px solid var(--juv-line) !important; margin:0 !important;
}
.elementor-widget-archive-posts .elementor-post:first-child{ padding-top:0 !important; }
.elementor-widget-archive-posts .elementor-post__thumbnail__link{ margin:0 !important; width:210px !important; }
.elementor-widget-archive-posts .elementor-post__thumbnail{
  height:132px !important; border-radius:4px !important; overflow:hidden !important;
  padding-bottom:0 !important;
}
.elementor-widget-archive-posts .elementor-post__thumbnail img{
  width:100% !important; height:100% !important; object-fit:cover !important;
}
.elementor-widget-archive-posts .elementor-post__text{ margin:0 !important; }
.elementor-widget-archive-posts .elementor-post__title,
.elementor-widget-archive-posts .elementor-post__title a{
  font-family:Inter,sans-serif !important; font-size:18px !important; font-weight:750 !important;
  line-height:1.28 !important; color:var(--juv-ink) !important; margin:6px 0 0 !important;
  text-transform:none !important;
}
.elementor-widget-archive-posts .elementor-post__excerpt p{
  font-size:12.5px !important; color:var(--juv-grey) !important;
  line-height:1.5 !important; margin:8px 0 0 !important;
}
.elementor-widget-archive-posts .elementor-post__meta-data{
  font-size:10px !important; color:var(--juv-grey) !important; margin-top:8px !important;
}
.elementor-widget-archive-posts .elementor-post__read-more{
  font-family:Inter,sans-serif !important; font-size:10px !important; font-weight:800 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
  color:var(--juv-red) !important; margin-top:8px !important; display:inline-block !important;
}

/* paginazione */
.elementor-widget-archive-posts .elementor-pagination{
  display:flex !important; gap:6px !important; justify-content:center !important;
  padding:22px 0 4px !important; border:0 !important;
}
.elementor-widget-archive-posts .page-numbers{
  width:28px !important; height:28px !important; display:grid !important; place-items:center !important;
  border:1px solid var(--juv-line) !important; border-radius:3px !important;
  font-size:11px !important; font-weight:700 !important; color:var(--juv-grey) !important;
}
.elementor-widget-archive-posts .page-numbers.current{
  background:var(--juv-red) !important; border-color:var(--juv-red) !important; color:#fff !important;
}

@media (max-width:767px){
  .elementor-widget-archive-posts .elementor-post{ grid-template-columns:1fr !important; }
  .elementor-widget-archive-posts .elementor-post__thumbnail__link{ width:100% !important; }
  .elementor-widget-archive-posts .elementor-post__thumbnail{ height:190px !important; }
  .elementor-widget-penci-archive-title h1{ font-size:26px !important; }
}

/* --- rubrica: solo il nome, centrato (l'approvato non ha "Category:") --- */
.elementor-widget-penci-archive-title .archive-box .title-bar > span{ display:none !important; }
.elementor-widget-penci-archive-title .archive-box .title-bar{
  text-align:center !important; justify-content:center !important;
}
.elementor-widget-penci-archive-title .page-title{
  font-family:'Roboto Condensed',sans-serif !important; font-size:38px !important;
  font-weight:800 !important; letter-spacing:-.02em !important; color:var(--juv-ink) !important;
  margin:0 !important; text-align:center !important;
}
.elementor-widget-penci-archive-breadcrumb .penci-crumb-inside,
.elementor-widget-penci-archive-breadcrumb .container{
  text-align:center !important; justify-content:center !important; display:block !important;
}

/* --- etichette social corrette --- */
.elementor-widget-social-icons .elementor-screen-only{ font-size:0 !important; }
.elementor-widget-social-icons .elementor-social-icon::after{
  font-family:Inter,sans-serif !important; font-size:9.5px !important; font-weight:700 !important;
  letter-spacing:.05em !important; text-transform:uppercase !important;
  color:var(--juv-grey) !important; white-space:nowrap !important;
}
.elementor-widget-social-icons .elementor-social-icon-facebook-f::after{ content:"Facebook" !important; }
.elementor-widget-social-icons .elementor-social-icon-instagram::after{ content:"Instagram" !important; }
.elementor-widget-social-icons .elementor-social-icon-youtube::after{ content:"YouTube" !important; }
.elementor-widget-social-icons .elementor-social-icon-linkedin-in::after{ content:"LinkedIn" !important; }

/* il riquadro scuro è ora il contenitore: il modulo dentro è trasparente */
.juv-newsbox .elementor-widget-form > .elementor-widget-container{
  background:none !important; padding:0 !important;
}
.juv-newsbox .elementor-widget-heading,
.juv-newsbox .elementor-widget-text-editor{ margin:0 !important; }
.juv-newsbox .elementor-widget-text-editor p{ margin:0 0 12px !important; }

/* ============================================================
   ARTICOLO SINGOLO — valori del file approvato
   ============================================================ */
.elementor-widget-theme-post-title .elementor-heading-title{
  font-family:'Roboto Condensed',sans-serif !important; font-size:36px !important;
  font-weight:800 !important; line-height:1.02 !important; letter-spacing:-.02em !important;
  color:var(--juv-ink) !important; margin:10px 0 0 !important;
}
.elementor-widget-post-info{
  font-size:10.5px !important; color:var(--juv-grey) !important;
  margin:12px 0 16px !important; padding-bottom:14px !important;
  border-bottom:1px solid var(--juv-line) !important;
}
.elementor-widget-post-info .elementor-icon-list-items{
  display:flex !important; flex-wrap:wrap !important; gap:14px !important;
}
.elementor-widget-post-info .elementor-icon-list-text,
.elementor-widget-post-info a{
  font-family:Inter,sans-serif !important; font-size:10.5px !important;
  color:var(--juv-grey) !important;
}
.elementor-widget-post-info a{ color:var(--juv-red) !important; font-weight:700 !important; }
.elementor-widget-post-info .elementor-icon-list-icon{ display:none !important; }

.elementor-widget-theme-post-featured-image img{
  height:300px !important; width:100% !important; object-fit:cover !important;
  border-radius:4px !important; margin-bottom:20px !important; display:block;
}
.elementor-widget-theme-post-content p{
  font-family:Inter,sans-serif !important; font-size:14px !important;
  line-height:1.68 !important; margin:0 0 14px !important; color:#262d3b !important;
}
.elementor-widget-theme-post-content strong,
.elementor-widget-theme-post-content b,
.elementor-widget-theme-post-content em strong{
  font-weight:800 !important; color:var(--juv-ink) !important;
}

/* condivisione */
.elementor-widget-share-buttons{
  margin-top:22px !important; padding-top:16px !important;
  border-top:1px solid var(--juv-line) !important;
}
.elementor-widget-share-buttons .elementor-grid{
  display:flex !important; gap:7px !important; align-items:center !important;
}
.elementor-widget-share-buttons .elementor-share-btn{
  padding:5px 12px !important; border-radius:3px !important; color:#fff !important;
  font-family:Inter,sans-serif !important; font-size:9.5px !important; font-weight:700 !important;
  min-height:0 !important; height:auto !important;
}
.elementor-widget-share-buttons .elementor-share-btn_facebook{ background:#1877F2 !important; }
.elementor-widget-share-buttons .elementor-share-btn_twitter,
.elementor-widget-share-buttons .elementor-share-btn_x-twitter{ background:#0E1118 !important; }
.elementor-widget-share-buttons .elementor-share-btn_whatsapp{ background:#25D366 !important; }
.elementor-widget-share-buttons .elementor-share-btn_linkedin{ background:#0A66C2 !important; }

/* dalla stessa rubrica: tre colonne */
.elementor-widget-penci-single-related-posts{ margin-top:26px !important; }
.elementor-widget-penci-single-related-posts .swiper-wrapper,
.elementor-widget-penci-single-related-posts .post-related{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:14px !important;
  transform:none !important;
}
.elementor-widget-penci-single-related-posts .item-related{
  width:auto !important; margin:0 !important;
}
.elementor-widget-penci-single-related-posts .item-related img,
.elementor-widget-penci-single-related-posts .penci-image-holder{
  height:84px !important; border-radius:3px !important; margin-bottom:8px !important;
  object-fit:cover !important; width:100% !important; padding-bottom:0 !important;
}
.elementor-widget-penci-single-related-posts .item-related h3,
.elementor-widget-penci-single-related-posts .item-related a{
  font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:700 !important;
  line-height:1.3 !important; color:var(--juv-ink) !important; text-transform:none !important;
}

@media (max-width:767px){
  .elementor-widget-theme-post-title .elementor-heading-title{ font-size:24px !important; }
  .elementor-widget-theme-post-featured-image img{ height:200px !important; }
  .elementor-widget-penci-single-related-posts .swiper-wrapper,
  .elementor-widget-penci-single-related-posts .post-related{ grid-template-columns:1fr !important; }
}

/* correlati: tre come nell'approvato */
.elementor-widget-penci-single-related-posts .item-related:nth-child(n+4){ display:none !important; }

/* responsive articolo e rubrica */
@media (max-width:1024px){
  .elementor-widget-archive-posts .elementor-post{ grid-template-columns:170px 1fr !important; }
  .elementor-widget-archive-posts .elementor-post__thumbnail__link{ width:170px !important; }
}
@media (max-width:767px){
  .elementor-widget-post-info .elementor-icon-list-items{ gap:8px !important; }
  .elementor-widget-share-buttons .elementor-grid{ flex-wrap:wrap !important; }
  .elementor-widget-theme-post-content p{ font-size:15px !important; }
}

/* --- articolo su telefono: niente elementi che sbordano --- */
@media (max-width:767px){
  .elementor-widget-post-info .elementor-inline-items{
    flex-wrap:wrap !important; max-width:100% !important;
  }
  .elementor-widget-post-info .elementor-inline-item{ margin-right:10px !important; }
  .elementor-widget-penci-single-related-posts .swiper,
  .elementor-widget-penci-single-related-posts .penci-owl-carousel{
    max-width:100% !important; overflow:hidden !important;
  }
  .elementor-widget-penci-single-related-posts .swiper-wrapper{
    transform:none !important; max-width:100% !important;
  }
  .elementor-widget-penci-single-related-posts .item-related{
    width:100% !important; max-width:100% !important; margin:0 0 14px !important;
  }
}

/* lista laterale su telefono: dentro i margini */
@media (max-width:767px){
  .pcsl-inner, .pcsl-grid{
    max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
  }
  .pcsl-item{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important; }
}

/* tessere rubriche su telefono: dentro i margini */
@media (max-width:767px){
  .elementor-widget-penci-category-listing .penci-biggrid-data{
    max-width:100% !important; margin:0 !important; padding:0 !important;
  }
  .elementor-widget-penci-category-listing .penci-bgitem{
    max-width:100% !important; margin:0 !important;
  }
  .elementor-widget-penci-category-listing .penci-biggrid,
  .elementor-widget-penci-category-listing .penci-biggrid-inner{
    max-width:100% !important; overflow:hidden !important;
  }
}

/* il menu esteso vale solo da tablet in su: sotto c'è l'hamburger del tema */
@media (max-width:1024px){
  #menu-menu, #navigation ul.menu{
    display:none !important; width:auto !important;
  }
}

/* --- correzioni finali --- */
.penci-biggrid .pcbg-title, .penci-biggrid .pcbg-title a{ font-size:16px !important; }
.penci-biggrid .pcbg-big-item .pcbg-title, .penci-biggrid .pcbg-big-item .pcbg-title a{ font-size:27px !important; }

#navigation .menu>li>a, .penci-mainnav .menu>li>a, #main-nav .menu>li>a{ color:#0E1118 !important; }
#navigation .menu>li.current-menu-item>a, #navigation .menu>li:hover>a,
.penci-mainnav .menu>li.current-menu-item>a, .penci-mainnav .menu>li:hover>a{ color:#D61827 !important; }

.elementor-widget-penci-archive-title .archive-box,
.elementor-widget-penci-archive-title .title-bar,
.elementor-widget-penci-archive-breadcrumb .penci-crumb-inside{ text-align:center !important; justify-content:center !important; }

@media (max-width:767px){
  .elementor-widget-container{ padding-left:0 !important; padding-right:0 !important; }
  .penci-biggrid .pcbg-content{ padding:12px !important; }
  .elementor-widget-penci-archive-title .page-title{ font-size:26px !important; }
  .e-con-inner>.e-con.e-child{ margin-bottom:0 !important; }
}
/* --- ticker: etichetta sempre rossa, mai verde --- */
.penci-news-ticker .headline-title,
.nticker-style-1 .headline-title,
.penci-ticker-title,
span.headline-title{ background:#D61827 !important; color:#fff !important; }

/* --- margini fra le sezioni della home (l'approvato ha aria) --- */
.penci-biggrid.penci-bgstyle-4{ margin-bottom:0 !important; }
.elementor-widget-penci-news-ticker{ margin:24px 0 !important; }
.elementor-widget-penci-category-listing{ margin-bottom:34px !important; }
.elementor-widget-penci-latest-posts .penci-homepage-title,
.elementor-widget-penci-small-list .penci-homepage-title,
.juv-side > div{ margin-bottom:16px !important; }
.juv-side .elementor-widget:not(:last-child){ margin-bottom:24px !important; }


/* --- riquadro newsletter: solo il box che avvolge il form, non tutta la sidebar --- */
.juv-side .e-child:not(:has(> .e-con-inner)) { }
.elementor-element:has(> .elementor-widget-container > .elementor-form):not(.juv-news){ }


/* la colonna di lato NON deve essere scura: solo il box newsletter */
.juv-side > .e-con, .juv-side .e-con-inner{ background:transparent !important; }
.juv-newsbox{ background:#0E1118 !important; border-radius:3px !important; padding:20px 16px !important; }

/* box newsletter per id stabile (Elementor non emette _css_classes sui contenitori) */
.elementor-element-b3f1841{ background:#0E1118 !important; border-radius:3px !important; padding:20px 16px !important; }
.elementor-element-b3f1841 .elementor-widget-container{ background:none !important; }

/* ============================================================
   RESPONSIVE mobile — dimensioni e spazi corretti
   ============================================================ */
@media (max-width:600px){
  /* titolo hero mosaico più piccolo e leggibile */
  .penci-biggrid.penci-bgstyle-4 .pcbg-big-item .pcbg-title,
  .penci-biggrid.penci-bgstyle-4 .pcbg-big-item .pcbg-title a{ font-size:20px !important; line-height:1.15 !important; }
  .penci-biggrid.penci-bgstyle-4 .pcbg-title,
  .penci-biggrid.penci-bgstyle-4 .pcbg-title a{ font-size:14px !important; }
  .penci-biggrid .pcbg-content{ padding:12px !important; }

  /* tessere rubriche: testo che ci sta */
  .elementor-widget-penci-category-listing .pcbg-title,
  .elementor-widget-penci-category-listing .pcbg-title a{ font-size:11px !important; letter-spacing:.04em !important; }

  /* aria fra le sezioni */
  .elementor-widget-penci-big-grid{ margin-bottom:20px !important; }
  .elementor-widget-penci-news-ticker{ margin:18px 0 !important; }
  .elementor-widget-penci-category-listing{ margin-bottom:26px !important; }
  .juv-main{ margin-bottom:30px !important; }

  /* titoli sezione con spazio sopra */
  .penci-homepage-title{ margin-top:6px !important; }
}

/* ticker etichetta: 9.5px come nell'approvato (era 12) */
.headline-title, .penci-ticker-title,
.penci-enews-ticker .headline-title{ font-size:9.5px !important; }
/* i titoli scorrevoli del ticker: 12px come da file */
.penci-enews-ticker .penci-headline-title a,
.penci-enews-ticker .headline a{ font-size:12px !important; }

/* abstract dei due articoli grandi: 12.5px come nel file (era 14) */
.elementor-widget-penci-latest-posts .item .entry-excerpt,
.elementor-widget-penci-latest-posts .item .entry-excerpt p,
.elementor-widget-penci-latest-posts .grid-style .item p:not(.grid-post-box-meta):not(.grid-post-box-meta *){
  font-size:12.5px !important; line-height:1.5 !important;
}
.elementor-widget-penci-latest-posts .item > p,
.elementor-widget-penci-latest-posts .pcpl-content p{ font-size:12.5px !important; }


/* --- mobile: contenuto staccato 15px dai bordi (solo primo livello, niente doppio padding) --- */
@media (max-width:767px){
  .elementor > .e-con > .e-con-inner{
    padding-left:15px !important; padding-right:15px !important;
    box-sizing:border-box !important;
  }
}