/* =====================================================================
   Vatse · Barbearia, tema 1 do site público.
   Mesmo sistema visual da página de venda /sistemas/barber (public/css/
   commercial/barber.css, modelo "Legend"): fundo escuro dominante, seções
   creme de respiro, Oswald nos títulos e Inter no texto, cartões de 12 px,
   sombras longas e suaves. A cor do dono entra onde a venda usa o dourado.
   Os tokens foram copiados para cá: o site público não carrega a folha de
   venda. Piso de fonte: 16 px.
   Home: classes bv-* (site-barber-public, tema 1). Internas: bloco no fim,
   só no tema 1 (body.sc-template-1).
   ===================================================================== */

body.sc-barber-public.sc-template-1{
  --bv-dark:#17130e;--bv-dark-2:#201a13;--bv-dark-3:#2a221a;--bv-line-d:rgba(244,239,230,.12);
  --bv-paper:#f4efe6;--bv-paper-2:#ece3d4;--bv-line-l:rgba(31,26,20,.13);
  --bv-ink:#1f1a14;--bv-ink-soft:#6d6355;
  --bv-cream:#f4efe6;--bv-cream-soft:rgba(244,239,230,.72);
  background:var(--bv-dark);
}

/* ---------- casca: navegação e rodapé como na página de venda ---------- */
html body.sc-barber-public.sc-template-1 .sp-nav{background:rgba(23,19,14,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--bv-line-d)!important;box-shadow:none!important}
html body.sc-barber-public.sc-template-1 :is(.sp-logo,.sp-logo-name,.sp-logo-text){color:var(--bv-cream)!important;font-family:'Oswald','Inter',sans-serif!important;font-weight:600!important;letter-spacing:.03em;text-transform:uppercase}
html body.sc-barber-public.sc-template-1 .sp-nav-links a{font-family:'Oswald','Inter',sans-serif!important;font-size:1rem!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:rgba(244,239,230,.78)!important}
html body.sc-barber-public.sc-template-1 .sp-nav-links a:hover,html body.sc-barber-public.sc-template-1 .sp-nav-links a.active{color:var(--bv-acento-escuro)!important}
html body.sc-barber-public.sc-template-1 .sp-nav-cta{background:var(--bv-acento)!important;color:var(--bv-acento-tinta)!important;border-radius:6px!important;font-family:'Oswald','Inter',sans-serif!important;font-weight:600!important;font-size:1rem!important;letter-spacing:.03em;text-transform:uppercase}
html body.sc-barber-public.sc-template-1 .sp-nav-account,html body.sc-barber-public.sc-template-1 .sp-nav-mobile{border-radius:6px!important;border:1.5px solid rgba(244,239,230,.36)!important;color:var(--bv-cream)!important;background:transparent!important}
html body.sc-barber-public.sc-template-1 .sp-nav-mobile-menu{background:var(--bv-dark)!important;border-color:var(--bv-line-d)!important}
html body.sc-barber-public.sc-template-1 .sp-nav-mobile-menu a{color:var(--bv-cream)!important;border-color:var(--bv-line-d)!important;font-size:1rem}
html body.sc-barber-public.sc-template-1 .sp-footer{background:#110e0a!important;color:var(--bv-cream-soft)!important;border-top:1px solid var(--bv-line-d)!important}
html body.sc-barber-public.sc-template-1 .sp-footer :is(h3,h4){font-family:'Oswald','Inter',sans-serif!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em;color:var(--bv-cream)!important}
html body.sc-barber-public.sc-template-1 .sp-footer :is(.sp-footer-col a,.sp-footer-col>div,.sp-footer-bottom,.sp-footer-brand p){font-size:1rem!important;color:var(--bv-cream-soft)!important}
html body.sc-barber-public.sc-template-1 .sp-footer-social a{border-radius:10px!important;background:rgba(244,239,230,.07)!important;color:var(--bv-acento-escuro)!important}

/* ---------- base da home ---------- */
.bv{background:var(--bv-dark);color:var(--bv-cream);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1rem;line-height:1.6;overflow:clip}
.bv *{box-sizing:border-box}
.bv img{display:block;max-width:100%}
.bv p{margin:0}
.bv .vb-container.bv-wrap{max-width:1200px;width:auto;margin:0 auto;padding:0 24px}
html body.sc-barber-public.sc-template-1 .bv :is(h1,h2,h3){font-family:'Oswald','Inter',sans-serif!important;font-weight:600!important;font-style:normal!important;letter-spacing:.005em!important;text-transform:uppercase!important;line-height:1.06;color:var(--bv-cream);margin:0}
html body.sc-barber-public.sc-template-1 .bv .bv-sec.light :is(h1,h2,h3),html body.sc-barber-public.sc-template-1 .bv .bv-card.light :is(h2,h3){color:var(--bv-ink)}
.bv-lbl{display:inline-block;font-family:'Oswald','Inter',sans-serif;font-size:1rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--bv-acento-escuro)}
.bv-sec.light .bv-lbl{color:var(--bv-acento-papel)}
.bv-acento{color:var(--bv-acento-escuro)}

