/* Monalisa Móveis: linguagem visual MyBox e conteúdo autoral Monalisa */
:root{--ink:#1c1b19;--muted:#66615c;--paper:#f3f1ee;--accent:#83685b;--line:#d8d2cc}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Montserrat",Arial,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
a,button{transition:background .25s,color .25s,opacity .25s,transform .25s}
.wrap{width:min(calc(100% - 100px),1280px);margin:auto}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600;display:block;margin-bottom:23px}
.section-title{font-size:clamp(38px,5.4vw,78px);font-weight:350;letter-spacing:-.058em;line-height:1.06;margin:0}
.lead{font-size:clamp(17px,2vw,22px);line-height:1.65;font-weight:350;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}
.section-heading .lead{max-width:450px;margin:0}
.btn-arrow{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 24px;border:1px solid currentColor;border-radius:40px;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:600}
.btn-arrow:hover{background:var(--ink);border-color:var(--ink);color:white;transform:translateY(-2px)}
.btn-arrow.light:hover{background:#fff;color:#222}.btn-arrow .arrow{font-size:21px;font-weight:200}
.mona-nav{position:absolute;z-index:40;top:0;left:0;right:0;height:100px;padding:0 max(38px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:38px;color:#fff}
.mona-nav.is-scrolled{position:fixed;height:77px;background:#201f1ff7;box-shadow:0 8px 35px #0002}
.mona-brand{width:220px;flex-shrink:0;display:block}.mona-brand img{width:100%;filter:invert(1)}
.mona-nav-links{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(18px,3vw,52px)}
.mona-nav-links a{font-size:13px;opacity:.85;white-space:nowrap}.mona-nav-links a:hover,.mona-nav-links a[aria-current=page]{opacity:1}
.mona-nav-cta{text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.07em;white-space:nowrap}.menu-toggle{display:none;color:#fff;background:none;border:0;font-size:25px}
.mona-hero{position:relative;height:min(930px,100svh);min-height:650px;color:#fff;background:#252422;overflow:hidden}
.mona-hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.mona-hero .slide.is-active{opacity:1;pointer-events:auto}
.mona-hero .slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.73);transform:scale(1.08);transition:transform 8s ease}
.mona-hero .slide.is-active img{transform:scale(1)}
.mona-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 85%),linear-gradient(0deg,#0008,transparent 55%)}
.mona-hero-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(90px,10vh,140px);pointer-events:none}
.mona-hero-content>*{pointer-events:auto}
.mona-hero-content h1{font-size:clamp(52px,6.5vw,101px);font-weight:300;letter-spacing:-.064em;line-height:1.04;max-width:900px;margin:0 0 24px}
.mona-hero-content p{font-size:clamp(16px,1.5vw,20px);line-height:1.5;max-width:610px;margin:0 0 33px}
.mona-hero-controls{position:absolute;z-index:4;bottom:105px;right:max(50px,calc((100vw - 1280px)/2));display:flex;gap:14px}
.mona-hero-controls button{width:55px;height:55px;border:1px solid #fffb;color:white;background:transparent;border-radius:50%;font-size:23px;font-weight:200}
.mona-hero-controls button:hover{background:#fff;color:#222}
.hero-index{position:absolute;left:max(50px,calc((100vw - 1280px)/2));bottom:35px;z-index:4;font-size:12px;letter-spacing:.18em}
.hero-index:after{content:"";display:inline-block;width:65px;height:1px;background:#fffa;vertical-align:middle;margin:0 15px}
.mona-intro{padding:135px 0;background:var(--paper);border-radius:40px 40px 0 0;position:relative;margin-top:-40px;z-index:5}
.mona-intro-grid{display:grid;grid-template-columns:40% 1fr;gap:9%;align-items:center}
.big-number{display:flex;align-items:baseline;gap:14px;font-size:clamp(95px,13vw,200px);font-weight:300;letter-spacing:-.11em;line-height:.85}.big-number small{font-size:19px;letter-spacing:0}
.mona-intro h2{font-size:clamp(32px,3.4vw,54px);font-weight:350;letter-spacing:-.05em;line-height:1.16;margin:0 0 28px}
.mona-intro p{color:var(--muted);font-size:16px;line-height:1.95}.mona-intro .btn-arrow{margin-top:24px}
.mona-process{position:relative;padding:130px 0 145px;background:#272624;color:white;overflow:hidden}
.mona-process .process-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.18}
.mona-process:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151414b9,#15141465)}
.mona-process .wrap{position:relative;z-index:2}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:85px}
.step{border-top:1px solid #ffffff70;padding-top:22px}.step-count{font-size:12px;letter-spacing:.12em;color:#ddd}
.step h3{font-weight:350;letter-spacing:-.04em;font-size:clamp(29px,3vw,42px);margin:27px 0 18px}
.step p{font-size:15px;line-height:1.8;color:#ddd;max-width:360px}
.mona-spaces{padding:140px 0 120px;background:var(--paper)}
.spaces-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.space-card{display:block;position:relative;overflow:hidden;min-height:360px;aspect-ratio:1.05;background:#d0cbc5}
.space-card:first-child,.space-card:nth-child(5){grid-column:span 2;aspect-ratio:1.68}
.space-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:brightness(.83)}
.space-card:hover img{transform:scale(1.07);filter:brightness(.67)}
.space-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 45%,#0009)}
.space-label{position:absolute;z-index:2;bottom:26px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:clamp(23px,2.5vw,35px);font-weight:350;letter-spacing:-.04em}
.mona-benefits{padding:100px 0;background:#eae5e0}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}
.benefit-grid>img{width:100%;aspect-ratio:1;object-fit:cover}
.benefit-grid .section-title{font-size:clamp(38px,5vw,70px);margin-bottom:30px}
.benefit-grid p{line-height:1.9;font-size:16px;color:#5b5751}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:35px 0}
.benefit-list span{border-top:1px solid var(--line);padding-top:16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.mona-portfolio{padding:140px 0;background:white}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.portfolio-grid button{padding:0;border:0;background:#ddd;aspect-ratio:1;overflow:hidden;position:relative;cursor:zoom-in}
.portfolio-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.portfolio-grid button:hover img{transform:scale(1.08)}
.portfolio-grid button:after{content:"↗";position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;font-size:19px;opacity:0;transform:translateY(12px);transition:.3s}
.portfolio-grid button:hover:after{opacity:1;transform:translateY(0)}
.mona-faq{padding:140px 0;background:var(--paper)}
.faq-layout{display:grid;grid-template-columns:38% 1fr;gap:10%}
.faq-item{border-bottom:1px solid var(--line);padding:25px 0}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:clamp(19px,1.7vw,25px);font-weight:400;letter-spacing:-.03em}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:29px;font-weight:200}.faq-item[open] summary:after{content:"−"}
.faq-item p{line-height:1.85;color:#615d58;margin:20px 35px 6px 0}
.mona-final{min-height:610px;display:flex;align-items:center;position:relative;color:#fff;background:#171716;overflow:hidden}
.mona-final .final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.24)}
.mona-final .wrap{position:relative;z-index:2;padding:120px 0}
.mona-final h2{max-width:950px;font-size:clamp(53px,7.3vw,108px);font-weight:300;letter-spacing:-.067em;line-height:1.04;margin:0 0 40px}
.mona-footer{background:#201f1e;color:white;padding:90px 0 35px}
.mona-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px;margin-bottom:85px}
.mona-footer-brand{width:240px;filter:invert(1);margin-bottom:25px}
.mona-footer p{line-height:1.85;color:#bbb;max-width:370px}
.mona-footer h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 27px}
.mona-footer a{display:block;margin:13px 0;color:#ddd;font-size:14px}.mona-footer a:hover{color:#fff;text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:25px;color:#bbb;font-size:12px}
.float-wa{position:fixed;z-index:100;right:23px;bottom:23px;display:flex;gap:10px;align-items:center;background:#236b4e;color:white;border-radius:999px;padding:16px 21px;box-shadow:0 8px 28px #0004;font-size:13px;font-weight:600}
.float-wa:hover{background:#1b563d;color:white;transform:translateY(-2px)}.float-wa svg{width:22px;height:22px}
.inner-hero{position:relative;min-height:530px;display:flex;align-items:flex-end;padding:175px 0 90px;color:white;background:#23211f;overflow:hidden}
.inner-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4)}
.inner-hero .wrap{position:relative;z-index:2}.inner-hero h1{font-size:clamp(55px,7vw,103px);font-weight:300;letter-spacing:-.065em;line-height:1.05;margin:0;max-width:900px}
.mona-content,.mona-contact{padding:120px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.two-col img{width:100%;height:540px;object-fit:cover}.text-body{line-height:1.95;font-size:16px;color:#605d58}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.contact-info a{display:block;margin:20px 0;font-size:19px}
.mona-form{display:grid;gap:20px}.mona-form label{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;margin-bottom:8px}
.mona-form input,.mona-form textarea,.mona-form select{width:100%;padding:16px 17px;border:1px solid #c9c2bb;background:white;color:#222;outline:none}
.mona-form :is(input,textarea,select):focus{border-color:#886858;box-shadow:0 0 0 2px #88685833}
.mona-form textarea{min-height:150px;resize:vertical}.mona-form button{width:fit-content;background:#222;color:white;border-color:#222}
.gallery-dialog{border:0;padding:18px;max-width:min(1000px,95vw);max-height:95vh;background:#171717;color:white}.gallery-dialog::backdrop{background:#000d}
.gallery-dialog img{max-width:calc(95vw - 40px);max-height:82vh;object-fit:contain}
.gallery-dialog button{position:absolute;top:14px;right:14px;width:42px;height:42px;background:#222d;color:white;border:0;border-radius:50%;font-size:28px}
.reveal{opacity:1;transform:none;transition:none}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){.mona-nav{padding:0 30px}.mona-nav-links{gap:20px}.mona-nav-cta{display:none}.wrap{width:calc(100% - 60px)}.mona-hero-controls{right:30px}.hero-index{left:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.mona-nav{height:83px;padding:0 20px;justify-content:space-between}.mona-nav.is-scrolled{height:73px}.mona-brand{width:170px}.menu-toggle{display:block}.mona-nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#201f1e;padding:25px 20px;flex-direction:column;align-items:flex-start;gap:21px}.mona-nav-links.is-open{display:flex}.mona-nav-links a{font-size:16px}.mona-hero{min-height:650px;height:88svh}.mona-hero-content{padding-bottom:130px}.mona-hero-content h1{font-size:clamp(44px,9.8vw,76px)}.mona-hero-controls{right:20px;bottom:35px}.hero-index{left:20px;bottom:52px}.mona-intro{padding:100px 0;border-radius:28px 28px 0 0;margin-top:-28px}.mona-intro-grid,.benefit-grid,.faq-layout,.two-col,.contact-grid{grid-template-columns:1fr;gap:50px}.big-number{font-size:125px}.mona-process,.mona-spaces,.mona-portfolio,.mona-faq,.mona-content,.mona-contact{padding:95px 0}.steps{grid-template-columns:1fr;gap:28px;margin-top:55px}.step h3{margin:14px 0}.spaces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.space-card,.space-card:first-child,.space-card:nth-child(5){grid-column:span 1;min-height:260px;aspect-ratio:.86}.section-heading{display:block}.section-heading .lead{margin-top:25px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mona-benefits{padding:90px 0}.mona-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.mona-footer-grid>div:first-child{grid-column:span 2}.inner-hero{min-height:460px;padding-bottom:65px}.two-col img{height:410px}}
@media(max-width:520px){.spaces-grid{grid-template-columns:1fr}.space-card,.space-card:first-child,.space-card:nth-child(5){min-height:380px;aspect-ratio:.9}.mona-hero-controls button{height:45px;width:45px}.mona-hero-content p{max-width:86%}.big-number{font-size:106px}.big-number small{font-size:14px}.benefit-list{grid-template-columns:1fr}.mona-footer-grid{grid-template-columns:1fr}.mona-footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.float-wa{font-size:0;border-radius:50%;padding:15px;right:15px;bottom:15px}.float-wa svg{width:25px;height:25px}.mona-final h2{font-size:50px}}

/* === MONALISA GSAP SCROLLSMOOTHER INTEGRATION === */
html.gsap-smoother-active,html.gsap-smoother-active body{scroll-behavior:auto!important}
/* O botão de ativação manual foi removido: ScrollSmoother sempre ligado. */
/* Monalisa editorial motion — navigation remains usable without JS */
.mona-scroll-progress{position:fixed;left:0;top:0;right:0;height:2px;background:#c6ac97;transform:scaleX(0);transform-origin:left center;pointer-events:none;z-index:250;box-shadow:0 0 7px rgba(202,174,150,.25)}
.mona-scroll-cue{position:absolute;z-index:5;bottom:36px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;color:white;font-size:10px;font-weight:500;letter-spacing:.17em;white-space:nowrap}
.mona-scroll-cue:hover{color:#e2d3c4}.mona-cue-line{position:relative;display:inline-block;overflow:hidden;width:45px;height:1px;background:rgba(255,255,255,.36)}
.mona-cue-line:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:#fff;animation:monaCueLine 2s ease-in-out infinite}
@keyframes monaCueLine{to{transform:translateX(100%)}}
html.monalisa-motion-active .space-card,html.monalisa-motion-active .portfolio-grid button{backface-visibility:hidden}
html.monalisa-motion-active .space-card img{will-change:auto}
html.monalisa-motion-active .btn-arrow .arrow{display:inline-block;transition:transform .25s ease}
html.monalisa-motion-active .btn-arrow:hover .arrow{transform:translate(4px,-2px)}
@media(min-width:801px){.mona-scroll-cue{bottom:75px}.hero-index{bottom:74px}}
@media(max-width:800px){.mona-scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.mona-cue-line:after{animation:none}}