@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{--sol:#f07a12;--sol2:#ffb547;--ink:#1d2433;--muted:#5d6577;--bg:#fff;--soft:#fff7ef;--line:#efe3d6;--green:#1f8f5f;--r:18px}
body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1160px,100% - 32px);margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;transition:.2s;border:2px solid transparent}
.btn-sol{background:linear-gradient(135deg,var(--sol),#ff9a2e);color:#fff;box-shadow:0 10px 24px rgba(240,122,18,.3)}
.btn-sol:hover{transform:translateY(-2px)}
.btn-wa{background:#25d366;color:#fff}
.btn-ghost{border-color:currentColor}
.preview-bar{background:#1d2433;color:#fff;font-size:13px;text-align:center;padding:8px 12px}
.preview-bar a{color:var(--sol2);font-weight:700;margin:0 8px}
header.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
header.top img{height:46px;width:auto}
header.top nav{display:flex;gap:22px;font-weight:500;font-size:14.5px;align-items:center}
header.top nav a:hover{color:var(--sol)}
.nav-shop{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--soft);color:var(--sol);font-weight:700;border:1px solid #ffd9b3}
@media(max-width:900px){header.top nav a:not(.nav-shop):not(.btn){display:none}header.top .btn{padding:10px 16px;font-size:13px}}
section{padding:72px 0}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sol);background:var(--soft);border:1px solid #ffd9b3;padding:6px 14px;border-radius:999px;margin-bottom:16px}
h1{font-size:clamp(32px,5vw,54px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}
.lead{font-size:18px;color:var(--muted);max-width:640px}
.center{text-align:center}.center .lead{margin:0 auto}
.hl{color:var(--sol)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.trust div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted)}
.trust i{font-size:22px;color:var(--sol);width:28px;text-align:center}
.trust b{display:block;color:var(--ink);font-size:16px}
@media(max-width:800px){.trust{grid-template-columns:1fr 1fr}}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
@media(max-width:1000px){.areas{grid-template-columns:1fr 1fr}}@media(max-width:560px){.areas{grid-template-columns:1fr}}
.area{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.area:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(29,36,51,.1)}
.area img{aspect-ratio:4/3;object-fit:cover;width:100%}
.area .b{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.area h3{font-size:20px}
.area p{font-size:14px;color:var(--muted)}
.area ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:auto}
.area li a{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;padding:9px 12px;border-radius:10px;background:var(--soft)}
.area li a:hover{background:#ffe6cc}
.perfis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:860px){.perfis{grid-template-columns:1fr}}
.perfil{border-radius:22px;padding:28px;background:var(--soft);border:1px solid #ffe0c2}
.perfil i{font-size:28px;color:var(--sol)}
.perfil h3{margin:12px 0 6px;font-size:19px}
.perfil p{color:var(--muted);font-size:14.5px;margin-bottom:14px}
.perfil a{font-weight:700;color:var(--sol)}
.deps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:900px){.deps{grid-template-columns:1fr}}
.dep{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px}
.dep .stars{color:#fbbc04;font-size:14px}
.dep p{font-size:14.5px;color:#39404f}
.dep .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.dep .who img{width:44px;height:44px;border-radius:50%}
.dep .who b{font-size:14px;display:block}
.dep .who span{font-size:12px;color:var(--muted)}
.gbadge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--muted)}
.gbadge i{color:#4285f4}
.cta-band{background:linear-gradient(135deg,#1d2433,#2b3550);color:#fff;border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band p{color:#c9cfdb}
.faq{max-width:820px;margin:32px auto 0;display:flex;flex-direction:column;gap:12px}
.faq details{border:1px solid var(--line);border-radius:14px;padding:18px 22px;background:#fff}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:'+';color:var(--sol);font-size:22px;line-height:1}
.faq details[open] summary::after{content:'–'}
.faq p{margin-top:10px;color:var(--muted);font-size:15px}
.shop{background:linear-gradient(180deg,#fff7ef,#fff);border-top:1px solid var(--line)}
.shop-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
@media(max-width:860px){.shop-grid{grid-template-columns:1fr}}
.prod{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(29,36,51,.06)}
.prod img{width:110px;height:110px;object-fit:contain;border-radius:12px;background:#fafafa}
.prod h4{font-size:15.5px;line-height:1.35}
.prod .price{font-weight:800;font-size:20px;margin:4px 0}
.prod .tag{font-size:12px;font-weight:700;color:var(--green);background:#e8f6ef;padding:3px 10px;border-radius:999px}
.prod .go{display:inline-flex;margin-top:8px;font-size:13.5px;font-weight:700;color:#fff;background:#3483fa;padding:8px 14px;border-radius:10px;gap:6px;align-items:center}
.disc{font-size:12px;color:var(--muted);margin-top:10px}
footer.foot{background:#141a26;color:#c9cfdb;padding:48px 0 24px;font-size:14px}
footer.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media(max-width:800px){footer.foot .cols{grid-template-columns:1fr}}
footer.foot h4{color:#fff;margin-bottom:12px}
footer.foot li{list-style:none;margin-bottom:8px}
footer.foot i{color:var(--sol2);width:20px}
footer.foot .copy{border-top:1px solid #2a3245;margin-top:32px;padding-top:18px;font-size:12.5px;text-align:center}
.wa-float{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:60}
/* V1 */
.v1 .hero{background:radial-gradient(circle at 85% 20%,#ffe2c2 0,transparent 45%),linear-gradient(180deg,#fff7ef,#fff);padding:72px 0 40px}
.v1 .hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.v1 .collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v1 .collage img{border-radius:22px;aspect-ratio:1;object-fit:cover;box-shadow:0 16px 40px rgba(29,36,51,.12)}
.v1 .collage img:nth-child(2){transform:translateY(28px)}.v1 .collage img:nth-child(4){transform:translateY(28px)}
.v1 .hero .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media(max-width:900px){.v1 .hero-grid{grid-template-columns:1fr}}
/* V2 */
.v2{--bg:#0f1712;--ink:#f4efe6;--muted:#b9c2b8;--line:#25332a;--soft:#18241c}
.v2 header.top{background:rgba(15,23,18,.92)}
.v2 .nav-shop{border-color:#3a4a3e;background:#1b2a20;color:var(--sol2)}
.v2 .hero{min-height:82vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(15,23,18,.96) 35%,rgba(15,23,18,.55)),url('/img-acupuntura.png') right center/contain no-repeat;padding:80px 0}
.v2 h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(36px,5.6vw,64px)}
.v2 .eyebrow{background:transparent;border-color:#3a4a3e;color:var(--sol2)}
.v2 .area,.v2 .dep,.v2 .faq details,.v2 .trust div,.v2 .prod{background:#16211a;border-color:#25332a}
.v2 .area li a{background:#1d2c22}
.v2 .area li a:hover{background:#26392c}
.v2 .perfil{background:#16211a;border-color:#25332a}
.v2 .dep p{color:#dfe5dc}
.v2 .shop{background:linear-gradient(180deg,#121c15,#0f1712)}
.v2 .prod img{background:#fff}
.v2 .tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.v2 .tabs a{padding:10px 18px;border-radius:999px;border:1px solid #3a4a3e;font-weight:600;font-size:14px}
.v2 .tabs a:hover{background:var(--sol);border-color:var(--sol);color:#fff}
@media(max-width:800px){.v2 .hero{background:linear-gradient(180deg,rgba(15,23,18,.85),rgba(15,23,18,.97)),url('/img-acupuntura.png') center/cover}}
/* V3 */
.v3 .hero{padding:56px 0}
.v3 .hero-card{background:linear-gradient(135deg,var(--sol),#ffa63d);border-radius:32px;padding:56px;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;overflow:hidden;position:relative}
.v3 .hero-card .lead{color:#fff4e8}
.v3 .hero-card .btn-ghost{color:#fff}
.v3 .hero-card .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.v3 .hero-card img{border-radius:24px;aspect-ratio:1;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.v3 .hero-card .eyebrow{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff}
@media(max-width:860px){.v3 .hero-card{grid-template-columns:1fr;padding:32px}}
.v3 .matrix{width:100%;border-collapse:separate;border-spacing:0;margin-top:30px;border:1px solid var(--line);border-radius:20px;overflow:hidden;font-size:14.5px}
.v3 .matrix th,.v3 .matrix td{padding:16px;border-bottom:1px solid var(--line);text-align:left}
.v3 .matrix th{background:var(--soft);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.v3 .matrix td a{font-weight:700;color:var(--sol)}
.v3 .matrix tr:last-child td{border-bottom:0}
.v3 .tablewrap{overflow-x:auto}
.v3 .shop-strip{background:#1d2433;color:#fff;border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.v3 .shop-strip .prod{background:#fff;color:var(--ink)}
@media(max-width:860px){.v3 .shop-strip{grid-template-columns:1fr}}
/* V4 */
.v4 .hero{min-height:82vh;display:flex;align-items:center;background:linear-gradient(90deg,#fff7ef 45%,rgba(255,247,239,.6) 58%,rgba(255,247,239,0) 72%),url('/img-acupuntura.png') right center/auto 100% no-repeat,#fff7ef;padding:80px 0}
.v4 h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(36px,4.6vw,58px);max-width:620px}
.v4 .tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.v4 .tabs a{padding:10px 18px;border-radius:999px;border:1px solid #ffd9b3;background:#fff;font-weight:600;font-size:14px}
.v4 .tabs a:hover{background:var(--sol);border-color:var(--sol);color:#fff}
.v4 .btn-ghost{color:var(--ink)}
@media(max-width:800px){.v4 .hero{background:linear-gradient(180deg,rgba(255,247,239,.88),rgba(255,247,239,.97)),url('/img-acupuntura.png') center/cover}}
.v4 .trust div{border:2px solid #f3c497;box-shadow:0 10px 24px rgba(240,122,18,.14)}

/* === Cores por área (31/10/2026) — caixas coloridas com sombra, padrão do sistema === */
.v4 .areas{gap:24px}
.v4 .area{--c:#f87171;--bg:#fff1f1;--sh:rgba(248,113,113,.28);--chip:#ffe4e4;--chipH:#fecaca;
  background:linear-gradient(160deg,#fff 0%,var(--bg) 100%);border:1.5px solid var(--c);
  box-shadow:0 10px 30px var(--sh);}
.v4 .area:hover{transform:translateY(-6px);box-shadow:0 18px 44px var(--sh)}
.v4 .area img{border-bottom:1.5px solid var(--c)}
.v4 .area li a{background:var(--chip);border:1px solid transparent;transition:.2s}
.v4 .area li a:hover{background:var(--chipH);border-color:var(--c)}
.v4 .areas>.area:nth-child(1){--c:#f87171;--bg:#fff1f1;--sh:rgba(248,113,113,.28);--chip:#ffe4e4;--chipH:#fecaca}
.v4 .areas>.area:nth-child(2){--c:#60a5fa;--bg:#eef5ff;--sh:rgba(96,165,250,.28);--chip:#dbeafe;--chipH:#bfdbfe}
.v4 .areas>.area:nth-child(3){--c:#4ade80;--bg:#effcf3;--sh:rgba(74,222,128,.28);--chip:#dcfce7;--chipH:#bbf7d0}
.v4 .areas>.area:nth-child(4){--c:#c084fc;--bg:#f8f1ff;--sh:rgba(192,132,252,.28);--chip:#f3e8ff;--chipH:#e9d5ff}
.v4 .areas{grid-template-columns:repeat(5,1fr);gap:18px}
.v4 .areas>.area:nth-child(5){--c:#fb923c;--bg:#fff4e8;--sh:rgba(251,146,60,.30);--chip:#ffedd5;--chipH:#fed7aa}
@media (max-width:1180px){.v4 .areas{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.v4 .areas{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.v4 .areas{grid-template-columns:1fr}}