/* botões (os da venda) */
.bv-btn{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:15px 28px;border-radius:6px;font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;transition:transform .16s ease,box-shadow .16s ease,background .16s,color .16s,border-color .16s}
.bv-btn-acento{background:var(--bv-acento);color:var(--bv-acento-tinta);box-shadow:0 16px 34px -16px color-mix(in srgb,var(--bv-acento) 60%,transparent)}
.bv-btn-acento:hover{filter:brightness(1.08);transform:translateY(-2px)}
.bv-btn-ghost{background:transparent;color:var(--bv-cream);border:1.5px solid rgba(244,239,230,.36)}
.bv-btn-ghost:hover{border-color:var(--bv-acento-escuro);color:var(--bv-acento-escuro);transform:translateY(-2px)}
.bv-btn-ink{background:var(--bv-ink);color:var(--bv-cream)}
.bv-btn-ink:hover{background:#000;transform:translateY(-2px)}
.bv-btn-inkline{background:transparent;color:var(--bv-ink);border:1.5px solid var(--bv-line-l)}
.bv-btn-inkline:hover{border-color:var(--bv-acento-papel);color:var(--bv-acento-papel);transform:translateY(-2px)}
.bv-sec:not(.light) .bv-btn-ink{background:var(--bv-cream);color:var(--bv-ink)}

/* herói */
.bv-hero{position:relative;min-height:clamp(560px,82vh,820px);display:flex;align-items:center;overflow:hidden}
.bv-hero-bg{position:absolute;inset:0;z-index:0}
.bv-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.bv-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,7,.95) 0%,rgba(13,10,7,.85) 32%,rgba(13,10,7,.5) 62%,rgba(13,10,7,.18) 100%),linear-gradient(0deg,rgba(13,10,7,.7),transparent 40%)}
.bv-hero-in{position:relative;z-index:1;width:100%;padding:clamp(48px,7vw,80px) 0}
html body.sc-barber-public.sc-template-1 .bv-hero h1{font-size:clamp(2.7rem,6.4vw,5.4rem)!important;font-weight:700!important;line-height:.98!important;margin:16px 0 0;max-width:16ch;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.bv-hero-lead{margin:22px 0 0!important;max-width:44ch;color:rgba(244,239,230,.82);font-size:1.08rem;line-height:1.7}
.bv-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.bv-hero-proof{display:flex;align-items:center;gap:16px;margin-top:32px}
.bv-avatars{display:flex}
.bv-avatars img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--bv-dark);margin-left:-11px}
.bv-avatars img:first-child{margin-left:0}
.bv-proof-txt{font-size:1rem;color:rgba(244,239,230,.7)}
.bv-proof-txt b{display:block;color:var(--bv-cream)}

