/* Arena Aldeia v13 · Brandbook 16/10/2026 · neutro quente confirmado por Fabio. */
@font-face{font-family:Poppins;src:url('fontes/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('fontes/Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('fontes/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('fontes/Poppins-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#F6F4F1;--sand:#EFECE8;--ink:#141414;--muted:#6B6457;--orange:#F96135;--rust:#B83A18;--line:#C9BFB0;--display:Poppins,system-ui,Arial,sans-serif;--body:Poppins,system-ui,Arial,sans-serif;--warm:#3A3631;--blue:#00A6DB}
body,button,input,summary{font-family:Poppins,system-ui,Arial,sans-serif}body{font-size:16px;line-height:1.65;background:var(--paper)}
h1,h2,h3{font-family:var(--display);font-weight:600}h2{letter-spacing:-.045em}h3{letter-spacing:-.025em}
.button,.button:not(.button-dark),.hero-copy .button,.header .button,.technique-bottom .button,.conversion .button,.mobile-cta{background:var(--orange);color:#3A1207!important;border-radius:8px;font-size:15px;font-weight:600;line-height:1.4;text-transform:none;letter-spacing:0;min-height:52px;padding:16px 22px;gap:18px;transition:background .1s ease,transform .2s ease}
.button:hover,.hero-copy .button:hover,.header .button:hover,.technique-bottom .button:hover,.conversion .button:hover{background:#FC9E7F;color:#3A1207!important}
a:focus-visible,button:focus-visible,summary:focus-visible,.hero a:focus-visible,.hero button:focus-visible{outline:2px solid #0086B0;outline-offset:4px}
.header{top:0;height:166px;min-height:166px;padding:20px 5%;align-items:center;gap:28px;border-bottom:1px solid #ffffff30}
.header .brand{padding:0;min-height:124px;width:118px;flex:none;align-items:center}
.header .logo-badge{position:relative;left:auto;top:auto;transform:none;width:118px;height:124px;padding:0}
.header .logo-badge img{width:78px;height:120px;object-fit:contain;filter:none}
html[data-logo="sombra"] .header .logo-badge::before{display:none}
.header::before{top:0;background:linear-gradient(#3a3631cc,transparent)}
.header nav,.header>.button-small{transform:none}
.header nav{margin-left:auto;gap:26px;font-size:14px;font-weight:500}
.header .brand-location{position:static;left:auto;top:auto;white-space:normal;max-width:180px;background:var(--blue);color:#003344;font-size:13px!important;letter-spacing:0;text-transform:none;padding:8px 14px;border-radius:999px;line-height:1.4}
.header .button-small{font-size:14px;min-height:48px;padding:12px 18px}
.hero,.hero-media{background:var(--warm)}
.hero:after{background:linear-gradient(90deg,#3a3631ed 0%,#3a3631bd 35%,#3a36312b 82%),linear-gradient(0deg,#3a3631d9,transparent 32%)}
.hero-copy{padding:205px 0 130px 5%;width:70%}
.hero h1{font-size:clamp(68px,6.5vw,104px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 24px;font-weight:700}
.hero h1 em{color:#FC9E7F;font-style:normal}
.hero .lead{font-size:17px;line-height:1.7;max-width:470px;text-shadow:none;color:#fff}
.hero .reassurance,.hero .hero-location{font-size:13px;color:#fff;line-height:1.65}
.hero .reassurance span,.hero-location .tactical-icon{color:#80D5EF}
.hero-footer{background:#3a3631b3;color:#fff;min-height:88px}
.hero-footer .scroll-hint,.hero-footer .skip-sequence,.freeze-frame{font-size:12px;letter-spacing:0;text-transform:none}
.freeze-frame{min-height:48px;border-radius:8px}.frame-position{font-size:13px}.frame-track i{background:var(--blue)}
.benefit-strip{background:var(--blue);color:#003344;font-size:14px;letter-spacing:0;font-weight:500;padding:24px 5%;gap:20px;text-transform:none}
.strip-ball{width:24px;height:24px;object-fit:contain;flex:none}
.section,.technique{padding-top:96px;padding-bottom:96px}
.eyebrow{font-size:13px!important;line-height:1.5;letter-spacing:.045em;font-weight:500}
.chapter-number{width:32px;height:32px;font-size:13px;border-color:var(--line)}
.section h2,.technique h2{font-size:clamp(38px,4.2vw,66px);line-height:1.12}
.section-intro>p:last-child,.reasons p,.steps p,.lesson-heading>p,.community-copy>p:not(.eyebrow),.location p:not(.eyebrow),.faq>div>p:last-child,details>p,.conversion>p:not(.eyebrow),.technique-heading>p,.technique-pillars p,.technique-bottom p{font-size:16px;line-height:1.75}
.experience{background:var(--paper)}
.sand-continuation{background-image:linear-gradient(#f6f4f1b0,#f6f4f1d0),url('../v6/assets/frame-12-wide.webp')}
.connection{padding:0}.connection:before{display:none}.connection img{border-radius:14px}
.connection figcaption,.technique-action figcaption,.technique-pair figcaption,.community-photo figcaption{font-size:13px;line-height:1.6;letter-spacing:0;text-transform:none}
.reason-number{font-size:14px}.reasons h3,.technique-pillars h3{font-size:26px;line-height:1.25}
.technique{background:var(--warm);color:#F6F4F1}
.technique .eyebrow,.technique h2 span,.technique-number{color:#FC9E7F}
.technique-heading>p,.technique-pillars p,.technique-bottom p,.technique-action figcaption,.technique-pair figcaption{color:#E3DDD4}
.technique-action img,.technique-pair img{border-radius:14px}
.technique-action .tactical-icon{color:#80D5EF}.technique-number{font-size:14px}
.brand-play{width:86px;max-height:70px;object-fit:contain;flex:none}
.technique-bottom{gap:24px}.technique-bottom p{flex:1}
.first-lesson{background:var(--orange);color:#3A1207;border:0;position:relative}
.first-lesson:before{border-color:#3a12072b;inset:20px}
.first-lesson .eyebrow,.first-lesson .steps li>span,.first-lesson .steps h3,.first-lesson .steps p,.first-lesson .lesson-heading>p,.first-lesson .lesson-bottom p{color:#3A1207}
.steps li{border-color:#3a120740}.steps li>span{font-size:46px;font-weight:500}
.first-lesson .button{background:#3A1207;color:#FFF1EC!important}.first-lesson .button:hover{background:#5C1D0C}
.lesson-bottom p{font-size:13px;line-height:1.6}
.community{background:var(--sand)}.community:after{display:none}
.community-photo{transform:none;box-shadow:none;padding:0;background:none;margin:0}
.community-photo img{border-radius:16px;height:520px}.community-photo figcaption{text-align:left;color:var(--muted);padding:16px 0;border-bottom:2px solid var(--blue)}
.community-copy h2{font-size:clamp(38px,4.2vw,66px);line-height:1.12}
.text-link{font-size:15px;min-height:48px;line-height:1.5}
.location{background:var(--warm);color:#F6F4F1}.location:after{border-color:#c9bfb040}
.location h2 span{color:#FC9E7F}.location .eyebrow,.location p:not(.eyebrow),.amenities>small{color:#E3DDD4}
.amenities p{font-size:16px!important}.amenities>small{font-size:13px}.amenities .tactical-icon{color:#80D5EF}
summary{font-size:16px;min-height:60px}details>p{padding-right:24px}
.conversion{background:var(--paper);color:var(--ink);padding-top:110px;padding-bottom:110px}
.conversion h2{font-size:clamp(38px,5vw,74px);line-height:1.12;text-transform:none;max-width:970px;position:relative}
.conversion small{font-size:13px}.court-lines,.court-lines:before,.court-lines:after{border-color:#C9BFB0}
.conversion-ball{position:absolute;right:-90px;bottom:-90px;width:300px;opacity:.16;z-index:-1;pointer-events:none}
footer{background:#E3DDD4;gap:28px}footer .brand{padding:20px;min-width:118px}footer .brand img{width:78px;height:120px;object-fit:contain}
footer>p,footer>a:last-of-type,.review-note{font-size:13px;line-height:1.6;letter-spacing:0}.review-note{border-color:#C9BFB0;text-transform:none}
dialog{border-radius:14px}dialog>p:not(.eyebrow),dialog blockquote{font-size:16px}dialog .dialog-note,#copy-status{font-size:13px!important}dialog::backdrop{background:#3a3631bb}
@media(max-width:1100px){.header .brand-location{display:none}.header nav{gap:18px}.hero-copy{width:80%}.hero h1{font-size:clamp(64px,7.8vw,86px)}.hero-footer .scroll-hint,.hero-footer .skip-sequence{font-size:11px}.technique-bottom{flex-wrap:wrap}.brand-play{width:62px}}
@media(max-width:760px){
 .header{height:142px;min-height:142px;padding:12px 24px;gap:12px}.header .brand{width:104px;min-height:118px}.header .logo-badge{width:104px;height:118px}.header .logo-badge img{width:72px;height:110px}.header>.button-small{margin-left:auto;min-height:48px;padding:12px 14px;font-size:13px}
 .hero-copy{padding:160px 24px 150px;width:100%;height:auto}.hero h1{font-size:clamp(46px,12vw,76px);line-height:1.06;margin:20px 0 24px}.hero .lead{font-size:16px;line-height:1.65;max-width:450px}.hero-copy .button{font-size:14px;width:100%;max-width:380px;padding:16px 18px;gap:12px}
 .hero .reassurance,.hero .hero-location{font-size:13px}.hero .hero-location{padding-top:4px;margin-top:12px}.hero:after{background:linear-gradient(90deg,#3a3631e8,#3a36316e),linear-gradient(0deg,#3a3631e0,transparent 50%)}
 .hero-footer{padding:12px 24px;min-height:112px;gap:8px 12px}.hero-footer .scroll-hint,.hero-footer .skip-sequence{font-size:11px;line-height:1.4;letter-spacing:0}.hero-footer .scroll-hint{max-width:170px;gap:6px}.freeze-frame{font-size:12px;min-height:44px;padding:8px 10px}.frame-position{font-size:12px;min-width:0}.frame-track{width:44px}
 .benefit-strip{display:grid;grid-template-columns:1fr 1fr;padding:22px 24px;gap:14px 24px;text-align:left;font-size:13px;line-height:1.5}.strip-ball{display:none}
 .section,.technique{padding:64px 24px}.section h2,.technique h2,.community-copy h2{font-size:clamp(35px,9vw,54px);line-height:1.15;letter-spacing:-.045em}
 .section-intro>p:last-child,.technique-heading>p{font-size:16px;line-height:1.75;margin-top:24px}
 .scroll-ready .experience .mobile-copy{margin-left:104px;width:calc(100% - 104px);padding-left:12px;min-height:140px}.scroll-ready #experience-title .ball-arrival{left:44px}
 .sand-continuation{background-image:linear-gradient(#f6f4f1b0,#f6f4f1d0),url('../v6/assets/frame-12.webp')}
 .reasons h3,.technique-pillars h3,.steps h3,.amenities h3{font-size:24px}.reasons p,.steps p{font-size:16px}
 .technique-bottom{display:flex;flex-wrap:wrap}.technique-bottom p{flex-basis:calc(100% - 86px)}.technique-bottom .button{width:100%;margin:0;font-size:14px}.brand-play{width:60px}
 .first-lesson:before{inset:12px}.steps li{padding-left:62px}.steps li>span{font-size:40px}.lesson-bottom .button{font-size:14px}.lesson-bottom p{font-size:13px}
 .community-photo{margin:0}.community-photo img{height:410px}.community-photo figcaption,.technique-pair figcaption{font-size:13px}
 .location address{font-size:20px}.amenities .eyebrow{font-size:13px}.amenities>small{font-size:13px}
 .conversion{padding:80px 24px}.conversion h2{font-size:clamp(36px,9.5vw,52px);line-height:1.15}.conversion .button{font-size:14px;padding:16px;gap:10px}.conversion small{font-size:13px;max-width:290px}.conversion-ball{width:200px;right:-80px;bottom:-70px}
 footer{padding:24px 24px 110px}footer>p{font-size:13px}.review-note{font-size:13px}.mobile-cta{font-size:14px;padding:14px 18px;min-height:54px;box-shadow:0 4px 24px #3a363133}
}
@media(max-width:360px){.header{padding-left:20px;padding-right:20px}.hero-copy{padding-left:20px;padding-right:20px}.hero h1{font-size:44px}.hero-copy .button{font-size:13px;gap:8px}.hero .reassurance{font-size:13px}.hero-footer{padding-left:20px;padding-right:20px}.hero-footer .scroll-hint,.hero-footer .skip-sequence{font-size:10px}.freeze-frame{font-size:11px}.section,.technique{padding-left:20px;padding-right:20px}.section h2,.technique h2,.community-copy h2{font-size:34px}.conversion h2{font-size:34px}.mobile-cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
