/* Demos: sites de exemplo (modelos de site) */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fbf3e6;--soft:#f4e8d3;--ink:#2b1a12;--muted:#6b5547;--line:#e6d6bb;--accent:#b92d1a;--accent-2:#8f2112;--on-accent:#fff;--deco:#e8a53a;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:8px;z-index:99;background:#fff;padding:10px 14px}
.wrap{width:min(100% - 40px,1100px);margin-inline:auto}
section[id]{scroll-margin-top:90px}
/* faixa de demonstração */
.d-banner{background:#182e25;color:#e6efe3;font-size:.75rem}
.d-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.d-banner a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#fff;white-space:nowrap}
.d-banner a:hover{color:#b7ef73}
.d-banner .d-label{display:flex;align-items:center;gap:8px;text-align:center;font-weight:600}
.d-banner .d-label i{width:7px;height:7px;border-radius:50%;background:#b7ef73;flex:none}
.d-long{display:none}
@media(min-width:700px){.d-long{display:inline}.d-short{display:none}.d-banner{font-size:.78rem}}
@media(max-width:399px){.d-banner{font-size:.64rem}.d-banner .wrap{gap:8px}.d-banner a{min-height:38px}}
/* cabeçalho */
.d-head{background:var(--bg);border-bottom:1px solid var(--line)}
.d-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.d-logo{font-family:var(--serif);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.d-logo b{color:var(--accent)}
.d-nav{display:none;gap:26px;margin-left:auto}
.d-nav a{font-size:.84rem;font-weight:600;color:var(--muted);padding:12px 0}
.d-nav a:hover{color:var(--accent)}
@media(min-width:820px){.d-nav{display:flex}}
.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 24px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.9rem;font-weight:700;transition:background .2s}
.d-btn:hover{background:var(--accent-2)}
.d-btn-sm{min-height:44px;padding:10px 18px;font-size:.8rem;gap:8px}
.d-btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.d-btn-ghost:hover{background:var(--ink);color:var(--bg)}
/* hero */
.d-hero{background:var(--soft);border-bottom:1px solid var(--line);overflow:hidden}
.d-hero .wrap{display:grid;gap:36px;padding-block:48px 56px;align-items:center}
@media(min-width:820px){.d-hero .wrap{grid-template-columns:1.1fr .9fr;padding-block:84px;gap:60px}}
.d-eyebrow{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.d-hero h1{font-family:var(--serif);font-size:clamp(2.5rem,8.5vw,4.4rem);line-height:1.02;letter-spacing:-.035em;font-weight:700;margin:14px 0 18px}
.d-lead{max-width:480px;color:var(--muted);font-size:1.02rem;line-height:1.7}
.d-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.d-note{margin-top:14px;color:var(--muted);font-size:.74rem;max-width:420px}
.d-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:.82rem;font-weight:600}
.d-facts li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--deco);margin-right:9px}
/* seções */
.d-sec{padding:72px 0}
@media(min-width:820px){.d-sec{padding:96px 0}}
.d-sec.alt{background:var(--soft);border-block:1px solid var(--line)}
.d-sec h2{font-family:var(--serif);font-size:clamp(1.9rem,5.5vw,2.9rem);line-height:1.08;letter-spacing:-.03em;margin:10px 0 12px;font-weight:700}
.d-sec-lead{color:var(--muted);max-width:540px;font-size:.95rem;line-height:1.7;margin-bottom:34px}
.d-menu{display:grid;gap:0 48px;border-top:1px solid var(--line)}
@media(min-width:820px){.d-menu{grid-template-columns:1fr 1fr}}
.d-item{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--line)}
.d-item h3{font-size:1.05rem;letter-spacing:-.02em}
.d-item p{grid-column:1;color:var(--muted);font-size:.86rem;line-height:1.55}
.d-item strong{grid-row:1;grid-column:2;font-family:var(--serif);font-size:1.2rem;color:var(--accent);white-space:nowrap}
.d-cards{display:grid;gap:16px}
@media(min-width:700px){.d-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.d-cards.c4{grid-template-columns:repeat(4,1fr)}}
.d-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.d-card h3{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:8px}
.d-card p{color:var(--muted);font-size:.86rem;line-height:1.65}
.d-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--soft);color:var(--accent);margin-bottom:16px}
.d-ico svg{width:24px;height:24px}
.d-steps{display:grid;gap:24px;counter-reset:s}
@media(min-width:820px){.d-steps{grid-template-columns:repeat(3,1fr);gap:36px}}
.d-steps li{border-top:2px solid var(--ink);padding-top:18px}
.d-steps li:before{counter-increment:s;content:"0" counter(s);display:block;font-size:.75rem;font-weight:800;color:var(--accent);margin-bottom:14px}
.d-steps h3{font-size:1.1rem;margin-bottom:6px;letter-spacing:-.02em}
.d-steps p{color:var(--muted);font-size:.88rem;line-height:1.65}
.d-info{display:grid;gap:16px}
@media(min-width:700px){.d-info{grid-template-columns:repeat(3,1fr)}}
.d-info div{border-left:3px solid var(--deco);padding:4px 0 4px 18px}
.d-info h3{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.d-info p{font-size:.95rem;font-weight:600;line-height:1.5}
.d-final{background:var(--ink);color:#fff;text-align:center;padding:80px 0}
.d-final h2{font-family:var(--serif);font-size:clamp(2rem,6vw,3.2rem);line-height:1.08;letter-spacing:-.03em;max-width:620px;margin:0 auto 14px}
.d-final p{color:#e3d7c8;max-width:460px;margin:0 auto 28px;font-size:.95rem}
.d-final .d-btn{background:var(--deco);color:#1d140e}
.d-final .d-btn:hover{background:#fff}
.d-foot{background:#141414;color:#d2d2d2;padding:40px 0 48px;font-size:.8rem;line-height:1.7}
.d-foot .wrap{display:grid;gap:14px}
.d-foot strong{color:#fff}
.d-foot .d-disclaimer{padding:14px 16px;border:1px solid #3a3a3a;border-radius:10px;color:#e6e6e6}
.d-foot a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:700}
.d-foot a:hover{color:#b7ef73}
.d-foot-nav{display:flex;flex-wrap:wrap;align-items:center;gap:0}
.d-foot-nav a+a:before{content:"·";margin-inline:.75em;font-weight:400;color:#d2d2d2}@media(max-width:399px){.d-foot-nav{flex-direction:column;align-items:flex-start}.d-foot-nav a+a:before{content:none;margin:0}}
.float-wa{position:fixed;right:18px;bottom:18px;z-index:15;width:54px;height:54px;border-radius:50%;background:#25d366;color:#0b3d1c;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.float-wa svg{width:26px;height:26px}
@media(max-width:520px){.float-wa{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.d-btn{transition:none}}
/* fotos */
.d-photo{position:relative;margin:0;max-width:460px;margin-inline:auto;isolation:isolate}
.d-photo:before{content:"";position:absolute;inset:16px -14px -16px 14px;border-radius:30px;background:var(--deco);opacity:.28;z-index:-1}
.d-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 40%;border-radius:26px;background:var(--line);box-shadow:0 24px 54px rgba(43,26,18,.16)}
@media(min-width:820px){.d-photo img{aspect-ratio:4/5;object-position:50% 50%}}
.d-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:6px}
.d-gallery li:first-child{grid-column:1/-1}
.d-gallery figure{margin:0}
.d-gallery img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;background:var(--line)}
.d-gallery li:first-child img{aspect-ratio:4/3}
.d-gallery figcaption{margin-top:12px;font-size:.84rem;font-weight:600;letter-spacing:-.01em;color:var(--muted)}
@media(min-width:700px){.d-gallery{grid-template-columns:repeat(3,1fr);gap:24px}.d-gallery li:first-child{grid-column:auto}.d-gallery img,.d-gallery li:first-child img{aspect-ratio:4/5;border-radius:20px}}
.d-card.has-photo{padding:0;overflow:hidden}
.d-card-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--line)}
.d-card-body{position:relative;padding:0 24px 26px}
.has-photo .d-ico{position:relative;margin:-23px 0 14px;background:#fff;box-shadow:0 0 0 4px #fff,0 8px 18px rgba(18,52,59,.12)}
/* temas */
body.t-salao{--bg:#fbf4ee;--soft:#f3e6dd;--ink:#3b1f2e;--muted:#6b5260;--line:#e8d5ca;--accent:#6a2c47;--accent-2:#4d1d33;--deco:#c9976b}
body.t-salao h1,body.t-salao h2{font-style:italic;font-weight:400}
body.t-salao .d-item strong{font-style:normal}
body.t-clinica{--bg:#f4faf9;--soft:#e4f2ef;--ink:#12343b;--muted:#46606a;--line:#cfe3df;--accent:#0b6460;--accent-2:#08504d;--deco:#5fb9ae;--serif:Inter,system-ui,sans-serif}
body.t-clinica h1,body.t-clinica h2,body.t-clinica .d-logo,body.t-clinica .d-item strong{letter-spacing:-.045em}
body.t-clinica .d-final{background:#0f3a40}
body.t-clinica .d-final .d-btn{background:#fff;color:#0f3a40}
body.t-clinica .d-final .d-btn:hover{background:#cfeae5}
body.t-clinica .d-card{border-radius:18px}

body.t-salao .d-photo:before{border-radius:260px 260px 30px 30px;inset:16px -14px -16px 14px;opacity:.32}
body.t-salao .d-photo img{border-radius:240px 240px 22px 22px}
body.t-pizzaria .d-photo img{box-shadow:0 26px 56px rgba(80,32,12,.22)}
body.t-clinica .d-photo:before{background:var(--deco);opacity:.3;border-radius:40px}
body.t-clinica .d-photo img{border-radius:34px;box-shadow:0 24px 54px rgba(18,52,59,.16)}