/* faixa de destaques */
.bv-strip{background:var(--bv-dark-2);border-top:1px solid var(--bv-line-d);border-bottom:1px solid var(--bv-line-d)}
.bv-strip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.bv-strip-i{display:flex;align-items:center;gap:15px;padding:26px}
.bv-strip-i+.bv-strip-i{border-left:1px solid var(--bv-line-d)}
.bv-strip-i i{color:var(--bv-acento-escuro);font-size:1.5rem;flex-shrink:0}
.bv-strip-i b{display:block;font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:1rem;color:var(--bv-cream);text-transform:uppercase;letter-spacing:.02em}
.bv-strip-i span{font-size:1rem;color:var(--bv-cream-soft)}

/* seções */
.bv-sec{padding:clamp(58px,7.5vw,96px) 0;position:relative}
.bv-sec.light{background:var(--bv-paper);color:var(--bv-ink)}
.bv-sec.paper2{background:var(--bv-paper-2)}
.bv-head{max-width:640px}
.bv-head.center{margin:0 auto;text-align:center}
html body.sc-barber-public.sc-template-1 .bv :is(.bv-head h2,.bv-h2){font-size:clamp(2rem,4vw,3.1rem)!important;margin:10px 0 0}
.bv-head p{margin:14px 0 0!important;color:var(--bv-cream-soft);font-size:1.02rem;line-height:1.7}
.bv-sec.light .bv-head p{color:var(--bv-ink-soft)}
.bv-head p a{color:inherit;text-decoration:underline}
.bv-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bv-viewall{display:inline-flex;align-items:center;min-height:44px;font-family:'Oswald','Inter',sans-serif;font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bv-acento-escuro);text-decoration:none;white-space:nowrap}
.bv-sec.light .bv-viewall{color:var(--bv-acento-papel)}
.bv-viewall:hover{opacity:.75}
.bv-centro{text-align:center;margin-top:36px}
.bv-texto{margin-top:16px!important;color:var(--bv-cream-soft);font-size:1.04rem;line-height:1.7}
.bv-sec.light .bv-texto{color:var(--bv-ink-soft)}
.bv-ic{color:var(--bv-acento-escuro);margin-right:6px}
.bv-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.bv-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* serviços (cartões escuros com ícone) */
.bv-serv{display:block;background:var(--bv-dark-2);border:1px solid var(--bv-line-d);border-radius:12px;padding:28px 24px;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bv-serv:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--bv-acento) 45%,transparent);box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.bv-serv-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:color-mix(in srgb,var(--bv-acento) 14%,transparent);color:var(--bv-acento-escuro);font-size:1.2rem;transition:background .22s,color .22s}
.bv-serv:hover .bv-serv-ic{background:var(--bv-acento);color:var(--bv-acento-tinta)}
html body.sc-barber-public.sc-template-1 .bv-serv h3{font-size:1.3rem!important;margin:18px 0 0}
.bv-serv p{margin:8px 0 0!important;color:var(--bv-cream-soft);font-size:1rem;line-height:1.55}
.bv-serv-price{display:block;margin-top:16px;font-family:'Oswald','Inter',sans-serif;font-weight:700;font-size:1.5rem;color:var(--bv-acento-escuro)}

