/* Modelos demonstrativos: base mobile-first + identidade por segmento (t-*). Sem fontes externas. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);}
img,svg{max-width:100%;display:block}
a{color:var(--link)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--font-head);line-height:1.15;margin:0 0 .6em;color:var(--heading)}
h1{font-size:clamp(2rem,7vw,3.4rem);letter-spacing:var(--h-track)}
h2{font-size:clamp(1.6rem,4.5vw,2.3rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.narrow{max-width:760px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.6rem 1rem;z-index:30}
.skip:focus{left:1rem;top:3.2rem}
.demo-banner{background:#111;color:#f5f5f5;font:600 .875rem/1.4 system-ui,sans-serif;text-align:center;padding:.55rem 1rem}
.demo-banner p{margin:0}
.demo-banner a{color:#ffe08a;margin-left:.35rem;white-space:nowrap}
.demo-banner a:focus-visible{outline-color:#ffe08a}
.demo-header{background:var(--header-bg);color:var(--header-ink);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.header-row{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.6rem;font:700 1.05rem/1.2 var(--font-head);color:inherit;text-decoration:none}
.logo-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:var(--radius-sm);background:var(--brand);color:var(--brand-ink);font-weight:700}
.demo-header nav{display:flex;gap:.25rem 1rem;flex-wrap:wrap;font-size:.92rem}
.demo-header nav a{color:inherit;text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.demo-header nav a:hover{border-color:var(--accent)}
@media (max-width:720px){.demo-header{position:static}.demo-header nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.demo-header nav a{white-space:nowrap}}
.hero{background:var(--hero);padding:clamp(2.5rem,8vw,5.5rem) 0}
.hero-grid{display:grid;gap:2rem;align-items:center}
@media (min-width:860px){.hero-grid{grid-template-columns:1.15fr .85fr}}
.hero h1,.hero .lead,.hero .eyebrow,.hero .note{color:var(--hero-ink)}
.eyebrow{font:700 .78rem/1.3 var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text)}
.lead{font-size:1.18rem;max-width:36rem}
.note{font-size:.85rem;opacity:.9}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 .8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.4rem;border-radius:var(--radius-btn);background:var(--brand);color:var(--brand-ink);font-weight:700;text-decoration:none;border:2px solid var(--brand)}
.btn:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--ghost-ink);border-color:currentcolor}
.btn-light{background:var(--brand-ink);color:var(--brand);border-color:var(--brand-ink)}
.hero-art{max-width:420px;justify-self:center;width:100%;filter:drop-shadow(0 18px 30px rgb(0 0 0 / .12))}
.section{padding:clamp(2.75rem,7vw,5rem) 0}
.alt{background:var(--surface)}
.label{font-size:.9rem;color:var(--muted);font-style:italic}
.h-small{font-size:1.4rem}
.cards,.diffs,.quotes{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}.quotes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;border-top:4px solid var(--accent)}
.card p,.diffs p{margin:0;color:var(--muted)}
.two-col{display:grid;gap:2.5rem}
@media (min-width:860px){.two-col{grid-template-columns:1fr 1fr}}
.diffs li{padding:.9rem 0 .9rem 1.1rem;border-left:3px solid var(--accent)}
.diffs h3{margin-bottom:.2rem;font-size:1.02rem}
.quote{margin:0;height:100%;background:var(--card);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--line)}
.quote blockquote{margin:0 0 .8rem;font-size:1.08rem}
.quote blockquote p::before{content:"“";font:700 2.2rem/0 var(--font-head);color:var(--accent-text);vertical-align:-.45em;margin-right:.15rem}
.quote figcaption{font-weight:700;color:var(--muted);font-size:.92rem}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:.7rem}
.faq summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;list-style-position:inside}
.faq details p{padding:0 1.2rem 1rem;margin:0;color:var(--muted)}
address{font-style:normal;font-size:1.08rem;line-height:1.7;margin-bottom:.6rem}
.hours{margin:0;display:grid;gap:.4rem}
.hours div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--line);padding:.45rem 0}
.hours dt{font-weight:700}.hours dd{margin:0}
.cta-band{background:var(--brand);color:var(--brand-ink)}
.cta-band h2{color:var(--brand-ink);margin:0}
.cta-row{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between}
.demo-footer{background:#141414;color:#e6e6e6;padding:2rem 0 5.5rem;font-size:.92rem}
.demo-footer a{color:#ffe08a}
.demo-footer a:focus-visible{outline-color:#ffe08a}
.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:25;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1d7a46;color:#fff;box-shadow:0 8px 22px rgb(0 0 0 / .25)}
.wa-float:focus-visible{outline:3px solid #111;outline-offset:3px}
.wa-icon{width:32px;height:32px}

/* Advocacia: sóbrio, serifado, azul-marinho e dourado */
.t-advocacia{--bg:#f7f5f0;--surface:#efebe2;--card:#fff;--ink:#1d2433;--heading:#141b2d;--muted:#4a5162;--line:#d9d2c3;--link:#1f3a73;--focus:#b8862f;
 --brand:#1f2a44;--brand-ink:#fff;--accent:#b8935a;--accent-text:#7a5a22;--hero:linear-gradient(135deg,#141b2d 0%,#25335a 100%);--hero-ink:#f4efe4;--ghost-ink:#f4efe4;
 --header-bg:#fff;--header-ink:#141b2d;--radius:4px;--radius-sm:2px;--radius-btn:2px;--h-track:-.01em;
 --font-head:Georgia,"Times New Roman",Times,serif;--font-body:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.t-advocacia .hero .eyebrow{color:#e2c48f}
.t-advocacia .hero .btn{background:#c9a96e;border-color:#c9a96e;color:#141b2d}

/* Clínica médica: limpo, verde-azulado, cantos suaves */
.t-clinica-medica{--bg:#fbfdfd;--surface:#eef7f6;--card:#fff;--ink:#16302e;--heading:#0d2b29;--muted:#44605d;--line:#cfe5e2;--link:#0b5f5f;--focus:#0f6e6e;
 --brand:#0f6e6e;--brand-ink:#fff;--accent:#2bb3a3;--accent-text:#0b5f5f;--hero:linear-gradient(160deg,#e3f4f2 0%,#ffffff 70%);--hero-ink:#0d2b29;--ghost-ink:#0b5f5f;
 --header-bg:#ffffff;--header-ink:#0d2b29;--radius:18px;--radius-sm:12px;--radius-btn:999px;--h-track:-.02em;
 --font-head:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--font-body:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}

/* Odontologia: leve, azul e menta, formas arredondadas */
.t-odontologia{--bg:#f6fafe;--surface:#e9f3fc;--card:#fff;--ink:#14263d;--heading:#0f2340;--muted:#475a72;--line:#cfe0f2;--link:#1b5fa8;--focus:#1b5fa8;
 --brand:#1b5fa8;--brand-ink:#fff;--accent:#5fcfb5;--accent-text:#155a8f;--hero:radial-gradient(circle at 85% 20%,#c9f1e6 0,#c9f1e6 18%,transparent 19%),linear-gradient(180deg,#e6f1fb,#f6fafe);--hero-ink:#0f2340;--ghost-ink:#1b5fa8;
 --header-bg:#ffffff;--header-ink:#0f2340;--radius:24px;--radius-sm:16px;--radius-btn:16px;--h-track:-.02em;
 --font-head:"Trebuchet MS","Segoe UI",system-ui,sans-serif;--font-body:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}

/* Estética e salão: elegante, rosé e ameixa, contraste suave */
.t-estetica{--bg:#fbf3f1;--surface:#f6e6e3;--card:#fffaf9;--ink:#3a1f2d;--heading:#4f1f3a;--muted:#6b4a5a;--line:#ead1cd;--link:#7a2e57;--focus:#7a2e57;
 --brand:#7a2e57;--brand-ink:#fff;--accent:#c76b8e;--accent-text:#8c3a63;--hero:linear-gradient(120deg,#f6e3e0 0%,#fbf3f1 55%,#f3dde6 100%);--hero-ink:#4f1f3a;--ghost-ink:#7a2e57;
 --header-bg:#fbf3f1;--header-ink:#4f1f3a;--radius:2px 28px 2px 28px;--radius-sm:14px;--radius-btn:999px;--h-track:.01em;
 --font-head:"Didot","Bodoni MT","Palatino Linotype",Palatino,Georgia,serif;--font-body:"Gill Sans","Segoe UI",system-ui,sans-serif}
.t-estetica h1{font-weight:400;font-style:italic}

/* Comércio local: caloroso, laranja-tijolo e verde, tipografia forte */
.t-comercio-local{--bg:#fffaf3;--surface:#fdf1e3;--card:#fff;--ink:#2b1d10;--heading:#3b2a1a;--muted:#5e4a36;--line:#efd9bd;--link:#9a3a16;--focus:#2f6b3a;
 --brand:#b4441b;--brand-ink:#fff;--accent:#2f6b3a;--accent-text:#2f6b3a;--hero:repeating-linear-gradient(45deg,#fdf1e3 0 14px,#fbe9d3 14px 28px);--hero-ink:#3b2a1a;--ghost-ink:#2f6b3a;
 --header-bg:#3b2a1a;--header-ink:#fffaf3;--radius:10px;--radius-sm:8px;--radius-btn:10px;--h-track:-.03em;
 --font-head:"Arial Black","Segoe UI Black","Helvetica Neue",Arial,sans-serif;--font-body:Verdana,"Segoe UI",system-ui,sans-serif}
.t-comercio-local .card{border-top-color:#b4441b}
.t-comercio-local .logo-mark{background:#f2a65a;color:#3b2a1a}