.sfbg-page{--bg:#070809;--panel:#101216;--text:#fff;--muted:#e5e5e5;--border:#282b31;--accent:#FBB03A;background:var(--bg);color:var(--text);min-height:75vh}
.sfbg-page *{box-sizing:border-box}.sfbg-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.sfbg-hero{padding:92px 0 110px;background:radial-gradient(circle at 24% 16%,rgba(241,186,75,.10),transparent 30%),var(--bg)}
.sfbg-intro{max-width:880px;margin-bottom:52px}.sfbg-kicker,.sfbg-label{display:inline-block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.18em}
.sfbg-intro h1,.sfbg-services-hero h1{margin:16px 0 24px;color:#fff;font-size:clamp(48px,6.2vw,84px);line-height:.98;letter-spacing:-.055em}.sfbg-intro h1 em{color:var(--accent);font-style:normal}
.sfbg-intro p,.sfbg-services-hero p{margin:0;max-width:760px;color:#fff;font-size:18px;line-height:1.75}
.sfbg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sfbg-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#101216}
.sfbg-card-photo{min-height:560px;background-image:linear-gradient(180deg,rgba(5,6,7,.48),rgba(5,6,7,.62) 42%,rgba(5,6,7,.92)),var(--sfbg-card-image,linear-gradient(#101216,#101216));background-size:cover;background-position:center}
.sfbg-card-content{position:relative;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:42px}.sfbg-number{position:absolute;right:28px;top:25px;color:rgba(255,255,255,.14);font-size:82px;font-weight:900}
.sfbg-card h2{margin:16px 0;color:#fff;font-size:clamp(30px,3.5vw,46px);line-height:1.03;letter-spacing:-.04em}.sfbg-card p{color:#fff;font-size:16px;line-height:1.7}
.sfbg-card ul{margin:0 0 34px;padding:0;list-style:none}.sfbg-card li{position:relative;margin:10px 0;padding-left:20px;color:#fff}.sfbg-card li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.sfbg-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;width:max-content;min-height:50px;padding:13px 20px;border-radius:999px;background:var(--accent);color:#080808!important;text-decoration:none!important;font-weight:800}.sfbg-btn-outline{background:transparent;color:#fff!important;border:1px solid var(--accent)}
.sfbg-note{margin-top:25px;color:#ddd;font-size:13px;text-align:center}

/* category pages */
.sfbg-services-hero{padding:82px 0 48px;background:radial-gradient(circle at 20% 10%,rgba(241,186,75,.09),transparent 34%),#070809}
.sfbg-back{display:inline-block;margin-bottom:34px;color:#fff!important;text-decoration:none;font-size:14px}
.sfbg-services-list{padding:20px 0 110px}.sfbg-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sfbg-service-card{position:relative;overflow:hidden;min-height:470px;border:1px solid #282b31;border-radius:22px;background-image:linear-gradient(180deg,rgba(4,5,6,.20),rgba(4,5,6,.62) 45%,rgba(4,5,6,.96)),var(--sfbg-service-image,linear-gradient(#111318,#111318));background-size:cover;background-position:center}
.sfbg-service-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;z-index:2}.sfbg-service-card h2{margin:12px 0;color:#fff;font-size:32px;line-height:1.05;letter-spacing:-.035em}
.sfbg-service-card p{margin:0 0 24px;color:#fff;font-size:15px;line-height:1.65}.sfbg-service-badge{align-self:flex-start;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em}
.sfbg-empty{padding:50px;text-align:center;border:1px solid #282b31;border-radius:18px;color:#fff}

@media(max-width:900px){.sfbg-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sfbg-hero{padding:70px 0 80px}.sfbg-grid{grid-template-columns:1fr}.sfbg-card-photo,.sfbg-card-content{min-height:500px}.sfbg-card-content{padding:30px 26px}.sfbg-service-grid{grid-template-columns:1fr}.sfbg-service-card{min-height:430px}}


/* v2.1.0 — pagine In Studio / Online completamente personalizzabili */
.sfbg-services-page{
    background:var(--page-bg,#070809);
    color:var(--page-text,#fff);
}
.sfbg-services-page .sfbg-services-hero{
    position:relative;
    min-height:430px;
    display:flex;
    align-items:flex-end;
    padding:90px 0 58px;
    background-image:
        linear-gradient(180deg,rgba(5,6,7,.48) 0%,rgba(5,6,7,.70) 55%,rgba(5,6,7,.94) 100%),
        var(--sfbg-page-hero,linear-gradient(var(--page-bg,#070809),var(--page-bg,#070809)));
    background-size:cover;
    background-position:center;
}
.sfbg-services-page .sfbg-services-hero h1,
.sfbg-services-page .sfbg-services-hero p,
.sfbg-services-page .sfbg-back{
    color:var(--page-text,#fff)!important;
}
.sfbg-services-page .sfbg-kicker,
.sfbg-services-page .sfbg-service-badge{
    color:var(--accent,#FBB03A)!important;
}
.sfbg-services-page .sfbg-services-list{
    background:var(--page-bg,#070809);
}
.sfbg-services-page .sfbg-service-card h2,
.sfbg-services-page .sfbg-service-card p{
    color:var(--page-text,#fff)!important;
}

/* v2.2.0 — struttura marketing completa */
.sfbg-services-page .sfbg-story,.sfbg-services-page .sfbg-marketing-section,.sfbg-services-page .sfbg-process,.sfbg-services-page .sfbg-services-intro{background:var(--page-bg);color:var(--page-text)}
.sfbg-story{padding:90px 0 60px}.sfbg-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.sfbg-story h2,.sfbg-section-title,.sfbg-services-intro h2{margin:10px 0 0;color:var(--page-text);font-size:clamp(34px,4.5vw,60px);line-height:1.02;letter-spacing:-.045em}
.sfbg-story p,.sfbg-services-intro p{color:var(--page-text);font-size:18px;line-height:1.75}
.sfbg-section-tag{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}
.sfbg-marketing-section{padding:55px 0 90px}.sfbg-section-title{margin-bottom:38px}
.sfbg-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sfbg-feature{padding:30px;border:1px solid #2a2d31;border-radius:20px;background:rgba(255,255,255,.025)}
.sfbg-feature-num{display:block;margin-bottom:42px;color:var(--accent);font-weight:800;font-size:13px}
.sfbg-feature h3,.sfbg-step h3{margin:0 0 10px;color:var(--page-text);font-size:22px}.sfbg-feature p,.sfbg-step p{margin:0;color:var(--page-text);opacity:.82;line-height:1.65}
.sfbg-process{padding:80px 0;border-top:1px solid #24272b;border-bottom:1px solid #24272b}
.sfbg-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.sfbg-step{display:flex;gap:18px}.sfbg-step-circle{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:800}
.sfbg-services-intro{padding:90px 0 20px}.sfbg-services-intro p{max-width:700px}.sfbg-services-list{padding-top:35px}
@media(max-width:800px){.sfbg-story-grid{grid-template-columns:1fr;gap:20px}.sfbg-feature-grid,.sfbg-process-grid{grid-template-columns:1fr}.sfbg-story{padding-top:65px}.sfbg-feature-num{margin-bottom:24px}}

/* v2.3.0 — categorie servizi In Studio */
.sfbg-service-category{padding:34px 0 72px}
.sfbg-service-category + .sfbg-service-category{border-top:1px solid #24272b;padding-top:72px}
.sfbg-category-head{max-width:760px;margin-bottom:32px}
.sfbg-category-head h2{margin:9px 0 10px;color:var(--page-text,#fff);font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.04em}
.sfbg-category-head p{margin:0;color:var(--page-text,#fff);opacity:.82;font-size:16px;line-height:1.7}
.sfbg-category-unclassified{opacity:.82}

/* v2.4.2 — prezzi e offerte */
.sfbg-service-topline{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.sfbg-service-badges{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.sfbg-badge-online{
    border:1px solid rgba(255,255,255,.45);
    border-radius:999px;
    padding:4px 8px;
    color:#fff!important;
}
.sfbg-badge-offer{
    border-radius:999px;
    padding:4px 8px;
    background:var(--accent,#FBB03A);
    color:#080808!important;
}
.sfbg-price{
    margin-left:auto;
    text-align:right;
    white-space:nowrap;
}
.sfbg-price-old{
    display:block;
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.2;
    text-decoration:line-through;
}
.sfbg-price-current{
    display:block;
    margin-top:3px;
    color:var(--accent,#FBB03A);
    font-size:18px;
    line-height:1.2;
    font-weight:800;
}
@media(max-width:600px){
    .sfbg-service-topline{flex-direction:column}
    .sfbg-price{margin-left:0;text-align:left}
}

/* v2.6.1 — FIX contrasto badge OFFERTA */
.sfbg-service-badge.sfbg-badge-offer,
.sfbg-badge-offer{
    background:var(--accent,#FBB03A)!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-weight:800!important;
}

/* v2.7.0 — Conversion layout: meno testo, servizi subito */
.sfbg-conversion{background:#070809;color:#fff}
.sfbg-conversion-hero{
    padding:76px 0 56px;
    min-height:0;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.sfbg-conversion-hero .sfbg-wrap{max-width:1180px}
.sfbg-conversion-hero .sfbg-kicker{
    display:block;
    margin-bottom:16px;
    color:var(--accent,#FBB03A);
    font-size:12px;
    font-weight:800;
    letter-spacing:.18em;
}
.sfbg-conversion-hero h1{
    margin:0;
    max-width:850px;
    color:#fff;
    font-size:clamp(48px,7vw,94px);
    line-height:.94;
    letter-spacing:-.055em;
}
.sfbg-conversion-hero h1 span{color:var(--accent,#FBB03A)}
.sfbg-conversion-hero p{
    margin:22px 0 0;
    color:#fff;
    font-size:18px;
    line-height:1.5;
}
.sfbg-hero-cta{margin-top:28px}
.sfbg-conversion-services{padding:56px 0 90px}
.sfbg-conversion-group{margin:0 0 64px}
.sfbg-conversion-group:last-child{margin-bottom:0}
.sfbg-group-head{margin:0 0 24px}
.sfbg-group-head h2{
    margin:0;
    color:#fff;
    font-size:clamp(30px,4vw,46px);
    line-height:1;
    letter-spacing:-.035em;
}
.sfbg-group-head p{
    margin:10px 0 0;
    color:#fff;
    opacity:.82;
    font-size:16px;
}
.sfbg-conversion .sfbg-service-card h2{color:#fff}
.sfbg-conversion .sfbg-service-card p{color:#fff}
@media(max-width:700px){
    .sfbg-conversion-hero{padding:52px 0 42px}
    .sfbg-conversion-services{padding:42px 0 70px}
    .sfbg-conversion-group{margin-bottom:48px}
}

/* v2.7.1 — layout servizi: 2 card per riga su desktop/tablet */
.sfbg-conversion .sfbg-services-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
}
@media(max-width:700px){
    .sfbg-conversion .sfbg-services-grid{
        grid-template-columns:1fr!important;
    }
}

/* StudioGaudio official accent */
:root{
  --ssf-orange:#FBB03A!important;
  --ssf-orange2:#FBB03A!important;
  --accent:#FBB03A!important;
  --sf-accent:#FBB03A!important;
  --studioflow-accent:#FBB03A!important;
}


/* =========================================================
   StudioGaudio Font Guidelines
   Titoli: Impact / Arial Narrow / Helvetica Neue
   Testi e UI: Arial / Helvetica
   Accent ufficiale: #FBB03A
   ========================================================= */

body .sfbg-page,
body .sfbg-conversion,
body .sfbg-services-page,
body .studioflow-booking,
body [class*="studioflow"],
body [class*="sfbg-"] {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Titoli principali e titoli marketing */
body .sfbg-page h1,
body .sfbg-page h2,
body .sfbg-page h3,
body .sfbg-conversion h1,
body .sfbg-conversion h2,
body .sfbg-conversion h3,
body .sfbg-services-page h1,
body .sfbg-services-page h2,
body .sfbg-services-page h3,
body [class*="studioflow"] h1,
body [class*="studioflow"] h2,
body [class*="studioflow"] h3 {
    font-family: Impact, 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 900;
}

/* Testi, controlli, prezzi e pulsanti */
body .sfbg-page p,
body .sfbg-page li,
body .sfbg-page label,
body .sfbg-page input,
body .sfbg-page select,
body .sfbg-page textarea,
body .sfbg-page button,
body .sfbg-page a,
body .sfbg-conversion p,
body .sfbg-conversion li,
body .sfbg-conversion label,
body .sfbg-conversion input,
body .sfbg-conversion select,
body .sfbg-conversion textarea,
body .sfbg-conversion button,
body .sfbg-conversion a,
body [class*="studioflow"] p,
body [class*="studioflow"] li,
body [class*="studioflow"] label,
body [class*="studioflow"] input,
body [class*="studioflow"] select,
body [class*="studioflow"] textarea,
body [class*="studioflow"] button,
body [class*="studioflow"] a {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Mantiene lo standard colore già introdotto */
:root {
    --ssf-orange: #FBB03A !important;
    --ssf-orange2: #FBB03A !important;
    --accent: #FBB03A !important;
    --sf-accent: #FBB03A !important;
    --studioflow-accent: #FBB03A !important;
}