/* cartões com foto */
.bv-card{display:block;background:var(--bv-dark-2);border:1px solid var(--bv-line-d);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bv-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--bv-acento) 40%,transparent);box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.bv-barber-pic{aspect-ratio:1/1.12;overflow:hidden}
.bv-barber-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.bv-card:hover .bv-barber-pic img{transform:scale(1.06)}
.bv-barber-body{padding:16px 16px 18px;text-align:center}
html body.sc-barber-public.sc-template-1 .bv-barber-body h3{font-size:1.16rem!important}
.bv-barber-body span{display:block;font-size:1rem;color:var(--bv-acento-escuro);margin-top:3px}
.bv-barber-body .tag{display:inline-flex;align-items:center;min-height:36px;margin-top:11px;font-size:1rem;color:var(--bv-cream-soft);background:rgba(244,239,230,.07);border:1px solid var(--bv-line-d);border-radius:999px;padding:4px 14px;text-decoration:none}
.bv-card.light{background:#fff;border-color:var(--bv-line-l);color:var(--bv-ink)}
.bv-card.light:hover{border-color:color-mix(in srgb,var(--bv-acento) 40%,transparent);box-shadow:0 22px 44px -30px rgba(0,0,0,.35)}
.bv-prod-pic{aspect-ratio:1/1;overflow:hidden;background:var(--bv-paper-2)}
.bv-prod-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bv-card.light:hover .bv-prod-pic img{transform:scale(1.05)}
.bv-prod-body{padding:16px 16px 18px}
html body.sc-barber-public.sc-template-1 .bv-prod-body h3{font-size:1.06rem!important;color:var(--bv-ink)}
.bv-prod-body .sub{font-size:1rem;color:var(--bv-ink-soft);margin-top:3px}
.bv-prod-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px}
.bv-prod-foot .price{font-family:'Oswald','Inter',sans-serif;font-weight:700;font-size:1.25rem;color:var(--bv-acento-papel)}
.bv-prod-foot .rate{font-size:1rem;color:var(--bv-ink-soft)}

/* sobre, foto + lista */
.bv-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,60px);align-items:center}
.bv-about-photo{aspect-ratio:4/3.3;border-radius:14px;overflow:hidden;border:1px solid var(--bv-line-d);box-shadow:0 40px 80px -46px #000}
.bv-about-photo img{width:100%;height:100%;object-fit:cover}
.bv-check{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.bv-check li{display:flex;gap:13px;align-items:flex-start;font-size:1rem}
.bv-check i{flex-shrink:0;color:var(--bv-acento-papel);margin-top:4px}
.bv-sec:not(.light) .bv-check i{color:var(--bv-acento-escuro)}
.bv-soft-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.bv-soft-list li{display:flex;gap:13px;align-items:flex-start}
.bv-soft-list i{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--bv-acento) 14%,transparent);color:var(--bv-acento-escuro);font-size:.95rem}
.bv-soft-list b{display:block;font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:1rem;color:var(--bv-cream);text-transform:uppercase;letter-spacing:.02em}
.bv-soft-list span{color:var(--bv-cream-soft);font-size:1rem}

/* números */
.bv-numeros{background:var(--bv-dark-2);border-top:1px solid var(--bv-line-d);border-bottom:1px solid var(--bv-line-d)}
.bv-numeros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.bv-numeros-grid>div{padding:30px 24px;text-align:center}
.bv-numeros-grid>div+div{border-left:1px solid var(--bv-line-d)}
.bv-numeros strong{display:block;font-family:'Oswald','Inter',sans-serif;font-weight:700;font-size:2.6rem;line-height:1;color:var(--bv-acento-escuro)}
.bv-numeros span{font-size:1rem;color:var(--bv-cream-soft)}

/* como funciona */
.bv-passo{padding:26px 24px 28px}
.bv-passo-n{font-family:'Oswald','Inter',sans-serif;font-weight:700;font-size:1.6rem;color:var(--bv-acento-papel)}
html body.sc-barber-public.sc-template-1 .bv-passo h3{font-size:1.1rem!important;margin:10px 0 6px}
.bv-passo p{font-size:1rem;color:var(--bv-ink-soft)}

/* carrossel */
.bv-carousel-sec{background:var(--bv-dark-2);border-top:1px solid var(--bv-line-d);border-bottom:1px solid var(--bv-line-d)}
.bv-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,calc((100% - 60px)/4));gap:20px;margin-top:36px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.bv-carousel::-webkit-scrollbar{display:none}
.bv-carousel figure{margin:0;aspect-ratio:4/5;border-radius:12px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--bv-line-d)}
.bv-carousel img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bv-carousel figure:hover img{transform:scale(1.05)}

