@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;700&display=swap');
/* Regole comuni a TUTTE le pagine di adamanti.it (home, money, blog, pagine di struttura). Caricato da tema.assets_header dopo footer-card.css.
   Loom di Samu 11/09 sera (piano v4, fase A). Un fatto, un posto: qui e non nei singoli costruttori. */
/* #6 via il corsivo brush-script-std ovunque: firme e citazioni in Inter */
.style-author,.gl-text-editor-2 .style-author,.template-part-hero .content .inner-content .member-info .member-info-name{font-family:Inter,sans-serif!important;font-style:normal!important;font-weight:700!important;font-size:clamp(15px,1.15vw,17px)!important;letter-spacing:0!important}
/* #1 hero home: nomi dei medici come nelle money (Inter + freccia) */
.template-part-hero .content .inner-content .member-info{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.template-part-hero .content .inner-content .member-info .member-info-name{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;margin:0}
.template-part-hero .content .inner-content .member-info .member-info-name img.freccia{width:clamp(22px,2.4vw,34px);height:auto;transform:scaleY(-1)}
.template-part-hero .content .inner-content .member-info .member-info-title{font-size:12px;opacity:.9;margin-top:2px}
/* #3 spazi coerenti: sotto il nastro la pagina parte subito (il nastro porta già il suo --hc-gap sotto); sotto l'hero lo stesso gap */
#site-header+*{margin-top:0!important}
.template-part-hero,.template-part-hero-2,section.section-hero{margin-bottom:var(--hc-gap,12px)!important}
/* #4 «Sulla stampa»: i loghi su tutta la riga, niente carosello; su mobile tutti visibili in griglia */
.loghi-riga{background:#fff;border-radius:10px;padding:clamp(12px,1.4vw,20px) clamp(16px,3vw,40px)}
.loghi-lista{display:flex;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,48px);margin:0;padding:0;list-style:none}
.loghi-voce{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:44px}
.loghi-voce img{max-height:44px;width:auto;max-width:100%;object-fit:contain}
@media (max-width:767px){.loghi-lista{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.loghi-voce{min-height:40px}.loghi-voce img{max-height:36px}}
/* Loom f65c4b81 (11/09 sera): UN SOLO formato per i nomi dei medici negli hero, ovunque (home, money, pagine): nome SOPRA la testa, freccia che
   punta in giù; niente sfumatura in fondo: le figure le taglia la fine della sezione. Posizioni dal JSON del composito (etichette.js). */
.med-labels{position:absolute;inset:0;pointer-events:none;z-index:6}
.med-label{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;font:700 clamp(12px,1.05vw,15px)/1.15 Inter,sans-serif;text-shadow:0 1px 8px rgba(0,0,0,.85);white-space:nowrap;transform:translateX(-50%);opacity:0;transition:opacity .2s}
.med-label.on{opacity:1}
.med-label small{font-weight:400;font-size:.78em;opacity:.9}
.med-label img{width:clamp(22px,2vw,32px)!important;height:auto!important;max-width:none!important;border-radius:0!important;position:static!important;transform:rotate(70deg) scaleX(-1);margin:1px 0 0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.med-label .corto{display:none}
@media (max-width:767px){.med-label{font-size:11px;gap:0}.med-label small,.med-label .lungo{display:none}.med-label .corto{display:inline}.med-label img{width:16px}}
.template-part-hero .content .inner-content:after{display:none!important}
.template-part-hero .content .inner-content .member-info{display:none!important}
.template-part-hero .members-mobile .foto{padding-top:69.8%!important}.template-part-hero .members-mobile .foto img{object-fit:fill!important;object-position:50% 50%!important}
.template-part-hero .members-mobile .nomi{display:none!important}
section.section-hero .members-mobile .foto img{object-fit:fill!important}
/* 12/09 (Samu): freccia «sdraiata» con la punta in giù; hero senza «finestra»: le figure stanno sul fondo dell'hero e le taglia la fine della sezione */
.med-label img{transform:scaleY(-1)!important;width:clamp(26px,2.2vw,36px)!important}
.template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2 .media-holder{padding-top:0!important;overflow:visible!important;border-radius:0!important;background:none!important}
.template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2 .media-holder>img{border-radius:0!important;display:block;object-fit:unset}
@media only screen and (max-width:1023.9px){.template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2 .media-holder>img{position:static!important;height:auto!important;width:100%!important}
 .template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2{flex-direction:column!important;width:100%!important;margin-bottom:0!important}}
.template-part-hero-2.template-part-hero-2--foto{overflow:hidden}
/* home: medici +20 % (Samu 12/09), sempre tagliati dal fondo della sezione */
@media only screen and (min-width:1024px){.template-part-hero .content .inner-content .members{width:840px!important;right:-84px!important}}
@media only screen and (min-width:768px) and (max-width:1023.9px){.template-part-hero .content .inner-content .members{width:720px!important}}
.template-part-hero{overflow:hidden}
/* mobile: niente riquadro blu dietro ai medici (home e money): l'immagine sta sul fondo dell'hero, tagliata dal fondo della sezione */
.template-part-hero .members-mobile,section.section-hero .members-mobile{background:none!important;border-radius:0!important;overflow:visible!important;margin-bottom:-40px!important}
.template-part-hero .members-mobile .foto,section.section-hero .members-mobile .foto{padding-top:69.8%!important}
/* 12/09 (Samu): nelle money e nei post i medici dell'hero hanno la STESSA grandezza e lo stesso taglio della home (840 px a destra, tagliati dal fondo) */
@media only screen and (min-width:1024px){section.section-hero .content .inner-content img.members{width:840px!important;right:-84px!important;left:auto!important;bottom:0!important;transform:translateY(100px)!important}}
@media only screen and (min-width:768px) and (max-width:1023.9px){section.section-hero .content .inner-content img.members{width:720px!important;transform:translateY(80px)!important}}
section.section-hero{overflow:hidden}
/* money/post su mobile: come la home: immagine intera (niente ritaglio né sfumatura), tagliata dal fondo della sezione */
section.section-hero .content .inner-content .col.col--1 .members-mobile{padding-top:69.8%!important;margin-bottom:-40px!important;overflow:visible!important}
section.section-hero .content .inner-content .col.col--1 .members-mobile:after{display:none!important}
section.section-hero .content .inner-content .col.col--1 .members-mobile img{object-fit:fill!important;object-position:50% 50%!important}
/* ==== 12/09 16:40 (Samu) REGOLA DEGLI HERO, uguale per home, money, post e pagine ====
   Desktop: ogni medico copre il 90 % dell'altezza della section (immagine alta il 106 % perché la testa sta al 15 % del composito), a destra, tagliata dal fondo.
   Mobile: la testa arriva pochi pixel sotto la CTA (etichette.js taglia l'aria sopra), i nomi stanno IN CALCE al busto.
   Etichetta ovunque: «Dott. Nome Cognome» (niente ruolo, niente cognome corto). */
.med-label small,.med-label .corto{display:none!important}.med-label .lungo{display:inline!important}
@media only screen and (min-width:1024px){
  .template-part-hero,section.section-hero,.template-part-hero-2.template-part-hero-2--foto{position:relative;overflow:hidden}
  .template-part-hero .content .inner-content img.members,section.section-hero .content .inner-content img.members,.template-part-hero-2.template-part-hero-2--foto .media-holder>img{
    position:absolute!important;top:auto!important;bottom:0!important;left:auto!important;right:1.5%!important;height:100%!important;width:auto!important;max-width:64%!important;   /* 12/09 17:20: figura all'85 % della section (testa al 15 % del composito) */
    object-fit:contain!important;object-position:right bottom!important;transform:none!important;margin:0!important;z-index:1}
  .template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2{position:static;margin-bottom:0!important}
  .template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2 .media-holder{position:static!important}
}
@media only screen and (max-width:1023.9px){
  .template-part-hero .members-mobile,section.section-hero .content .inner-content .col.col--1 .members-mobile{margin-bottom:-40px!important}   /* figure tagliate ESATTAMENTE al bordo basso dell'hero */
  .template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2{margin-bottom:-40px!important}
  .med-labels{display:block!important}.med-label{font-size:11px}
  .med-calce{display:flex;justify-content:space-around;align-items:flex-start;gap:8px;padding:8px 6px 4px;position:relative;z-index:3}
  .med-calce .med-nome{flex:1 1 0;text-align:center;color:#fff;font:700 11.5px/1.2 Inter,sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.6)}
}

@media only screen and (min-width:1024px){.med-calce{display:none!important}}

/* mobile (Samu 12/09): la testa arriva pochi px sotto il pulsante CTA → in mezzo non ci sta la riga «Scegli la sede…/Parlarci non ti impegna»; hero2: via il margine sopra la colonna della foto */
@media only screen and (max-width:1023.9px){
  .template-part-hero .gl-button-additional-text,section.section-hero .gl-button-additional-text,.template-part-hero-2.template-part-hero-2--foto .gl-button-additional-text{display:none!important}
  .template-part-hero-2.template-part-hero-2--foto .content .inner-content .col.col--2{margin-top:0!important}
  .template-part-hero .members-mobile,section.section-hero .content .inner-content .col.col--1 .members-mobile{margin-top:0!important}
}

/* ==== 12/09 17:00 (Samu) FORMATO DELLE ETICHETTE, uguale ovunque: riga 1 «Dott. Cognome Nome» Inter Tight Bold · riga 2 ruolo · riga 3 «Direttore Sanitario» o sede (Inter Tight Light);
   freccia SOLO in tre posizioni: a) a destra del testo che scende (etichetta sopra la testa) · b) a destra che sale · c) a sinistra che sale (in calce, mobile) */
.med-label,.med-calce .med-nome{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:6px;text-align:left;transform:none!important;text-shadow:0 1px 8px rgba(0,0,0,.85);color:#fff}
.et-testo{display:flex;flex-direction:column;gap:0;white-space:nowrap}
.et-testo .e1{font:700 clamp(14px,1.15vw,17px)/1.15 "Inter Tight",Inter,sans-serif;color:#fff}
.et-testo .e2,.et-testo .e3{font:300 clamp(12px,1vw,14.5px)/1.2 "Inter Tight",Inter,sans-serif;color:#fff}
.et-testo .e2:empty,.et-testo .e3:empty{display:none}
.med-label .et-freccia,.med-calce .et-freccia{width:clamp(30px,2.8vw,42px)!important;height:auto!important;max-width:none!important;border-radius:0!important;position:static!important;margin:0!important;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
/* freccia del sito (illistration-arrow-1: sale verso destra) nelle tre posizioni: a) scende a destra = ribaltata in verticale · b) sale a destra = originale · c) sale a sinistra = specchiata */
.et-a .et-freccia{transform:scaleY(-1)!important;margin-top:1.1em!important}
.et-b .et-freccia{transform:none!important;margin-top:-2px!important}
.et-c .et-freccia{transform:scaleX(-1)!important;margin-top:-2px!important}
.med-labels.et-stretta .et-testo .e1{font-size:12.5px}.med-labels.et-stretta .et-testo .e2,.med-labels.et-stretta .et-testo .e3{font-size:11px}.med-labels.et-stretta .et-freccia{width:28px!important}
.med-label .lungo,.med-label .corto,.med-label small,.med-label>img:not(.et-freccia){display:none!important}
.med-calce{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:8px 10px 6px;position:relative;z-index:3}
.med-calce .med-nome{flex:0 1 auto}
@media only screen and (max-width:1023.9px){.et-testo .e1{font-size:11px}.et-testo .e2,.et-testo .e3{font-size:10px}.med-label .et-freccia{width:30px!important}.med-calce{display:none!important}}
@media only screen and (min-width:1024px){.med-calce{display:none!important}}
@media only screen and (max-width:1023.9px){.med-labels:has(.med-label:nth-child(3)) .et-testo .e1{font-size:10px}.med-labels:has(.med-label:nth-child(3)) .et-testo .e2,.med-labels:has(.med-label:nth-child(3)) .et-testo .e3{font-size:9px}.med-labels:has(.med-label:nth-child(3)) .et-freccia{width:24px!important}}

/* fascia «Ne hanno parlato» (Samu 12/09): nelle money resta nell'hero su desktop e diventa sezione sotto l'hero su mobile; nelle pagine di struttura è sempre sezione sotto l'hero; mai nei post */
.section-stampa{margin:var(--hc-gap,12px) var(--hc-gutter,20px) 0}
.section-stampa .stampa-wrap{background:linear-gradient(180deg,#001440,#01040b);border-radius:14px;padding:16px clamp(16px,3vw,32px);display:grid;grid-template-columns:auto 1fr;gap:14px clamp(16px,3vw,40px);align-items:center;color:#fff}
.section-stampa .slider-header{display:flex;flex-direction:column;gap:4px;margin:0!important;align-items:flex-start}
.section-stampa .slider-header .slider-title{font:800 18px/1 "Roboto Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin:0;padding:0}
.section-stampa .slider-header .slider-title:before{display:none!important}
.section-stampa .slider-header a{color:#efe4c8!important;font:600 13px/1.3 Inter,sans-serif;text-decoration:none}
.section-stampa .loghi-riga{padding:10px clamp(12px,2vw,24px)}
.section-stampa .loghi-voce img{max-height:40px}
@media (max-width:767px){.section-stampa .stampa-wrap{grid-template-columns:1fr}}
@media only screen and (min-width:1024px){.section-stampa.stampa-mobile{display:none!important}}
@media only screen and (max-width:1023.9px){section.section-hero .template-part-partial-logos-slider{display:none!important}section.section-hero .col.col--3{display:none!important}}

/* 12/09 18:05 (Samu): «Ne hanno parlato» su mobile = 2 testate per volta, frecce a sinistra e a destra per scorrere (carosello in etichette.js) */
@media only screen and (max-width:1023.9px){
  .section-stampa .stampa-carosello{position:relative;padding:0 30px}
  .section-stampa .loghi-riga{padding:14px 6px;position:relative}
  .section-stampa .loghi-voce{min-height:64px}.section-stampa .loghi-voce img{max-height:56px!important}
  .section-stampa .loghi-lista{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .section-stampa .loghi-lista::-webkit-scrollbar{display:none}
  .section-stampa .loghi-voce{flex:0 0 calc(50% - 5px)!important;scroll-snap-align:start;min-height:56px}
  /* frecce BLU a contrasto, quasi agli estremi della riga bianca (Samu 12/09) */
  .section-stampa .stampa-prev,.section-stampa .stampa-next{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:#2c68e9;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(0,20,64,.25)}
  .section-stampa .stampa-prev{left:2px}.section-stampa .stampa-next{right:2px}
  .section-stampa .stampa-prev svg,.section-stampa .stampa-next svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
}
.section-stampa .slider-button{display:none!important}
@media only screen and (max-width:1023.9px){
  /* frecce davvero agli estremi: via il padding del vecchio .slider di Cohen; loghi più grandi */
  .section-stampa .slider,.section-stampa .loghi-riga{padding-left:4px!important;padding-right:4px!important}
  .section-stampa .stampa-carosello{padding:0 34px}
  .section-stampa .loghi-voce .logo,.section-stampa .loghi-voce .logo-holder{height:auto!important;padding:0!important}
  .section-stampa .loghi-voce img{max-height:64px!important;height:auto!important;width:auto!important;max-width:100%!important;transform:none!important}
  .section-stampa .stampa-prev{left:4px}.section-stampa .stampa-next{right:4px}
}
/* 12/09 19:10 (Samu): su mobile fra il testo «La notizia…» e la riga bianca lo stesso spazio che la riga bianca ha dal bordo basso della section (16 px) */
@media only screen and (max-width:1023.9px){.section-stampa .stampa-wrap{gap:16px;padding-bottom:16px}.section-stampa .slider-header{margin-bottom:0!important}.section-stampa .stampa-carosello,.section-stampa .slider{margin-top:0!important}}
@media only screen and (max-width:1023.9px){.section-stampa .slider,.section-stampa .loghi-riga,.section-stampa .stampa-carosello{padding-bottom:0!important;margin-bottom:0!important}.section-stampa .slider{padding-top:0!important;margin-top:0!important}.section-stampa .loghi-riga{padding-top:10px!important;padding-bottom:10px!important}.section-stampa .stampa-wrap{padding-bottom:16px;gap:16px}}
@media only screen and (max-width:1023.9px){.section-stampa .template-part-partial-logos-slider{display:flex;flex-direction:column;gap:16px}}

/* 14/09 (Samu): nei post e nelle money la hero è come nella home: NIENTE sfumatura sui medici. Il tema Cohen riaccende lo pseudo-elemento
   (.section-hero--logos .inner-content:after{content:""}) e il velo sotto .members-mobile: qui si spengono ovunque, desktop e mobile. */
section.section-hero .content .inner-content:after,.template-part-hero .content .inner-content:after,
section.section-hero .members-mobile:after,.template-part-hero .members-mobile:after,section.section-hero .members-mobile:before,.template-part-hero .members-mobile:before{display:none!important;content:none!important}
/* ==== 15/09 (Loom d5b0f208, Samu) ==== */
/* 1. niente breadcrumb visibile sopra l'hero (il BreadcrumbList JSON-LD resta): spazio bianco via su tutte le 108 pagine di struttura */
.gl-breadcrumb{display:none!important}
/* 2. H1 delle pagine hero2 (Team, Blog, Trattamenti, Chi siamo, hub, categorie) = misura delle money, allineato a sinistra, mai maltrattato su mobile */
.template-part-hero-2 .content .inner-content .col.col--1 .description h1{font-size:clamp(45px,4.1666666667vw,60px)!important;line-height:1em!important;text-align:left!important;margin-bottom:clamp(15px,1.39vw,20px)!important}
.template-part-hero-2 .content .inner-content .col.col--1 .description h1 .style-highlight{justify-content:flex-start!important}
.template-part-hero-2 .content .inner-content .col.col--1 .description{text-align:left!important}
/* 3. mobile: l'immagine dell'hero non si deforma mai (contain ancorato in basso) qualunque sia il rapporto del composito */
.template-part-hero .members-mobile .foto img,section.section-hero .content .inner-content .col.col--1 .members-mobile img{object-fit:contain!important;object-position:50% 100%!important}

/* 17/09 (Samu, tab «Lunghezze pagine»): pagine COMUNE «300-500 parole, più tabellari» — 4 tabelle nel corpo (build_money: blocco {"tabella":…}) */
.sub-section.description table.tab-comune{width:100%;border-collapse:separate;border-spacing:0;margin:14px 0 30px;font-family:Inter,sans-serif;font-size:clamp(15px,1.1vw,17px);line-height:1.45;font-weight:400;background:#fff;border:1px solid #e6e0d0;border-radius:10px;overflow:hidden}
.sub-section.description table.tab-comune th{background:#1e313e;color:#fff;text-align:left;font-weight:700;padding:12px 16px;font-size:clamp(14px,1vw,16px);letter-spacing:.01em}
.sub-section.description table.tab-comune td{padding:12px 16px;border-bottom:1px solid #e6e0d0;vertical-align:top;color:#1e313e;font-weight:400}
.sub-section.description table.tab-comune tr:last-child td{border-bottom:0}
.sub-section.description table.tab-comune tbody tr:nth-child(even) td{background:#faf7ef}
.sub-section.description table.tab-comune td:first-child{font-weight:700;width:32%}
.sub-section.description table.tab-comune a{color:#2c68e9;text-decoration:underline;font-weight:700}
@media (max-width:640px){.sub-section.description table.tab-comune th,.sub-section.description table.tab-comune td{padding:10px 11px;font-size:15px}.sub-section.description table.tab-comune td:first-child{width:38%}}