@import "tailwindcss";
:root{--bg:#0c0c0c;--surface:#151515;--surface-raised:#202020;--red:#ff1f16;--red-deep:#8f0c08;--white:#fff;--text:#f1f1f1;--muted:#a0a0a0;--line:#343434;--pad:clamp(24px,6vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}main{width:100%;max-width:1440px;margin:0 auto;overflow:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;color:var(--white);font-family:Poppins,Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.045em}h1,h2{font-size:clamp(2rem,5vw,3rem);line-height:.98}h3{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.08}p{margin-top:0}
.topbar{min-height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:20;background:rgba(12,12,12,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;line-height:1.1}.brand strong{color:#fff;font-size:.84rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.brand span{margin-top:5px;color:var(--muted);font-size:.64rem}.top-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;color:#fff;background:var(--red);border:1px solid var(--red);border-radius:10px;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;transition:transform .2s ease,background .2s ease}.top-cta{min-height:40px;padding:0 16px;font-size:.62rem}.button:hover,.top-cta:hover{transform:translateY(-2px);background:#d9140c}.cream{background:var(--red);border-color:var(--red)}
.hero,.section,footer{padding-left:var(--pad);padding-right:var(--pad)}.hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,7vw,96px);align-items:center;position:relative;overflow:hidden;padding-top:86px;padding-bottom:86px;background:radial-gradient(circle at 80% 22%,rgba(255,31,22,.36),transparent 27%),linear-gradient(145deg,#0c0c0c 35%,#170706 72%,#0c0c0c)}.hero:before{content:"ESCUTA";position:absolute;left:-1vw;top:7%;color:rgba(255,255,255,.025);font-size:clamp(7rem,20vw,20rem);font-weight:900;letter-spacing:-.09em;line-height:.8}.hero>*{position:relative;z-index:1}.hero-inner{max-width:650px}.hero-aside{width:min(100%,480px);min-height:330px;justify-self:center;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#1b1b1b,#250c0a);border:1px solid #55201c;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.hero-aside span{color:var(--red);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.hero-aside p{margin:54px 0 0;color:#fff;font-size:1.55rem;font-weight:800;line-height:1.1;letter-spacing:-.04em}.eyebrow{margin:0 0 24px;color:var(--red);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}.pale{color:#ff6a63}.lede{max-width:650px;margin:24px 0;color:#b7b7b7;font-size:1.08rem;line-height:1.7}.hero-benefits{list-style:none;padding:0;margin:28px 0 34px;display:grid;gap:12px}.hero-benefits li{position:relative;padding-left:25px;color:#d0d0d0}.hero-benefits li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--red)}
.section{padding-top:112px;padding-bottom:112px}.section-head{max-width:760px;margin:0 auto;text-align:center}.section-head>p:last-child{max-width:700px;margin:26px auto 0;color:var(--muted);font-size:1.04rem;line-height:1.7}.situation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:62px}.situation-cards article,.method-cards article{min-height:280px;padding:34px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px}.method-cards article:nth-child(3){background:linear-gradient(145deg,var(--red),var(--red-deep));border-color:transparent}.situation-cards span,.method-cards span{color:var(--red);font-size:.68rem;font-weight:900}.situation-cards h3,.method-cards h3{margin:auto 0 15px}.situation-cards p,.method-cards p{margin-bottom:0;color:var(--muted);line-height:1.6}.method-cards article:nth-child(3) span,.method-cards article:nth-child(3) p{color:#fff}
.mechanism,.product,.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,7vw,100px);align-items:center}.mechanism{background:radial-gradient(circle at 15% 50%,rgba(255,31,22,.15),transparent 30%),#0c0c0c;border-top:1px solid #3d1714;border-bottom:1px solid #3d1714}.mechanism-copy>p:not(.eyebrow),.product>div:first-child>p:not(.eyebrow),.about>div>p:not(.eyebrow):not(.credential){color:var(--muted);font-size:1.04rem;line-height:1.7}.mechanism figure{margin:0}.mechanism img{display:block;width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.mechanism figcaption{margin-top:12px;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.method{background:#101010}.method-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:62px}.method-cards article{min-height:300px;padding:26px}.product{background:linear-gradient(120deg,#101010,#260906)}.product-panel{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.product-panel>span{color:var(--red);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.product-panel ul{padding:0;margin:44px 0 30px;list-style:none}.product-panel li{padding:15px 0;border-top:1px solid var(--line)}
.emotional-cta{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,31,22,.34),transparent 55%),#15100f;border-top:1px solid #802019}.emotional-cta>div{max-width:850px}.emotional-cta>div>p:last-child{max-width:720px;margin:24px auto 0;color:#c4bbb7;line-height:1.7}.cta-note{max-width:620px;margin:0;color:var(--muted);font-size:.7rem}.about-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:18px;filter:saturate(.7) contrast(1.08);box-shadow:26px 26px 0 #2b0b09}.credential{color:var(--red)!important;font-weight:800}.faq{text-align:center;background:#101010}.faq>h2{max-width:800px;margin:0 auto 52px;color:#fff;opacity:1;transform:none;animation:none!important}.faq details{max-width:900px;margin:0 auto;padding:22px 0;text-align:left;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;color:#fff;cursor:pointer;font-size:1.12rem;font-weight:800}.faq details p{max-width:720px;margin:18px 0 0;color:var(--muted);line-height:1.7}
footer{padding-top:68px;padding-bottom:38px;display:grid;grid-template-columns:1fr 1.4fr .8fr .9fr;gap:42px;color:#929292;background:#070707;border-top:1px solid #292929;font-size:.75rem}footer div{display:flex;flex-direction:column;gap:8px}footer strong{color:#fff}.footer-contact{display:flex;flex-direction:column;gap:10px;font-style:normal}.footer-contact a{transition:color .2s ease}.footer-contact a:hover{color:#fff}
@media(max-width:900px){.hero,.mechanism,.product,.about{grid-template-columns:1fr}.hero{min-height:auto}.hero-aside{display:none}.section{padding-top:82px;padding-bottom:82px}.situation-cards,.method-cards{grid-template-columns:1fr}.situation-cards article,.method-cards article{min-height:240px}.method{text-align:center}.method-cards article{align-items:center;text-align:center}.method-cards h3{justify-content:center}.method-cards p{margin-left:auto;margin-right:auto}.about-photo{box-shadow:14px 14px 0 #2b0b09}footer{grid-template-columns:1fr}}
@media(max-width:520px){.topbar{min-height:70px}.brand span{display:none}.top-cta{padding:0 12px}.situation-cards article,.method-cards article,.product-panel{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

.about .credential{margin:20px 0 30px}


.product>div:first-child h2{margin-bottom:34px}
.product>div:first-child p:not(.eyebrow){max-width:580px;font-size:.98rem;line-height:1.62}
.mechanism-copy h2{margin-bottom:30px}
.mechanism-copy>p:not(.eyebrow){margin-bottom:0}.mechanism-copy>p:not(.eyebrow)+p:not(.eyebrow){margin-top:30px}
.about>div p:not(.eyebrow):not(.credential)+p{margin-top:26px}
@media(min-width:901px){.situation-cards{max-width:1180px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(8,minmax(0,1fr))}.situation-cards article{grid-column:span 2;min-height:270px}.situation-cards article:nth-child(5){grid-column:2/span 2}.situation-cards h3{min-height:3.3em;display:flex;align-items:flex-end}.mechanism{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,5vw,72px)}}

@media(min-width:901px){.method-cards article{display:block;min-height:250px}.method-cards h3{height:3.3em;margin:34px 0 12px;display:flex;align-items:flex-start}.method-cards p{margin:0;min-height:4.8em}}

.hero{grid-template-columns:1fr}.hero-inner{max-width:820px}
.hero{text-align:center}.hero-inner{margin-left:auto;margin-right:auto}.hero .eyebrow,.hero .lede{margin-left:auto;margin-right:auto}.hero-benefits{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}

/* Movimento editorial: discreto, progressivo e consistente. */
@keyframes hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-enter{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes media-enter{from{opacity:0;transform:translateX(28px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes glow-breathe{0%,100%{box-shadow:0 0 0 rgba(255,31,22,0)}50%{box-shadow:0 0 34px rgba(255,31,22,.18)}}
.hero-inner{animation:hero-enter .75s cubic-bezier(.22,1,.36,1) both}
.hero-aside{animation:hero-enter .75s .14s cubic-bezier(.22,1,.36,1) both}
.hero-benefits li{transition:color .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}.hero-benefits li:hover{color:#fff;transform:translateY(-6px);border-color:#5a312e;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.situation-cards article,.method-cards article,.product-panel{transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}
.situation-cards article:hover,.method-cards article:hover,.product-panel:hover{transform:translateY(-6px);border-color:#5a312e;box-shadow:0 20px 48px rgba(0,0,0,.28)}
.mechanism img,.about-photo{transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease,box-shadow .4s ease}
.mechanism figure:hover img{transform:scale(1.012)}
.about-photo:hover{transform:translate(-3px,-3px);filter:saturate(.82) contrast(1.08);box-shadow:30px 30px 0 #2b0b09}
.emotional-cta .button{animation:glow-breathe 3.6s ease-in-out infinite}
.faq details{overflow:hidden;interpolate-size:allow-keywords}.faq details::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size .38s cubic-bezier(.22,1,.36,1),opacity .22s ease,content-visibility .38s;transition-behavior:allow-discrete}.faq details[open]::details-content{block-size:auto;opacity:1}.faq summary span{transform-origin:center;transition:transform .38s cubic-bezier(.22,1,.36,1)}.faq details[open] summary span{transform:rotate(45deg)}
@supports(animation-timeline:view()){
 .section-head,.mechanism-copy,.product>div:first-child,.about>div,.emotional-cta>div,.faq>h2{animation:card-enter both;animation-timeline:view();animation-range:entry 12% cover 32%}
 .situation-cards article,.method-cards article,.product-panel{animation:card-enter both;animation-timeline:view();animation-range:entry 8% cover 28%}
 .mechanism figure,.about-photo{animation:media-enter both;animation-timeline:view();animation-range:entry 10% cover 34%}
}
@media(prefers-reduced-motion:reduce){.hero-inner,.hero-aside,.emotional-cta .button,.section-head,.mechanism-copy,.product>div:first-child,.about>div,.faq>h2,.situation-cards article,.method-cards article,.product-panel,.mechanism figure,.about-photo{animation:none!important}.hero-benefits li,.situation-cards article,.method-cards article,.product-panel,.mechanism img,.about-photo,.faq details,.faq summary span{transition:none!important}}

/* Benefícios da hero em cartões visuais. */
.hero-benefits{width:100%;margin:32px 0 36px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero-benefits li{display:grid;grid-template-rows:40px auto;align-content:start;align-items:start;gap:22px;padding:20px;color:#e5e5e5;text-align:left;font-size:.9rem;font-weight:700;line-height:1.45;background:linear-gradient(145deg,#181818,#111);border:1px solid #3b3b3b;border-radius:14px}
.hero-benefits li:before{content:none}
.hero-benefits img{width:40px;height:40px;object-fit:contain;opacity:.95}
@media(max-width:700px){.hero-benefits{grid-template-columns:1fr}.hero-benefits li{min-height:0}}

/* Localização do consultório. */
.location{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(48px,7vw,96px);align-items:center;background:#101010;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.location-map{min-height:500px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.location-map iframe{display:block;width:100%;height:500px;border:0}
.location-copy h2{margin-bottom:28px}
.location-copy address{margin-bottom:34px;color:var(--muted);font-style:normal;font-size:1.04rem;line-height:1.75}
@media(max-width:900px){.location{grid-template-columns:1fr}.location-copy{text-align:center}.location-copy address{margin-left:auto;margin-right:auto}.location-map,.location-map iframe{min-height:380px;height:380px}}
@media(min-width:901px){.location{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.location-copy{order:1}.location-map{order:2}}

/* Ajustes específicos para leitura em telas pequenas. */
@media(max-width:700px){
 .hero-benefits{max-width:320px;margin-left:auto;margin-right:auto}
 .hero-benefits li{grid-template-rows:34px auto;justify-items:center;gap:14px;padding:18px;text-align:center;font-size:.82rem}
 .hero-benefits img{width:34px;height:34px}
 .mechanism-copy,.about>div{text-align:center}
 .mechanism-copy>p:not(.eyebrow),.about>div>p:not(.eyebrow):not(.credential){margin-left:auto;margin-right:auto}
 .situation-cards article{align-items:center;text-align:center}
 .situation-cards h3{justify-content:center}
 .situation-cards p{margin-left:auto;margin-right:auto}
 .location-copy address{font-size:.86rem;line-height:1.6}
 .mechanism picture{display:block;width:100%}
 .method-cards article{justify-content:center;gap:14px}
 .method-cards h3{margin:0}
 .method-cards p{margin:0 auto}
}