/* planos (como os cartões de plano da venda) */
.bv-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px;align-items:stretch}
.bv-plano{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 26px;background:#fff;border:1px solid var(--bv-line-l);border-radius:12px;box-shadow:0 22px 46px -42px rgba(31,26,20,.4)}
.bv-plano.is-ancora{border-color:var(--bv-acento);box-shadow:0 30px 58px -38px color-mix(in srgb,var(--bv-acento) 50%,transparent)}
.bv-plano-tag{position:absolute;top:-14px;left:26px;background:var(--bv-acento);color:var(--bv-acento-tinta);border-radius:999px;padding:4px 14px;font-size:1rem;font-weight:600}
html body.sc-barber-public.sc-template-1 .bv-plano h3{font-size:1.4rem!important}
.bv-plano p{font-size:1rem;color:var(--bv-ink-soft)}
.bv-plano strong{font-family:'Oswald','Inter',sans-serif;font-weight:700;font-size:2.4rem;line-height:1;color:var(--bv-acento-papel)}
.bv-plano strong small{font-family:'Inter',sans-serif;font-size:1rem;font-weight:500;color:var(--bv-ink-soft);margin-left:4px}
.bv-plano ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:1rem}
.bv-plano li{display:flex;gap:10px}
.bv-plano li i{color:var(--bv-acento-papel);margin-top:4px}
.bv-plano .bv-btn{margin-top:auto;justify-content:center}

/* avaliações */
.bv-media{font-size:1rem;color:var(--bv-ink-soft)}
.bv-media b{font-family:'Oswald','Inter',sans-serif;font-size:2.4rem;color:var(--bv-acento-papel);margin-right:6px}
.bv-voz{margin:0;padding:26px 24px 28px}
.bv-estrelas{color:var(--bv-acento-papel);letter-spacing:.12em}
.bv-voz blockquote{margin:12px 0 16px;font-size:1.04rem;line-height:1.65;color:var(--bv-ink)}
.bv-voz figcaption{font-family:'Oswald','Inter',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--bv-ink)}

/* perguntas */
.bv-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,60px);align-items:start}
.bv-faq{display:grid;gap:12px}
.bv-faq details{background:#fff;border:1px solid var(--bv-line-l);border-radius:12px;box-shadow:0 22px 46px -42px rgba(31,26,20,.4)}
.bv-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;font-weight:600;font-size:1.05rem;color:var(--bv-ink)}
.bv-faq summary::-webkit-details-marker{display:none}
.bv-faq summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--bv-acento) 14%,transparent);color:var(--bv-acento-papel);font-size:1.2rem;transition:transform .2s}
.bv-faq details[open] summary::after{transform:rotate(45deg)}
.bv-faq details p{padding:0 22px 20px;color:var(--bv-ink-soft)}

/* visita */
.bv-horas{margin:22px 0 0;padding:6px 20px;background:var(--bv-dark-2);border:1px solid var(--bv-line-d);border-radius:12px}
.bv-horas>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--bv-line-d);font-size:1rem}
.bv-horas>div:last-child{border-bottom:0}
.bv-horas dd{margin:0;color:var(--bv-cream-soft)}
.bv-horas .is-hoje,.bv-horas .is-hoje dd{color:var(--bv-acento-escuro);font-weight:600}
.bv-mapa{position:relative;min-height:420px;border-radius:14px;overflow:hidden;border:1px solid var(--bv-line-d);box-shadow:0 40px 80px -46px #000}
.bv-mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.4) contrast(1.05)}
.bv-mapa .pv-mapa-rota{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:6px;background:var(--bv-acento);color:var(--bv-acento-tinta);font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:1rem;text-transform:uppercase;text-decoration:none}

