:root{--bg:#FBF7F6;--surface:#fff;--ink:#2A1A1E;--muted:#6E5C61;--line:#EADFE0;--accent:#9E1B32;--accent-ink:#fff;--accent-soft:#F6E1E5;--good:#1E7A55;--wa:#1F8F4E;
      --f-display:"Young Serif",Georgia,serif;--f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
    @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#171113;--surface:#221A1D;--ink:#F4EAEC;--muted:#B39FA4;--line:#3A2D31;--accent:#E0566D;--accent-ink:#1A0E11;--accent-soft:#3E1F26;--good:#5CC896;--wa:#4FC27F;color-scheme:dark}}
    :root[data-theme="dark"]{--bg:#171113;--surface:#221A1D;--ink:#F4EAEC;--muted:#B39FA4;--line:#3A2D31;--accent:#E0566D;--accent-ink:#1A0E11;--accent-soft:#3E1F26;--good:#5CC896;--wa:#4FC27F;color-scheme:dark}
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55}
    a{color:var(--accent)}
    .w{max-width:1080px;margin:0 auto;padding:0 20px}
    nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:12px}
    .logo{font-family:var(--f-display);font-size:24px;white-space:nowrap;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}
    .logo img{width:30px;height:30px}
    nav .links{display:flex;gap:18px;align-items:center;font-size:15px}
    nav .links a{color:var(--ink);text-decoration:none}
    .btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
    .btn.pri{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
    .btn.sm{min-height:40px;padding:8px 16px;font-size:15px}
    h1,h2,h3{font-family:var(--f-display);font-weight:400;text-wrap:balance;letter-spacing:-.01em}
    h1{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:18px 0 16px}
    h2{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:0 0 14px}
    h3{font-size:21px;margin:0 0 6px}
    .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:30px 0 60px}
    .lead{font-size:20px;color:var(--muted);max-width:34em}
    .cta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 10px}
    .small{font-size:14px;color:var(--muted)}
    .phone{justify-self:center;width:300px;max-width:100%;border:10px solid #2A1A1E;border-radius:38px;background:#F6F1F1;color:#2A1A1E;padding:18px 14px 14px;box-shadow:0 30px 60px -30px rgba(80,20,30,.45);font-size:13px}
    .phone .t{font-family:var(--f-display);font-size:19px;margin-bottom:2px}
    .phone .d{color:#7A666B;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
    .phone .row{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #E8DCDD;border-radius:12px;padding:9px 10px;margin-top:7px}
    .phone .row b{display:block;font-size:13px}
    .phone .row span{color:#7A666B;font-size:11.5px}
    .phone .h{font-weight:700;font-variant-numeric:tabular-nums;border-left:3px solid var(--c,#9E1B32);padding-left:6px}
    .tag{font-size:10.5px;padding:2px 7px;border-radius:99px;background:#E1F2EA;color:#1E7A55;font-weight:600}
    .tag.on{background:#E5EAF7;color:#3A4F8C}
    .phone .sum{display:flex;justify-content:space-between;margin-top:12px;padding:10px;border-radius:12px;background:#9E1B32;color:#fff}
    section{padding:64px 0;border-top:1px solid var(--line)}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
    .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}
    .card p{margin:0;color:var(--muted);font-size:16px}
    .ic{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:12px}
    .ic svg{width:22px;height:22px}
    .two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
    ul.check{list-style:none;padding:0;margin:16px 0 0}
    ul.check li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--line)}
    ul.check li::before{content:"";position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:2.5px solid var(--good);border-bottom:2.5px solid var(--good);transform:rotate(-45deg)}
    .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1020px;margin:26px auto 0}
    .anual-tag{margin:18px auto 0;max-width:640px;background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:10px 18px;font-size:15px}
    .plan{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px}
    .plan.hi{border:2px solid var(--accent)}
    .price{font-family:var(--f-display);font-size:42px;margin:6px 0}
    .price small{font-family:var(--f-body);font-size:16px;color:var(--muted)}
    .soon{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 9px;margin-left:6px;vertical-align:middle}
    details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px}
    summary{cursor:pointer;font-weight:600}
    details p{margin:10px 0 0;color:var(--muted)}
    .center{text-align:center}
    .final{background:var(--accent);color:var(--accent-ink);border-radius:26px;padding:44px 24px;text-align:center}
    .final .btn{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}
    footer{padding:30px 0 50px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
    footer a{color:var(--muted)}
    @media (max-width:820px){
      .hero,.two{grid-template-columns:1fr}
      .grid{grid-template-columns:1fr}
      .plans{grid-template-columns:1fr}
      nav .links a.hide{display:none}
      .logo{font-size:20px} nav .links{gap:12px}
      section{padding:48px 0}
      body{font-size:16px}
      .lead{font-size:18px}
    }
    .crumb{font-size:14px;color:var(--muted);margin:6px 0 0}.crumb a{color:var(--muted)}
    .prose{max-width:760px}.prose h2{margin-top:44px}.prose h3{margin-top:28px}.prose p,.prose li{color:var(--ink)}
    .prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:16px}.prose th,.prose td{border:1px solid var(--line);padding:10px;text-align:left}.prose th{background:var(--accent-soft)}
    .pain{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
    .pain div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
    .steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
    .steps div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative}
    .steps div::before{counter-increment:s;content:counter(s);font-family:var(--f-display);font-size:28px;color:var(--accent);display:block;margin-bottom:6px}
    .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
    .tiles a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:15px}
    .tiles a:hover{border-color:var(--accent)}
    .sitemap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0 0;font-size:14px}
    .sitemap b{display:block;margin-bottom:8px}.sitemap a{display:block;color:var(--muted);text-decoration:none;padding:3px 0}.sitemap a:hover{color:var(--accent)}
    .calc{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .calc label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}
    .calc input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit}
    .calc .out{background:var(--accent-soft);border-radius:16px;padding:20px}
    .calc .big{font-family:var(--f-display);font-size:46px;color:var(--accent);line-height:1.1}
    .calc .line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:15px}
    @media (max-width:820px){.pain,.steps,.calc{grid-template-columns:1fr}.tiles,.sitemap{grid-template-columns:1fr 1fr}}
