/* Stili pagine interne — Sardinia Dental Clinic (riusa site.css) */
.phero{position:relative;overflow:hidden;background:var(--gcrema);padding:calc(80px + 3.4rem) 0 3.6rem}
.phero__emblem{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:min(500px,52vw);opacity:.08;pointer-events:none;z-index:0}
.phero .wrap{position:relative;z-index:1}
.crumb{font-size:.85rem;color:var(--grigio);margin-bottom:.4rem}
.crumb a{color:var(--verde-d)}.crumb a:hover{text-decoration:underline}
.phero h1{font-size:clamp(2.3rem,5.4vw,3.7rem);margin:.7rem 0 .8rem;max-width:18ch}
.phero__lead{color:var(--grigio);font-size:1.18rem;max-width:56ch}
.prose{max-width:760px}
.prose h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:2.4rem 0 .9rem}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:1.05rem;font-size:1.06rem;color:#334}
.prose ul{margin:0 0 1.2rem 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}
.prose ul li{position:relative;padding-left:1.95rem;font-size:1.04rem;line-height:1.55}
.prose ul li::before{content:"";position:absolute;left:0;top:.18em;width:22px;height:22px;border-radius:6px;background:var(--verde-l);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23356a52' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:15px}
.statrow{display:flex;gap:2.6rem;flex-wrap:wrap;margin:2.2rem 0}
.statrow div b{font-family:'Golos Text';font-size:2.3rem;color:var(--navy);display:block;line-height:1}
.statrow div span{color:var(--grigio);font-size:.9rem}
.imgblock{border-radius:24px;overflow:hidden;box-shadow:var(--om);margin:1.6rem 0}
.imgblock img{width:100%;display:block;object-fit:cover}
.mediarow{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.6rem 0}
.mediarow img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
@media (max-width:760px){.mediarow{grid-template-columns:1fr}.phero{padding-top:calc(80px + 2.2rem)}}
/* team: schede direttori con ritratto scontornato */
.founders-feat{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}
.fcard{position:relative;display:flex;gap:1rem;align-items:stretch;background:var(--gcrema);border:1px solid var(--linea);border-radius:24px;padding:1.4rem 1.4rem 0;overflow:hidden;min-height:230px}
.fcard::before{content:"";position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;border-radius:50%;background:var(--verde-l);z-index:0}
.fcard .fimg{position:relative;z-index:1;align-self:stretch;flex:0 0 auto;aspect-ratio:455/608;max-width:52%}.fcard .fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 14px 22px rgba(14,42,82,.22))}
.fcard .fbio{position:relative;z-index:1;padding-bottom:1.4rem;flex:1}
.fcard h3{font-size:1.35rem;margin-bottom:.1rem}
.fcard .role{color:var(--verde-d);font-weight:600;font-size:.92rem;margin-bottom:.6rem}
.fcard p{font-size:.95rem;color:#445}
@media(max-width:760px){.founders-feat{grid-template-columns:1fr}}
/* FIX pillar (persi nel passaggio a bento) */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}
.pillar{background:var(--panna);border:1px solid var(--linea);border-radius:20px;padding:1.6rem;transition:.25s}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--om-s)}
.pillar .ic{width:48px;height:48px;border-radius:13px;background:var(--verde-l);color:var(--verde-d);display:grid;place-items:center;margin-bottom:1rem;flex:0 0 auto}
.pillar .ic svg{width:24px;height:24px}
.pillar h3{font-size:1.16rem;margin-bottom:.4rem}
.pillar p{font-size:.95rem;color:var(--grigio)}
/* page-hero con immagine */
.phero--hero{position:relative;background:var(--navy);color:#fff;padding:0;min-height:58vh;display:flex;align-items:flex-end;overflow:hidden}
.phero--hero .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;z-index:0}
.phero--hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,22,45,.9),rgba(8,22,45,.5) 55%,rgba(8,22,45,.15)),linear-gradient(0deg,rgba(8,22,45,.85),transparent 55%)}
.phero--hero .wrap{position:relative;z-index:2;padding-bottom:3.4rem;padding-top:calc(80px + 2rem)}
.phero--hero h1{color:#fff}.phero--hero .phero__lead{color:rgba(255,255,255,.9)}
.phero--hero .crumb{color:rgba(255,255,255,.7)}.phero--hero .crumb a{color:#bfe3d1}
.phero--hero .eyebrow{color:#bfe3d1}.phero--hero .eyebrow::before{background:var(--verde2)}
.phero--hero .hl::after{background:rgba(90,165,135,.55)}
/* team: foto un po' più piccole su mobile */
@media(max-width:940px){.team-grid .mem__ph{max-width:80%;margin-left:auto;margin-right:auto}}
/* percorso passo-passo */
.steps{counter-reset:st;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-top:1.4rem}
.step{position:relative;background:var(--panna);border:1px solid var(--linea);border-radius:16px;padding:1.6rem 1.3rem 1.3rem}
.step::before{counter-increment:st;content:counter(st);position:absolute;top:-15px;left:1.3rem;width:36px;height:36px;border-radius:50%;background:var(--gverde);color:#fff;font-family:'Golos Text';font-weight:700;display:grid;place-items:center;box-shadow:var(--om-s)}
.step h4{font-family:'Golos Text';color:var(--navy);font-size:1.06rem;margin:.5rem 0 .3rem}
.step p{font-size:.92rem;color:var(--grigio)}
/* Percorso a card: immagine + numero sull'immagine + corpo colorato + linea di collegamento al centro */
.psteps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.8rem}
.pstep{position:relative;z-index:1;display:flex;flex-direction:column}
.pstep__img{position:relative;aspect-ratio:4/3;overflow:hidden;min-height:0;border-radius:16px 16px 0 0}
.pstep__img img{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}
.pstep:not(:last-child) .pstep__img::after{content:"";position:absolute;top:50%;left:100%;width:1.5rem;height:2px;background:var(--verde);opacity:.45;transform:translateY(-50%);z-index:0}
.pstep__n{position:absolute;top:.75rem;left:.75rem;width:38px;height:38px;border-radius:50%;background:var(--gverde);color:#fff;font-family:'Golos Text';font-weight:700;font-size:1.05rem;display:grid;place-items:center;z-index:2;box-shadow:var(--om-s)}
.pstep__body{flex:1;background:var(--panna);border:1px solid var(--linea);border-top:0;border-radius:0 0 16px 16px;padding:1.05rem 1.2rem 1.25rem}
.pstep__body h4{font-family:'Golos Text';color:var(--navy);font-size:1.08rem;margin:0 0 .3rem}
.pstep__body p{font-size:.92rem;color:var(--grigio);line-height:1.5;margin:0}
@media(max-width:900px){.psteps{grid-template-columns:1fr 1fr}.pstep__img::after{display:none}}
@media(max-width:520px){.psteps{grid-template-columns:1fr}}
/* Percorso con PIÙ DI 4 step: 3 per riga, ultima riga centrata (5→3+2, 6→3+3). Mai una card sola in riga.
   Sotto i 900px si passa allo swipe (una card per volta) così non si creano righe con una sola card. */
.psteps--center{display:flex;flex-wrap:wrap;justify-content:center}
.psteps--center>.pstep{flex:0 0 calc((100% - 3rem)/3)}
/* connettori solo entro la riga: 1-2, 2-3 (riga 1) e 4-5 (riga 2); niente 3-4 tra righe diverse */
.psteps--center .pstep:nth-child(3) .pstep__img::after{display:none}
@media(max-width:900px){
  .psteps--center{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;gap:1.15rem;padding:.3rem .1rem 1.1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .psteps--center::-webkit-scrollbar{display:none}
  .psteps--center>.pstep{flex:0 0 clamp(250px,78vw,340px);scroll-snap-align:start}
}
/* FAQ accordion — sempre due colonne (desktop) */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-items:start}
@media(max-width:760px){.faq{grid-template-columns:1fr}}
.faq details{background:var(--panna);border:1px solid var(--linea);border-radius:14px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:1.05rem 1.15rem;font-family:'Golos Text';font-weight:600;font-size:1.08rem;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;color:var(--verde-d);transition:.2s;line-height:1;flex:0 0 auto}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 1.15rem 1.15rem;color:#445;font-size:1rem;margin:0;line-height:1.6}
.faq details p a{color:var(--verde-d);font-weight:600;text-decoration:underline;text-decoration-color:var(--verde2);text-underline-offset:2px;text-decoration-thickness:1.5px;transition:.15s}
.faq details p a:hover{color:var(--navy);text-decoration-color:var(--navy)}
/* confronto a due colonne */
.compare li::before{content:none!important;display:none!important} /* niente check ereditato da .prose ul li */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.6rem 0}
.compare .col{background:var(--panna);border:1px solid var(--linea);border-radius:18px;padding:1.6rem}
.compare .col.win{background:var(--gnavy);color:var(--crema);border-color:transparent;box-shadow:var(--om)}
.compare .col h4{font-family:'Golos Text';font-size:1.2rem;margin-bottom:1rem;color:var(--navy)}
.compare .col.win h4{color:#fff}
.compare ul{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0}
.compare ul li{display:flex;gap:.6rem;align-items:flex-start;font-size:.96rem;color:#445;padding-left:0}
.compare .col.win li{color:rgba(243,238,228,.92)}
.compare li svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px}
.compare .win li svg{color:var(--verde2)} .compare .col:not(.win) li svg{color:#c4a35a}
/* box in evidenza */
.hlbox{background:var(--verde-l);border-radius:16px;padding:1.3rem 1.5rem;margin:1.5rem 0;display:flex;gap:1.1rem;align-items:flex-start}
.hlbox>svg{width:32px;height:32px;flex:0 0 auto;color:var(--verde-d);margin-top:2px}
.hlbox b{font-family:'Golos Text';color:var(--navy);display:block;margin-bottom:.25rem;font-size:1.1rem}
.hlbox p{margin:0;color:#334;font-size:1rem;line-height:1.55}
.hlbox p b{display:inline;color:var(--navy)} /* i grassetti nel paragrafo NON diventano blocco */
/* MANIFESTO — banda dichiarazione di marca, centrata */
.manifesto{background:var(--gnavy);color:#fff;border-radius:28px;padding:3rem 2.4rem;text-align:center;max-width:880px;margin:0 auto}
.manifesto .eyebrow{color:#bfe3d1;justify-content:center}
.manifesto .eyebrow::before{background:var(--verde2)}
.manifesto__q{font-family:'Golos Text';font-weight:700;color:#fff;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.15;letter-spacing:-.02em;margin:.9rem 0 1rem}
.manifesto__q em{color:#bfe3d1;font-style:normal}
.manifesto__s{color:rgba(255,255,255,.87);font-size:1.08rem;line-height:1.7;max-width:60ch;margin:0 auto}
@media(max-width:600px){.manifesto{padding:2.2rem 1.4rem}}
@media(max-width:760px){.compare{grid-template-columns:1fr}}
/* punti di forza valorizzati */
.forti{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.forte{background:var(--panna);border:1px solid var(--linea);border-radius:20px;padding:1.7rem 1.5rem;transition:.25s;position:relative;overflow:hidden}
.forte:hover{transform:translateY(-5px);box-shadow:var(--om)}
.forte::after{content:"";position:absolute;right:-40px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:var(--verde-l);opacity:.5;z-index:0}
.forte>*{position:relative;z-index:1}
.forte .ic{width:48px;height:48px;border-radius:13px;background:var(--gverde);color:#fff;display:grid;place-items:center;margin-bottom:1rem}
.forte .ic svg{width:25px;height:25px}
.forte b{font-family:'Golos Text';font-size:1.55rem;color:var(--navy);display:block;line-height:1.05;letter-spacing:-.02em}
.forte span{color:var(--grigio);font-size:.92rem;display:block;margin-top:.3rem;line-height:1.4}
@media(max-width:900px){.forti{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.forti{grid-template-columns:1fr}}
/* PRIMA / DOPO — casi reali */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1.6rem}
.ba__case{background:var(--panna);border:1px solid var(--linea);border-radius:24px;overflow:hidden;box-shadow:var(--om-s);transition:.25s}
.ba__case:hover{transform:translateY(-4px);box-shadow:var(--om)}
.ba__imgs{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#fff}
.ba__fig{position:relative;margin:0}
.ba__fig img{width:100%;display:block;aspect-ratio:760/532;object-fit:cover}
.ba__tag{position:absolute;left:.7rem;bottom:.7rem;font-family:'Golos Text';font-weight:700;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px;color:#fff;backdrop-filter:blur(2px)}
.ba__tag--prima{background:rgba(20,32,54,.74)}
.ba__tag--dopo{background:var(--gverde)}
.ba__cap{padding:1.15rem 1.4rem 1.35rem}
.ba__cap b{font-family:'Golos Text';color:var(--navy);display:block;margin-bottom:.25rem;font-size:1.05rem}
.ba__cap span{color:var(--grigio);font-size:.93rem;line-height:1.5}
.ba-note{text-align:center;color:var(--grigio);font-size:.85rem;margin-top:1.3rem;max-width:70ch;margin-left:auto;margin-right:auto}
@media(max-width:820px){.ba{grid-template-columns:1fr}}
/* VIDEOTESTIMONIANZE — frame video (orizzontale 16:9 e verticale 4:5) */
.vframe{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--om);background:#0b1f3f;line-height:0}
.vframe video{width:100%;height:100%;display:block;object-fit:cover;background:#0b1f3f}
.vframe--h{aspect-ratio:16/9}
.vframe--v{aspect-ratio:4/5;max-width:420px;margin-inline:auto}
.vsub{text-align:center;color:var(--grigio);font-size:.92rem;margin-top:1rem}
.vsub b{color:var(--navy)}
/* muro di sorrisi (collage) — griglia responsive 4x3 desktop / 2x6 mobile */
.smiles{border-radius:26px;box-shadow:var(--om);max-width:760px;margin:1.5rem auto 0;background:#fff;padding:14px;border:1px solid var(--linea)}
.smiles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.smiles-grid .cell{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden}
.smiles-grid .cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:640px){.smiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* TESTIMONIANZE pazienti */
.testi{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.5rem}
@media(min-width:1080px){.testi{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.testi{grid-template-columns:1fr}}
.testi__c{background:var(--panna);border:1px solid var(--linea);border-radius:22px;padding:1.8rem;display:flex;flex-direction:column;gap:1rem;position:relative}
.testi__c::before{content:"\201C";position:absolute;top:.4rem;right:1.2rem;font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--verde-l)}
.testi__stars{display:flex;gap:.12rem;color:#e8b53d;position:relative;z-index:1}
.testi__stars svg{width:18px;height:18px}
.testi__q{color:#334;font-size:1rem;line-height:1.68;flex:1;position:relative;z-index:1}
.testi__who{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--linea);padding-top:1rem}
.testi__av{width:42px;height:42px;border-radius:50%;background:var(--gverde);color:#fff;display:grid;place-items:center;font-family:'Golos Text';font-weight:700;flex:0 0 auto;font-size:1rem}
.testi__who b{font-family:'Golos Text';color:var(--navy);display:block;font-size:.98rem}
.testi__who span{color:var(--grigio);font-size:.85rem}
/* CHECKLIST "è per te" su fondo navy */
.qual{background:var(--gnavy);color:var(--crema);border-radius:28px;padding:2.6rem 2.4rem}
.qual .eyebrow{color:#bfe3d1}.qual .eyebrow::before{background:var(--verde2)}
.qual h2{color:#fff!important;margin:.7rem 0 .3rem}
.qual__lead{color:rgba(243,238,228,.82);max-width:60ch}
.qual__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.2rem;margin-top:1.6rem;padding:0;list-style:none}
.qual__grid li{display:flex;gap:.75rem;align-items:flex-start;color:rgba(243,238,228,.94);font-size:1.02rem;line-height:1.5}
.qual__grid li svg{width:23px;height:23px;flex:0 0 auto;margin-top:1px;color:var(--verde2)}
@media(max-width:720px){.qual{padding:2rem 1.5rem}.qual__grid{grid-template-columns:1fr}}
/* COERENZA TIPOGRAFICA titoli di sezione (pagine interne) + respiro occhiello/titolo/testo */
.prose h2,.split h2,.sec-head h2{font-size:clamp(2rem,4.2vw,2.75rem)!important;line-height:1.08;letter-spacing:-.025em}
.prose .eyebrow,.split .eyebrow,.sec-head .eyebrow{margin-bottom:.9rem}
.prose h2{margin:0 0 1.2rem!important}
.prose p+h2,.prose ul+h2{margin-top:2.8rem!important}
.split h2{margin:0 0 .9rem!important}
.prose p{font-size:1.07rem;line-height:1.78;margin-bottom:1.15rem}
.split p{font-size:1.05rem;line-height:1.72;margin-bottom:.85rem}
/* grassetti = àncore di lettura (scannabilità): risaltano in navy */
.prose p b,.prose li b,.split p b,.split li b{color:var(--navy);font-weight:600}
/* SAFETY mobile: l'evidenziato nel titolo può andare a capo (niente overflow orizzontale) */
@media(max-width:600px){.phero h1 .hl{white-space:normal}}
/* CTA finale evidenziata (pagine interne): banda navy che stacca dal fondo crema */
.cta-final{background:var(--gnavy);color:#fff}
.cta-final h2{color:#fff}
.cta-final p{color:rgba(255,255,255,.86)}
.cta-final .eyebrow{color:#bfe3d1}
.cta-final .eyebrow::before{background:var(--verde2)}
.cta-final .btn-p{background:var(--verde2);color:#fff}
.cta-final .btn-p:hover{background:var(--verde);box-shadow:0 10px 26px rgba(0,0,0,.28)}
.cta-final .btn-g{color:#fff;border-color:rgba(255,255,255,.55)}
.cta-final .btn-g:hover{background:#fff;color:var(--navy)}
.cta-final .rel{color:rgba(255,255,255,.72)!important}
.cta-final .rel a{color:#bfe3d1!important;font-weight:600}
/* allineamento pulito degli elenchi con icona */
.checks li>span{display:block}

.bot a{color:#bfe3d1;font-weight:600;text-decoration:none}
.bot a:hover{text-decoration:underline}

footer .ig{display:inline-block;margin-top:.2rem;line-height:0}
footer .ig+.ig{margin-left:.75rem}
footer .ig img{width:26px;height:26px;display:block;transition:opacity .2s}
footer .ig:hover img{opacity:.65}

/* footer bot 3 col */
.bot{justify-content:space-between;align-items:center}
.bot>span{flex:1 1 0;min-width:0}
.bot>span.pw{text-align:center}
.bot>span:last-child{text-align:right}
@media(max-width:640px){.bot{flex-direction:column;gap:.5rem}.bot>span,.bot>span.pw,.bot>span:last-child{flex:none;text-align:center}}

/* ============================================================
   Solution matcher — card di orientamento "trova la tua situazione"
   (standard candidato per le sezioni "cosa realizziamo/cura")
   ============================================================ */
/* Carosello orizzontale riusabile — mobile: swipe con peek della card successiva;
   desktop: scorre con frecce quando le card non entrano tutte. Affordance: barra + frecce grandi. */
.crail{display:flex;gap:1.15rem;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;scroll-padding-left:.1rem;padding:.5rem .1rem 1.3rem;margin-top:1.7rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.crail::-webkit-scrollbar{display:none}
.crail>*{flex:0 0 clamp(250px,78vw,340px);scroll-snap-align:start}
@media(min-width:640px){.crail>*{flex-basis:300px}}
/* Matcher "la tua situazione" allargato al 90% su desktop: rail a 90vw centrato (break-out dal wrap); se le card entrano tutte lo slider si nasconde da solo e le centriamo, altrimenti resta lo scroll */
@media(min-width:1024px){
  .cscroll--wide{position:relative;width:90vw;left:50%;transform:translateX(-50%)}
  .crail--wide.crail--fits{justify-content:center}
}
/* Step (con immagine o testo): su mobile diventano caroselli orizzontali; su desktop restano griglia */
@media(max-width:640px){
  .psteps,.steps,.pillars{display:flex!important;grid-template-columns:none!important;gap:1.15rem;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;scroll-padding-left:.1rem;padding:.3rem .1rem 1.1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .psteps::-webkit-scrollbar,.steps::-webkit-scrollbar,.pillars::-webkit-scrollbar{display:none}
  .psteps>*,.steps>*,.pillars>*{flex:0 0 clamp(250px,78vw,340px);scroll-snap-align:start}
}
.cscroll__ctl{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:-.3rem}
.cscroll__ctl[hidden]{display:none}
.cscroll__bar{position:relative;height:7px;border-radius:999px;background:var(--linea);flex:0 1 220px;min-width:90px;overflow:hidden}
.cscroll__thumb{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--verde2);width:30%}
.cscroll__nav{width:46px;height:46px;border-radius:50%;border:1.6px solid var(--linea);background:#fff;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:.15s}
.cscroll__nav svg{width:22px;height:22px}
.cscroll__nav:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.cscroll__nav:disabled{opacity:.3;cursor:default}
.solcard{--acc:var(--verde2);--accsoft:rgba(90,165,135,.13);position:relative;background:#fff;border:1px solid var(--linea);border-top:4px solid var(--acc);border-radius:16px;padding:1.35rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 10px 30px -26px rgba(10,26,51,.5)}
.solcard--salva{--acc:var(--navy2);--accsoft:rgba(23,61,115,.10)}
.solcard--manca{--acc:var(--verde2);--accsoft:rgba(90,165,135,.14)}
.solcard--estetica{--acc:#b0842b;--accsoft:rgba(176,132,43,.15)}
.solcard__tag{align-self:flex-start;font-size:.69rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--acc);background:var(--accsoft);padding:.3rem .62rem;border-radius:999px}
.solcard__name{display:flex;align-items:center;gap:.55rem;font-size:1.13rem;line-height:1.15;margin:.2rem 0 0;color:var(--navy)}
.solcard__name svg{width:36px;height:36px;flex:0 0 auto;padding:7px;border-radius:10px;color:var(--acc);background:var(--accsoft)}
.solcard__for{background:var(--accsoft);border-left:3px solid var(--acc);border-radius:0 9px 9px 0;padding:.55rem .72rem;font-size:.92rem;color:var(--ink)}
.solcard__list{list-style:none;display:flex;flex-direction:column;gap:.42rem;margin:.2rem 0 0;padding:0}
.solcard__list li{position:relative;padding-left:1.5rem;font-size:.9rem;color:var(--grigio);line-height:1.42}
.solcard__list li::before{content:"";position:absolute;left:.2rem;top:.52em;width:7px;height:7px;border-radius:50%;background:var(--acc)}
.solcard__more{margin-top:auto;padding-top:.35rem;font-weight:700;color:var(--acc);font-size:.88rem}
.solcard__more:hover{text-decoration:underline}