/* chamada final */
.bv-cta{position:relative;overflow:hidden;color:var(--bv-cream)}
.bv-cta-bg{position:absolute;inset:0;z-index:0}
.bv-cta-bg img{width:100%;height:100%;object-fit:cover}
.bv-cta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,7,.94),rgba(13,10,7,.6))}
.bv-cta-in{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:clamp(56px,7vw,96px) 24px}
html body.sc-barber-public.sc-template-1 .bv-cta h2{font-size:clamp(2rem,4.2vw,3.3rem)!important;max-width:16ch;margin-top:10px}
.bv-cta p{margin:16px 0 0!important;color:var(--bv-cream-soft);max-width:46ch;font-size:1.02rem}
.bv-cta-btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}

/* entrada suave (como o [data-rv] da venda); só esconde depois que o script liga */
.bv.bv-js [data-rv],.bv.bv-js [data-rv-stagger]>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.bv.bv-js [data-rv].vis,.bv.bv-js [data-rv-stagger]>.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bv.bv-js [data-rv],.bv.bv-js [data-rv-stagger]>*{opacity:1;transform:none;transition:none}}

@media (max-width:960px){
  .bv-hero{min-height:auto}
  .bv-hero-bg img{object-position:68% center}
  .bv-strip-i+.bv-strip-i{border-left:0;border-top:1px solid var(--bv-line-d)}
  .bv-grid4,.bv-grid3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bv-about,.bv-faq-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .bv-about .bv-about-media{order:-1}
  .bv-carousel{grid-auto-columns:minmax(240px,44%)}
}
@media (max-width:560px){
  .bv .vb-container.bv-wrap{padding:0 16px}
  .bv-grid4,.bv-grid3{grid-template-columns:minmax(0,1fr)}
  .bv-btn{padding:14px 22px}
  html body.sc-barber-public.sc-template-1 .bv-hero h1{font-size:clamp(2.4rem,10vw,3.2rem)!important}
  .bv-hero-cta .bv-btn{flex:1 1 100%;justify-content:center}
  .bv-carousel{grid-auto-columns:78%}
  .bv-numeros-grid>div+div{border-left:0;border-top:1px solid var(--bv-line-d)}
  .bv-mapa{min-height:320px}
}

/* =====================================================================
   PÁGINAS INTERNAS do tema 1 (serviços, agendar, planos, produtos, conta,
   pagamento): a mesma linguagem da venda sobre as classes vb-* existentes.
   ===================================================================== */
html body.sc-barber-public.sc-template-1[data-color-mode="dark"] > main{background:var(--bv-dark)}
html body.sc-barber-public.sc-template-1 > main :is(h1,h2,h3){font-family:'Oswald','Inter',sans-serif!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.005em!important;font-style:normal!important}
html body.sc-barber-public.sc-template-1 .vb-page-hero h1{font-size:clamp(2.6rem,5.6vw,4.6rem)!important;line-height:1!important}
html body.sc-barber-public.sc-template-1 .vb-page-hero-media img{filter:brightness(.8)}
html body.sc-barber-public.sc-template-1 .vb-head h2{font-size:clamp(2rem,4vw,3.1rem)!important;line-height:1.06!important;letter-spacing:.005em!important}
html body.sc-barber-public.sc-template-1 .vb-eyebrow{font-family:'Oswald','Inter',sans-serif!important;color:var(--bv-acento-escuro)!important;letter-spacing:.22em!important;font-size:1rem!important;text-transform:uppercase}
html body.sc-barber-public.sc-template-1 .vb-btn{border-radius:6px!important;font-family:'Oswald','Inter',sans-serif!important;font-weight:600!important;letter-spacing:.03em;text-transform:uppercase;font-size:1rem!important}
html body.sc-barber-public.sc-template-1 .vb-btn-primary{background:var(--bv-acento)!important;color:var(--bv-acento-tinta)!important;border-color:var(--bv-acento)!important}
html body.sc-barber-public.sc-template-1 :is(.vb-card,.vb-service-card,.vb-plan-card,.vb-product,.vb-auth-card,.vb-booking-summary,.vb-feature-strip article,.vb-status-row){border-radius:12px!important}
html body.sc-barber-public.sc-template-1[data-color-mode="dark"] :is(.vb-card,.vb-service-card,.vb-plan-card,.vb-product,.vb-auth-card,.vb-booking-summary,.vb-feature-strip article,.vb-status-row){border-color:var(--bv-line-d)!important;background:var(--bv-dark-2)!important}
html body.sc-barber-public.sc-template-1 :is(.vb-service-card,.vb-product,.vb-plan-card):hover{border-color:color-mix(in srgb,var(--bv-acento) 45%,transparent)!important;box-shadow:0 30px 60px -34px rgba(0,0,0,.7)!important}
html body.sc-barber-public.sc-template-1 main :is(.vb-service-card,.vb-product,.vb-plan-card,.vb-card) h3{font-size:max(1.15rem,1em)!important}
html body.sc-barber-public.sc-template-1 :is(.vb-service-card-footer strong,.vb-plan-price,.vb-product-bottom strong){font-family:'Oswald','Inter',sans-serif!important;font-weight:700!important;color:var(--bv-acento-escuro)!important}
html body.sc-barber-public.sc-template-1 :is(.vb-input,.vb-select,.vb-textarea){border-radius:9px!important}
html body.sc-barber-public.sc-template-1 .vb-booking :is(.vb-day,.vb-slot).selected{background:var(--bv-acento)!important;color:var(--bv-acento-tinta)!important}
html body.sc-barber-public.sc-template-1 .vb-shop-filter :is(button,a){border-radius:999px!important;font-size:1rem}