.wa-fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:50}
.wa-fab svg{width:30px;height:30px}
.wa-fab:hover{transform:scale(1.05)}

/* Barbearia na Hora: azul-marinho e grafite */
:root[data-marca="barbearia"]{--bg:#F3F5F8;--surface:#fff;--ink:#151C26;--muted:#5D6A7A;--line:#DCE2EA;--accent:#1E3A5F;--accent-ink:#fff;--accent-soft:#E1E8F2;--f-display:"Oswald","Arial Narrow",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root[data-marca="barbearia"]:not([data-theme="light"]){--bg:#0F141B;--surface:#18202B;--ink:#E8EDF3;--muted:#9AA7B6;--line:#2A3544;--accent:#7FA9E0;--accent-ink:#0B1220;--accent-soft:#1B2C45}}
:root[data-marca="barbearia"] h1,:root[data-marca="barbearia"] h2,:root[data-marca="barbearia"] h3,:root[data-marca="barbearia"] .logo,:root[data-marca="barbearia"] .price{font-weight:600;letter-spacing:0}
:root[data-marca="barbearia"] h1{text-transform:uppercase;letter-spacing:.01em}
:root[data-marca="barbearia"] .phone{border-color:#151C26;background:#F3F5F8;color:#151C26;box-shadow:0 30px 60px -30px rgba(20,35,60,.5)}
:root[data-marca="barbearia"] .phone .row{border-color:#DCE2EA}
:root[data-marca="barbearia"] .phone .d,:root[data-marca="barbearia"] .phone .row span{color:#5D6A7A}
:root[data-marca="barbearia"] .phone .sum{background:#1E3A5F}