/* === profilo-serena-salvadori/elite-71065b16bdcd.css === */
/* Source: ../profili-premium.css */
/* PROFILI PROFESSIONALI AUTONOMI · PREMIUM · no librerie esterne */
:root{--navy:#091c30;--navy-soft:#15334d;--gold:#e5bb72;--gold-dark:#c89b55;--ink:#132d42;--muted:#526779;--paper:#f4f6f8;--line:#dce4ea}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:white;font:16px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#154c70}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-100px;padding:10px 15px;background:white;color:var(--navy);z-index:30}.skip-link:focus{top:12px}
.container{width:min(1180px,100% - 48px);margin:auto}
.personal-header{background:var(--navy);color:white;border-bottom:1px solid #37506a}
.header-line{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:84px}
.personal-brand{color:white;text-decoration:none;font-size:1.1rem;font-weight:850;letter-spacing:.025em}
.personal-brand small{display:block;color:var(--gold);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.personal-header nav{display:flex;flex-wrap:wrap;gap:18px}
.personal-header nav a{color:#fff;text-decoration:none;font-weight:650;font-size:.93rem;transition:color .2s}
.personal-header nav a:hover,.personal-header nav a:active{color:var(--gold)}
.personal-hero{background:linear-gradient(125deg,#091c30,#1b405b);color:white;padding:clamp(56px,7vw,100px) 0}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(26px,5vw,72px);align-items:center}
.eyebrow,.section-kicker{color:var(--gold);text-transform:uppercase;font-size:.79rem;letter-spacing:.17em;font-weight:800}
.personal-hero h1{color:white;font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.08;margin:12px 0 20px;letter-spacing:-.035em}
.hero-subtitle{font-size:clamp(1.18rem,2.4vw,1.55rem);color:#f4d5a0;font-weight:650}
.hero-intro{color:#e2eaf0;max-width:650px;font-size:1.04rem}
.location{color:#d6e3ee;font-size:.94rem}
.portrait-wrap{min-width:0}.portrait,.portrait-empty{display:block;width:100%;height:clamp(340px,42vw,510px);border-radius:17px;object-fit:cover;object-position:center 20%;box-shadow:0 24px 50px #0005}
.portrait-empty{background:linear-gradient(145deg,#e6ebef,#cbd5de);display:grid;place-items:center;color:#3b5267;text-align:center;padding:25px;border:1px solid #d8e1e8;box-shadow:none}
.portrait-empty span{font-weight:650}
.premium-button{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;margin:16px 10px 0 0;background:var(--gold);border:1px solid var(--gold);border-radius:8px;color:var(--navy);font-weight:800;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.premium-button:hover{background:#f3d7a8;color:var(--navy)}.premium-button:active{background:var(--gold-dark)}
.premium-button.secondary{background:transparent;color:white;border-color:var(--gold)}.premium-button.secondary:hover{background:var(--gold);color:var(--navy)}
.content-section{padding:clamp(56px,7vw,90px) 0}.content-section h2{font-size:clamp(1.85rem,3.5vw,2.8rem);line-height:1.2;margin:8px 0 14px;color:var(--navy)}
.section-kicker{color:#936a2f}.section-lead{color:var(--muted);max-width:700px}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.area{padding:28px;border:1px solid var(--line);border-radius:15px;background:white;box-shadow:0 12px 28px #091c300a}
.area-number{color:#996f33;font-size:.78rem;font-weight:850;letter-spacing:.15em}
.area h3{color:var(--navy);font-size:1.15rem;line-height:1.3}.area p{color:var(--muted);margin-bottom:0}
.muted-section{background:var(--paper)}.narrow{max-width:850px}.personal-footer{background:var(--navy);color:#e2e9ef;padding:32px 0}
.footer-line{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.personal-footer a{color:#f1cd90}
/* Interazioni coerenti su tutti i profili: link, pulsanti, focus e stato attivo. */
.personal-header nav a:visited{color:#fff}
.personal-header nav a:hover,.personal-header nav a:focus-visible,
.personal-header nav a:active{color:var(--gold)}
.personal-header nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:6px}
.premium-button,.premium-button:visited{color:var(--navy);background:var(--gold)}
.premium-button:hover,.premium-button:focus-visible{background:#f3d7a8;color:var(--navy);border-color:#f3d7a8}
.premium-button:active{background:#b9873f;color:var(--navy);border-color:#b9873f;transform:translateY(1px)}
.premium-button.secondary,.premium-button.secondary:visited{background:transparent;color:#fff;border-color:var(--gold)}
.premium-button.secondary:hover,.premium-button.secondary:focus-visible{background:var(--gold);color:var(--navy)}
.premium-button.secondary:active{background:#b9873f;color:var(--navy)}
.personal-footer a:hover,.personal-footer a:active{color:#fff}
.profile-disclaimer{font-size:.9rem;color:var(--muted);border-left:3px solid var(--gold-dark);padding-left:15px}
@media(max-width:760px){.header-line{align-items:flex-start;flex-direction:column;padding:20px 0}.hero-layout,.area-grid{grid-template-columns:1fr}.portrait,.portrait-empty{max-width:420px;height:420px}.personal-header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Source: serena.css */
/* Ritratto Serena Salvadori: contenimento stabile su desktop e mobile. */
.serena-portrait-frame {
    width: 100%;
    max-width: 350px;
    height: 440px;
    margin-inline: auto;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(229, 187, 114, .42);
    background: #142f47;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .28);
}
.serena-portrait-frame .portrait {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center 36%;
    border-radius: 0;
    box-shadow: none;
}
.professional-note {
    color: #c5d2dc;
    font-size: .82rem;
    line-height: 1.5;
    margin: 16px 0 0;
}
@media (max-width: 760px) {
    .serena-portrait-frame {
        width: min(100%, 320px);
        height: 390px;
        margin-inline: auto;
    }
}


/* Foto a pieno riquadro, coerente con gli altri profili.
   Il volto resta prioritario nell'inquadratura. */
.serena-portrait-frame {
    display: block;
    padding: 0;
    box-sizing: border-box;
}
.serena-portrait-frame .portrait {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center 30%;
    border-radius: 0;
}

/* Inquadratura definitiva: il ritratto include occhi, sorriso e mento.
   L'immagine ha lo stesso rapporto del riquadro; i lati sono riempiti
   con una sfumatura fotografica per evitare tagli o bande vuote. */
.serena-portrait-frame .portrait {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}


/* Source: ../sinergie-fotografica.css */

/* Revisione fotografica e accessibilita visiva – novembre 2026 */
:root{--gold:#b58a4e}
.header nav a{font-size:.94rem;color:#243747;font-weight:750}
.header nav a[aria-current],.header nav a:hover{color:#73511f}
.header-cta{font-size:.94rem}
.eyebrow{font-size:.88rem;letter-spacing:.095em;color:#795724;font-weight:800}
.home-hero{background:linear-gradient(90deg,rgba(6,24,39,.93) 0%,rgba(9,31,49,.84) 42%,rgba(9,31,49,.43) 100%),url('../foto.webp') center center / cover no-repeat !important;min-height:650px}
.home-hero:after{display:none}
.home-hero .eyebrow{color:#f4d59b;font-size:.91rem;text-shadow:0 1px 4px #071624}
.home-hero h1{color:#fff;text-shadow:0 2px 14px #06192a60;max-width:900px}
.home-hero p{color:#fff;font-size:clamp(1.12rem,1.55vw,1.28rem);line-height:1.7;max-width:740px;text-shadow:0 1px 7px #06192a8a}
.home-hero .button{background:#f0c783;color:#17283b;font-size:1rem}
.home-hero .button-ghost{background:#122e4780;color:#fff;border:2px solid #fff}
.section-head p,.split>div>p,.card p,.service-link span,.decision-grid p{color:#405565;font-size:1.03rem;line-height:1.7}
.card-num,.service-link small,.decision-grid article>span{color:#795724}
.quote-panel{background:linear-gradient(90deg,#071d32ed,#092c47bb),url('../foto-chi-siamo.webp') center/cover;min-height:270px;display:flex;flex-direction:column;justify-content:center}
.quote-panel .eyebrow{color:#f4d59b}
.quote-panel blockquote{color:#fff;text-shadow:0 1px 8px #0007}
/* Immagini reali nelle schede servizi, mantenendo leggibilita */
.link-grid .service-link{background-size:cover;background-position:center;min-height:285px;justify-content:flex-end;isolation:isolate;overflow:hidden;border:0;box-shadow:0 10px 25px #0d2b3b1c}
.link-grid .service-link:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071c2ff5 0%,#09263cdb 58%,#0c2a425c 100%);z-index:-1}
.link-grid .service-link:nth-child(1){background-image:url('../foto-fractional-management.webp')}
.link-grid .service-link:nth-child(2){background-image:url('../foto-contabilita-paghe.webp')}
.link-grid .service-link:nth-child(3){background-image:url('../foto-budget-personale.webp')}
.link-grid .service-link:nth-child(4){background-image:url('../foto-relazioni-industriali.webp')}
.link-grid .service-link:nth-child(5){background-image:url('../foto-legale.webp')}
.link-grid .service-link:nth-child(6){background-image:url('../foto-mediazione.webp')}
.link-grid .service-link small{color:#f3d59e;font-size:.83rem;letter-spacing:.06em}
.link-grid .service-link strong{color:#fff;font-size:1.3rem}
.link-grid .service-link span{color:#f1f5f8;font-size:1rem;line-height:1.55}
.link-grid .service-link b{color:#f5d39b}
.cta .eyebrow{color:#f5d59e}
.page-hero .eyebrow{color:#795724}
@media(max-width:760px){.home-hero{background:linear-gradient(90deg,#071b2fe8,#09263cc9),url('../foto.webp') 60% center/cover no-repeat !important;min-height:590px}.home-hero h1{font-size:clamp(2.3rem,8.8vw,3.7rem)}.home-hero .eyebrow{font-size:.78rem}.link-grid .service-link{min-height:260px}}


/* Source: ../sinergie-responsive-final.css */
/* SINERGIE | adattamento responsive trasversale | 2026-11 */
html{scroll-padding-top:clamp(74px,9vw,110px)}
body{min-width:0;overflow-x:clip}
img,video,iframe,svg{max-width:100%}
img{height:auto}
.container{max-width:1180px;width:min(1180px,calc(100% - 48px));margin-inline:auto}
main,section,article,.card,.service-link,.contact-panel,.contact-aside{min-width:0}
.split>*,.page-hero-in>*,.contact-grid>*,.footer-top>*,.cards>*,.link-grid>*{min-width:0}
h1,h2,h3,p,a{overflow-wrap:break-word}
input,select,textarea,button{max-width:100%;font-size:16px}
textarea{min-width:0}
@media(max-width:1100px){.header-in{gap:16px}.header nav{gap:12px}.split,.page-hero-in{gap:clamp(22px,4vw,55px)}.cards,.link-grid{gap:18px}}
@media(min-width:761px) and (max-width:1050px){.header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.header-in{padding-block:10px}.page-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px}.contact-panel,.contact-aside{padding:25px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header nav{max-height:calc(100dvh - 72px);overflow-y:auto}.page-hero-in,.split,.contact-grid,.cta-in,.footer-top{grid-template-columns:minmax(0,1fr)}.page-hero img{width:100%;height:auto}.contact-panel,.contact-aside{width:100%}.section{padding-block:clamp(44px,8vw,65px)}.page-hero{padding-block:clamp(38px,7vw,55px)}.footer{padding-top:44px}.home-hero{min-height:0}.home-hero-in{padding-block:clamp(64px,12vw,95px)}}
@media(max-width:420px){.container{width:calc(100% - 28px)}.logo img{width:min(142px,42vw)}.card,.contact-panel,.contact-aside,.quote-panel{padding:20px}.button,.premium-button{max-width:100%;white-space:normal;text-align:center}h1{font-size:clamp(2rem,9vw,2.7rem)}h2{font-size:clamp(1.65rem,7vw,2.2rem)}.proof-grid div{padding-inline:16px}}
@media(min-width:1600px){.container{max-width:1280px;width:min(1280px,calc(100% - 96px))}}
/* Parliamone: centratura orizzontale e rialzo visivo di circa 1 cm */
body.parliamone-centered main{position:static;top:auto;margin-bottom:0}
body.parliamone-centered .page-hero{padding-top:clamp(22px,3vw,44px)}
body.parliamone-centered .page-hero-in{width:min(100%,1080px);margin-inline:auto}
body.parliamone-centered #richiesta>.container{width:min(1080px,calc(100% - 48px));margin-inline:auto}
body.parliamone-centered .contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:clamp(20px,3vw,40px);align-items:start;justify-content:center}
@media(max-width:760px){body.parliamone-centered #richiesta>.container{width:calc(100% - 32px)}body.parliamone-centered .contact-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){body.parliamone-centered #richiesta>.container{width:calc(100% - 28px)}}


/* Source: ../profili-ritratti-centrati.css */
/* Sinergie · Profili: ritratti immediatamente visibili e inquadrature coerenti.
   File condiviso dai profili professionali; non altera la pagina Network. */
.personal-hero{padding:clamp(30px,3.5vw,50px) 0 54px}
.hero-layout{align-items:start;gap:clamp(24px,4vw,56px)}
.hero-copy{align-self:center;min-width:0}
.portrait-wrap{display:flex;justify-content:center;align-items:flex-start;min-width:0}
.portrait-wrap .portrait{
 display:block;width:min(100%,410px);max-width:100%;
 height:clamp(330px,35vw,450px);margin:0 auto;
 object-fit:cover;object-position:center 24%;
 border:1px solid rgba(255,255,255,.24);border-radius:20px;
 box-shadow:0 18px 42px rgba(0,0,0,.22)
}
.personal-hero .hero-intro{line-height:1.65}
@media(max-width:760px){
 .personal-hero{padding:26px 0 42px}
 .hero-layout{grid-template-columns:minmax(0,1fr);gap:22px}
 .portrait-wrap{grid-row:1;justify-content:center}
 .portrait-wrap .portrait{
  width:min(78vw,280px);max-width:280px;height:clamp(240px,73vw,310px);
  object-position:center 23%;margin:0 auto;border-radius:18px
 }
 .hero-copy{grid-row:2;align-self:start}
 .personal-hero h1{font-size:clamp(2.15rem,8vw,3.25rem);line-height:1.12}
 .personal-hero .hero-subtitle{margin:12px 0}
 .personal-hero .hero-intro{margin:12px 0}
}
@media(max-width:360px){
 .portrait-wrap .portrait{width:min(75vw,250px);height:255px}
 .personal-header .header-line{padding-block:14px}
}


/* Source: ../profili-competenze-centrate.css */
/* SINERGIE · NAVIGAZIONE COMPETENZE · 2026-11-08
   Stessa visualizzazione per tutti i profili, su desktop, tablet e smartphone.
   L'header dei profili non e' fisso: non si deve sottrarre un'altezza inesistente.
   Allinea il limite superiore della sezione esattamente al bordo alto dello schermo, senza strisce del blocco precedente. */
html {
  scroll-padding-top: 0;
}
#competenze {
  scroll-margin-top: 0;
  padding-top: clamp(28px, 3.7vw, 52px);
  min-width: 0;
}
#competenze > .container {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
  margin-inline: auto;
  min-width: 0;
}
#competenze .area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 22px);
  align-items: stretch;
}
#competenze .area {
  min-width: 0;
  overflow-wrap: break-word;
}
@media (max-width: 1020px) {
  #competenze .area-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 760px) {
  #competenze > .container {width: calc(100% - 32px);}
  #competenze .area-grid {grid-template-columns: minmax(0, 1fr);}
  #competenze {padding-top: 28px;}
}
@media (max-width: 420px) {
  #competenze > .container {width: calc(100% - 28px);}
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
}

/* PROFILI: centrare i due pulsanti, mostrarli prima della biografia,
   e tenere il bordo superiore delle competenze esattamente a y=0. */
html {scroll-padding-top:0 !important;}
#competenze {scroll-margin-top:0 !important;}
.profile-actions {
 display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;
 gap:12px;width:100%;margin:18px auto 18px;
}
.profile-actions .premium-button {
 display:inline-flex;align-items:center;justify-content:center;
 min-height:48px;margin:0;max-width:100%;line-height:1.35;
 text-align:center;white-space:normal;
}
@media(max-width:760px){
 .profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px auto 17px;}
 .profile-actions .premium-button{font-size:.92rem;padding:12px 10px;}
}
@media(max-width:360px){
 .profile-actions .premium-button{font-size:.86rem;padding:11px 8px;}
}


/* Source: ../sinergie-profili-eccellenza.css */
/* Miglioramenti non invasivi delle schede personali */
:where(a,button):focus-visible{outline:3px solid #b88b38;outline-offset:4px}
img{max-width:100%;height:auto}p{overflow-wrap:break-word}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Source: ../sinergie-profili-viewport.css */
/* SINERGIE · PROFILI: HERO CENTRATA SU OGNI DISPOSITIVO */
html{scroll-padding-top:0}
body{min-width:0;overflow-x:clip}
.personal-hero{display:flex;align-items:center;min-height:100vh;min-height:100svh;min-height:100dvh;padding-block:clamp(28px,4vw,64px);box-sizing:border-box}
.personal-hero>.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.personal-hero .hero-layout{width:100%;align-items:center;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(22px,4vw,60px)}
.personal-hero .hero-copy{min-width:0;align-self:center}
.personal-hero .portrait-wrap{align-self:center;justify-content:center;align-items:center}
.personal-hero .portrait-wrap .portrait{max-width:100%;height:auto;aspect-ratio:4 / 4.35;max-height:min(56svh,490px);object-fit:cover;object-position:center 23%;}
.personal-hero .profile-actions{justify-content:center}
.personal-return{display:inline-flex;gap:7px;align-items:center;margin-bottom:14px;color:#f2d6a3;font-size:.94rem;font-weight:750;text-decoration:none;border-bottom:1px solid #bda16d;padding:5px 0}
.personal-return:hover{color:white}
#competenze{scroll-margin-top:0}
@media(max-width:760px){
 .personal-hero{min-height:100vh;min-height:100svh;min-height:100dvh;padding-block:clamp(24px,5vw,44px)}
 .personal-hero>.container{width:calc(100% - 32px)}
 .personal-hero .hero-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .personal-hero .portrait-wrap{grid-row:1;align-self:center}
 .personal-hero .portrait-wrap .portrait{width:min(74vw,275px);height:auto;aspect-ratio:1 / 1.05;max-height:none}
 .personal-hero .hero-copy{grid-row:2}
 .personal-hero h1{font-size:clamp(2.1rem,8vw,3.5rem)}
 .personal-hero .profile-actions{display:flex;flex-wrap:wrap}
 .personal-hero .profile-actions .premium-button{flex:1 1 150px}
}
@media(max-width:420px){.personal-hero>.container{width:calc(100% - 28px)}.personal-hero .portrait-wrap .portrait{width:min(67vw,235px)}}
@media(min-width:761px) and (max-height:680px){.personal-hero .portrait-wrap .portrait{max-height:65svh}.personal-hero{padding-block:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2026-11-08 · Tutti i profili iniziano con la stessa hero piena.
   Non sottrarre un header inesistente: nessuna fascia bianca al primo caricamento. */
html,body{margin:0;padding:0}
.personal-hero{min-height:100vh;min-height:100svh;min-height:100dvh}
@supports not (height:100dvh){.personal-hero{min-height:100svh}}



/* SINERGIE · SUPER PREMIUM ELITE | struttura comune ai profili */
html,body{margin:0;min-width:0;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
.personal-hero{display:flex!important;align-items:center!important;min-height:100vh!important;min-height:100svh!important;height:auto!important;padding-block:clamp(32px,5vh,70px)!important;box-sizing:border-box!important}
.personal-hero>.container{width:min(1180px,calc(100% - 40px));margin-inline:auto!important}
.personal-hero .hero-layout{align-items:center!important;gap:clamp(24px,4vw,65px)}
.personal-hero .hero-copy,.personal-hero .portrait-wrap{align-self:center}
.personal-hero .portrait{display:block;max-width:100%;object-fit:cover}
.personal-hero h1{font-size:clamp(2.35rem,5.4vw,5rem);line-height:1.08;overflow-wrap:break-word}
.personal-hero .profile-actions{justify-content:flex-start;gap:12px;flex-wrap:wrap}
:where(a,button):focus-visible{outline:3px solid #f0c783;outline-offset:4px}
#competenze{scroll-margin-top:0!important}
@media(max-width:760px){.personal-hero{min-height:100svh!important;padding-block:32px!important}.personal-hero>.container{width:calc(100% - 32px)}.personal-hero .hero-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px}.personal-hero .portrait-wrap{grid-row:1}.personal-hero .hero-copy{grid-row:2}.personal-hero .portrait{max-height:270px;width:auto;max-width:min(78vw,280px)}.personal-hero h1{font-size:clamp(2.25rem,8vw,3.65rem)}.personal-hero .profile-actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* === sinergie-rifiniture.css === */
/* SINERGIE | Rifiniture condivise, novembre 2026.
   In questo file solo regole trasversali: colori e impaginazione originali preservati. */
:root { --sinergie-tap-target: 44px; }
:where(a,button,input,select,textarea):focus-visible { outline: 3px solid #ae7b35; outline-offset: 3px; }
:where(button,input,select,textarea) { font: inherit; }
:where(img,video,svg) { max-width: 100%; }
:where(p,h1,h2,h3) { overflow-wrap: break-word; }
:where(.button,.header-cta,.page-return-link,.services-toggle,.nav-toggle) { min-height: var(--sinergie-tap-target); }
:where(.contact-panel,.contact-aside,.service-link,.card,.network-card,.profile-card) { min-width: 0; }
.contact-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block: 16px 8px; }
.contact-actions .button { max-width: 100%; }
.copy-contact-button { border: 1px solid #b58b50; background: transparent; color: #10263c; border-radius: 8px; padding: 11px 18px; min-height: 44px; font-weight: 600; cursor: pointer; }
.copy-contact-button:hover { background: #f5efe5; }
.copy-contact-button:disabled { opacity: .65; cursor: not-allowed; }
.contact-copy-status { margin-block: 8px; font-size: .95rem; }
@media (max-width: 760px) {
  .contact-actions { flex-direction: column; align-items: stretch; }
  .contact-actions > :where(button,.button) { width: 100%; justify-content: center; }
  .contact-panel :where(select,textarea,input:not([type=checkbox])) { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* === sinergie-premium-2026.css === */
/* Sinergie Premium 2026: rifiniture non invasive e orientamento ai contatti */
:root{--premium-navy:#10263c;--premium-ink:#152c40;--premium-gold:#c59a58;--premium-cream:#faf8f4}
html{scroll-behavior:smooth}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bc8b40;outline-offset:3px}
.home-hero{background:linear-gradient(90deg,rgba(11,31,49,.94) 0%,rgba(11,31,49,.86) 35%,rgba(11,31,49,.42) 67%,rgba(11,31,49,.08) 100%),url('../hero-premium-sinergie.webp') center center/cover no-repeat!important}
.home-hero .home-hero-in{max-width:1200px}.home-hero h1{max-width:800px;letter-spacing:-.033em}.home-hero .home-hero-in>p:not(.hero-reassurance){max-width:670px!important}
.hero-buttons .button-primary-premium,.button-primary-premium{background:#c59a58!important;border-color:#c59a58!important;color:#10263c!important;font-weight:700!important;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.button-primary-premium:hover{background:#e0b777!important;border-color:#e0b777!important;transform:translateY(-2px)}
.premium-needs{background:var(--premium-cream)}.premium-needs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.premium-need{background:#fff;padding:clamp(24px,3vw,38px);border:1px solid #e7e3da;border-radius:17px;box-shadow:0 16px 35px rgba(21,40,59,.045);display:flex;flex-direction:column;gap:13px}.premium-need-index{font-size:.73rem;letter-spacing:.12em;color:#8a6835;font-weight:800}.premium-need h3{margin:0;color:var(--premium-ink);font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.33}.premium-need p{margin:0 0 9px;color:#4a5a64;flex:1}.premium-need a{color:#81581e;font-weight:750;text-underline-offset:4px}.premium-need:hover{border-color:#d2b884;box-shadow:0 19px 46px rgba(21,40,59,.09)}
.premium-service-guide{margin-top:22px;margin-bottom:18px;padding:24px 30px;background:#f8f6f1;border:1px solid #e5dfd4;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.premium-service-guide strong{color:#122a3c;font-size:1.1rem}.premium-service-guide p{margin:0;max-width:540px;flex:1}.premium-contact-info{background:#f8f6f1;padding:18px 22px;border-radius:13px;border-left:4px solid #c59a58;margin:16px 0}.premium-contact-info p{margin:8px 0}.privacy-explainer{margin:6px 0 14px;color:#4c5f6a}.privacy-summary{background:#f5f7f7;border:1px solid #dce5e7;border-left:4px solid #c59a58;padding:20px 24px;border-radius:11px;margin:16px 0 29px}.privacy-summary p{margin:8px 0 0}
.audience-card,.service-card,.integrated-card{transition:box-shadow .2s,border-color .2s,transform .2s}.audience-card:hover,.service-card:hover,.integrated-card:hover{transform:translateY(-2px)}
@media(max-width:900px){.premium-needs-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.premium-needs-grid{grid-template-columns:1fr}.home-hero{background:linear-gradient(100deg,rgba(9,27,44,.91),rgba(9,27,44,.78)),url('../hero-premium-sinergie.webp') 65% center/cover no-repeat!important}.premium-service-guide{display:block}.premium-service-guide p{margin:10px 0 18px}.premium-service-guide .button{width:100%;justify-content:center}.premium-need{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.audience-card,.premium-need,.button-primary-premium{transition:none!important;transform:none!important}}