/* Selos do herói (editáveis no painel: hero_proof1 e hero_proof2). */
.bv-hero-selos{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.82);font-size:1rem}
.bv-hero-selos i{color:var(--bv-acento-escuro,var(--sp-cta-bg,#ef650f));margin-right:8px;font-size:.85em}

/* Foto própria do serviço no cartão, quando o dono cadastrou. */
.bv-serv-foto{display:block;margin:-28px -24px 18px;aspect-ratio:16/10;overflow:hidden;border-radius:12px 12px 0 0}
.bv-serv-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.bv-serv:hover .bv-serv-foto img{transform:scale(1.05)}
.bv-serv-foto+.bv-serv-ic{margin-top:-40px;position:relative}

/* =====================================================================
   MODO CLARO do tema 1 (o dono escolhe claro ou escuro; o tema nasceu
   escuro). Mesma composição e tipografia da venda, em papel creme: os
   tokens escuros viram claros, a cor do dono passa a ser medida contra o
   papel. As faixas com foto (herói, chamada final) continuam escuras, com
   o fundo declarado escuro para o texto claro sobre a foto.
   ===================================================================== */
html body.sc-barber-public.sc-template-1[data-color-mode="light"]{
  --bv-dark:#f6f1e8;--bv-dark-2:#ffffff;--bv-dark-3:#ece3d4;--bv-line-d:rgba(31,26,20,.12);
  --bv-paper:#ece3d4;--bv-paper-2:#f1ebe1;
  --bv-cream:#1f1a14;--bv-cream-soft:#5f564a;
  --bv-acento-escuro:var(--bv-acento-papel);
  background:#f6f1e8;
}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .sp-nav{background:rgba(246,241,232,.94)!important;border-bottom:1px solid rgba(31,26,20,.1)!important}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .sp-nav-links a{color:#3d352b!important}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] :is(.sp-nav-account,.sp-nav-mobile){border-color:rgba(31,26,20,.28)!important}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .sp-footer{background:#ece3d4!important;color:#5f564a!important}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .sp-footer :is(.sp-footer-col a,.sp-footer-col>div,.sp-footer-bottom,.sp-footer-brand p,.sp-footer-bottom a){color:#4f473c!important}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .sp-footer-social a{background:rgba(31,26,20,.06)!important}
/* faixas com foto: o fundo declarado é escuro, o texto continua claro */
html body.sc-barber-public.sc-template-1[data-color-mode="light"] :is(.bv-hero,.bv-cta){background:#17130e;--bv-cream:#f4efe6;--bv-cream-soft:rgba(244,239,230,.8);--bv-acento-escuro:var(--bv-acento-noite)}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] :is(.bv-hero,.bv-cta) :is(h1,h2){color:#f4efe6!important}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .bv-btn-ghost{border-color:rgba(31,26,20,.3)}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] :is(.bv-hero,.bv-cta) .bv-btn-ghost{border-color:rgba(244,239,230,.4);color:#f4efe6}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .bv-btn-ink{background:#1f1a14;color:#f6f1e8}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] .bv-barber-body .tag{background:rgba(31,26,20,.05)}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] :is(.bv-serv,.bv-card:not(.light)){box-shadow:0 22px 46px -40px rgba(31,26,20,.35)}
html body.sc-barber-public.sc-template-1[data-color-mode="light"] :is(.bv-about-photo,.bv-mapa){box-shadow:0 30px 60px -46px rgba(31,26,20,.45)}

/* =====================================================================
   Jornada dos temas 1 e 2 nos dois modos (agendar, produtos, planos,
   serviços) e acertos do tema 2 (vitrine do núcleo) na home.
   ===================================================================== */
/* o dourado do núcleo vira cor sólida, com tinta calculada */
html body.sc-barber-public:is(.sc-template-1,.sc-template-2)[data-color-mode="dark"]{--vb-gold:var(--bv-gold-solido)}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2) :is(.vb-home-cta,.vb-home-cta h2,.vb-home-cta p,.vb-home-cta .vb-lead,.vb-plan-card .vb-plan-badge){color:var(--bv-gold-tinta)!important}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2) :is(.vb-btn-primary,.vb-product-add,.vb-shop-filter a.active,.sp-nav-cta){background:var(--bv-gold-solido)!important;color:var(--bv-gold-tinta)!important;border-color:var(--bv-gold-solido)!important}
/* cabeçalho com foto das internas: fundo escuro declarado sob a foto */
html body.sc-barber-public:is(.sc-template-1,.sc-template-2) .vb-page-hero{background-color:#0b0c0b}
/* no claro, o acento de texto é medido contra o papel */
html body.sc-barber-public:is(.sc-template-1,.sc-template-2)[data-color-mode="light"]{--sp-active:var(--bv-acento-papel)}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2)[data-color-mode="light"] .vb-choice strong{color:var(--bv-acento-papel)!important}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2)[data-color-mode="light"] .vb-product p{color:#5a5f57!important}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2)[data-color-mode="light"] .sp-footer-bottom :is(span,a){color:#4f473c!important}

/* tema 2 (vitrine): o acento de cada faixa segue o fundo dela */
html body.sc-barber-public.sc-template-2[data-color-mode="light"] .bx-home{--bx-accent:var(--bv-acento-papel)}
html body.sc-barber-public.sc-template-2[data-color-mode="light"] .bx-home .bx-tone-alt{--bx-accent:var(--bv-acento-noite)}
html body.sc-barber-public.sc-template-2[data-color-mode="dark"] .bx-home{--bx-accent:var(--bv-acento-noite)}
html body.sc-barber-public.sc-template-2[data-color-mode="dark"] .bx-home .bx-tone-alt{--bx-accent:var(--bv-acento-papel)}
html body.sc-barber-public.sc-template-2 .bx-home .bx-pro{background:#111211}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2) :is(.vb-home-cta,.vb-plan-card .vb-plan-badge){background:var(--bv-gold-solido)!important}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2) .vb-home-cta *:not(.vb-btn):not(.vb-btn *){color:var(--bv-gold-tinta)!important}html body.sc-barber-public.sc-template-1 .vb-page-hero .vb-eyebrow{color:var(--bv-acento-noite)!important}
html body.sc-barber-public:is(.sc-template-1,.sc-template-2)[data-color-mode="dark"] .vb-plan-card span:not(.vb-plan-badge){color:#a9aea8}