:root{--blue:#233b5c;--ink:#222c32;--muted:#6b747b;--pale:#f3f4f4;--accent:#e4ebf3}body{background:#f7f8f8;font-size:16px}.wrap{width:min(1240px,calc(100% - 96px))}h1,h2,h3{font-weight:400;letter-spacing:-.055em}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:500;color:#798188}.button{border-radius:100px;font-weight:500;padding:17px 28px}.button.light{background:#fff;color:#28333a}.header{margin:20px auto 0;width:calc(100% - 40px);border-radius:26px 26px 0 0;background:#fff;height:88px;border:0;padding-inline:38px}.brand{background:var(--blue);border-radius:12px;padding:5px 11px}.brand img{width:97px;height:46px}.header nav{font-size:14px;gap:32px}.header-cta{padding:12px 22px;font-size:13px}.home-modern .header{position:absolute;left:20px;right:20px;width:auto;margin:0;top:20px;background:transparent;color:#fff}.home-modern .brand{background:transparent;padding:0}.home-modern .header nav a:hover{color:#fff;box-shadow:0 1px 0 #fff}.home-modern .header-cta{background:#ffffff20;border-color:#ffffff55;color:#fff}.visual-hero{position:relative;margin:20px 20px 0;height:720px;max-height:900px;min-height:620px;border-radius:28px;overflow:hidden;color:#fff}.hero-scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14221ecc 0%,#0a181a55 35%,transparent 65%,#101b2066 100%)}.visual-head{position:relative;text-align:center;padding:135px 25px 0}.visual-head .eyebrow{color:#e1e7e6;margin-bottom:20px}.visual-head h1{font-size:clamp(42px,5.3vw,79px);line-height:1.02;letter-spacing:-.06em}.visual-head h1 em{color:#e6eddc}.visual-head p{font-size:15px;color:#edf1f1;margin-top:20px}.hero-person{position:absolute;left:40px;top:160px;display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.5}.hero-person>img{width:60px;height:82px;object-fit:cover;object-position:center 30%;border-radius:13px}.hero-person .mini-play{position:absolute;left:20px;top:70px;background:#fff;color:var(--blue);border-radius:50%;width:25px;height:25px;text-align:center;font-size:9px;line-height:25px}.hero-bottom{position:absolute;bottom:53px;left:0;right:0;display:flex;justify-content:center}.round-down{position:absolute;right:38px;bottom:0;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:22px}.hero-credit{position:absolute;bottom:15px;left:35px;font-size:10px;color:#ffffffc7}.gallery-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:55px}.reform-section{padding-block:85px}.gallery-intro h2{font-size:30px;letter-spacing:-.045em;line-height:1.2}.gallery-intro p{font-size:14px;margin-top:27px}.gallery-intro .text-link{font-size:13px;margin-top:40px}.gallery-body{min-width:0}.reel-track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.reel{flex:0 0 calc((100% - 34px)/3);min-width:180px;scroll-snap-align:start;min-height:0}.reel .portrait{border-radius:22px;aspect-ratio:9/16}.reel-caption h3{font-size:21px;margin-top:16px}.reel-caption p{font-size:13px}.reel-pending{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:22px;background:#d6dee0}.reel-pending:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#132122b8)}.reel-pending img{width:100%;height:100%;object-fit:cover}.reel-0 img{object-position:17% center}.reel-1 img{object-position:55% center}.reel-2 img{object-position:92% center}.reel-tag{position:absolute;top:14px;left:13px;border-radius:30px;padding:8px 14px;background:#fffffff2;color:var(--ink);font-size:12px;z-index:1}.pending-label{position:absolute;bottom:24px;left:20px;right:12px;color:#fff;z-index:1}.pending-label>span{font-size:10px;letter-spacing:.11em;color:#e4e8e5}.pending-label p{color:#fff;font-size:20px;line-height:1.2;margin-top:10px;font-weight:400;letter-spacing:-.04em}.gallery-disclosure{font-size:12px;color:#7b8389;margin-top:8px}.concise-services{padding-block:35px 95px;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.concise-services h2{font-size:39px}.service-rows>a{display:grid;grid-template-columns:55px 1fr 22px;gap:12px;align-items:center;padding:28px 0;border-bottom:1px solid #cdd3d6}.service-rows>a:first-child{border-top:1px solid #cdd3d6}.service-rows>a:hover{color:var(--blue);background:#eef1f2}.service-rows h3{font-size:23px}.service-rows>a>span:first-child{color:#8a9297;font-size:24px;font-weight:400}.service-rows>a>span:last-child{font-size:26px}.visual-about{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:55px 60px;background:#e9edef;border-radius:28px;align-items:center;overflow:hidden}.visual-about h2{font-size:clamp(35px,4.1vw,60px);line-height:1.04}.visual-about-copy p{margin-top:26px}.visual-about-copy .button{margin-top:30px}.visual-about-player{max-width:295px;width:100%;justify-self:center}.visual-about-player video{border-radius:22px}.visual-about-player>a{display:block;font-size:13px;margin-top:12px;text-align:center}.visual-contact{text-align:center;padding:100px 0}.visual-contact h2{font-size:clamp(48px,7vw,100px);margin-bottom:35px}.visual-contact .eyebrow{margin-bottom:18px}footer{background:#e9edef;color:var(--ink);border-radius:28px 28px 0 0;margin:0 20px}.footer-grid strong{color:var(--ink)}.wordmark{color:var(--blue)}.footer-grid p,.footer-bottom{color:var(--muted)}.footer-bottom{border-color:#ccd3d8}.inner-modern .portrait{border-radius:24px}.inner-modern .services{border-radius:24px;overflow:hidden}.inner-modern .cta{margin:0 20px 25px;border-radius:28px;background:#e4eaf0;color:var(--ink)}.inner-modern .cta .eyebrow{color:var(--muted)}.inner-modern .cta .button{background:var(--blue);color:#fff}.comparison-section{padding-top:10px}.comparison-section h2{margin-bottom:40px}.comparison{max-width:1000px;margin:45px auto}.comparison-frame{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden}.comparison-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:20px;background:#fff;border-radius:30px;padding:5px 16px;font-size:13px}.compare-label.before{left:20px}.compare-label.after{right:20px}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;display:grid;place-content:center;color:#fff;font-size:30px;text-shadow:0 2px 8px #000}.comparison input{width:100%;accent-color:var(--blue)}.comparison label{display:block;font-size:14px;margin-top:15px}.comparison figcaption{font-size:13px;color:var(--muted)}
@media(min-width:1450px){.visual-hero{height:780px}.visual-head{padding-top:160px}}
@media(max-width:1100px){.hero-person{top:auto;bottom:55px}.hero-person>span:last-child{display:none}.gallery-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.gallery-intro h2{font-size:27px}.reel{min-width:175px}.concise-services{gap:45px}.visual-about{padding:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{width:calc(100% - 24px);margin-top:12px;padding-inline:22px;height:78px}.home-modern .header{top:12px;left:12px;right:12px}.home-modern .menu-toggle{color:#fff;border-color:#ffffff55;border-radius:24px}.home-modern .header nav{color:var(--ink);border-radius:18px;margin:0 10px;top:75px}.home-modern .header nav a:hover{color:var(--blue)}.home-modern .brand img{width:83px;height:45px}.visual-hero{margin:12px 12px 0;border-radius:24px;min-height:590px;height:78svh;max-height:760px}.visual-head{padding:140px 18px 0}.visual-head h1{font-size:clamp(37px,9.5vw,60px);line-height:1.07}.visual-head .eyebrow{font-size:9px}.visual-head p{font-size:13px;margin-top:18px}.hero-scene{object-position:57% center}.hero-person{left:22px;bottom:35px}.hero-person>img{width:42px;height:58px}.hero-person .mini-play{top:47px;left:11px;width:22px;height:22px;line-height:22px}.hero-bottom{bottom:45px}.hero-bottom>.button{padding:14px 18px;font-size:13px;gap:14px}.round-down{display:none}.hero-credit{left:auto;right:20px;bottom:14px;font-size:9px}.gallery-layout{display:block}.gallery-intro h2{font-size:36px}.gallery-intro p{margin-top:18px}.gallery-intro .text-link{margin:18px 0 30px}.reform-section{padding-block:55px}.reel{flex:0 0 72%;min-width:0}.reel-track{gap:14px;padding-right:24px}.reel-tag{font-size:13px}.pending-label p{font-size:25px}.gallery-disclosure{font-size:11px}.concise-services{display:block;padding-block:15px 55px}.concise-services h2{font-size:35px;margin-bottom:30px}.service-rows h3{font-size:22px}.service-rows>a{padding-block:24px;grid-template-columns:38px 1fr 20px}.visual-about{grid-template-columns:1fr;gap:40px;padding:35px 25px;border-radius:24px}.visual-about h2{font-size:38px}.visual-about-player{max-width:300px}.visual-contact{padding-block:65px}.visual-contact h2{font-size:56px}footer{margin-inline:12px}.inner-modern .cta{margin-inline:12px}.gallery-section>.reel-track .reel{flex-basis:72%}.gallery-section{overflow:hidden}.comparison-frame{aspect-ratio:4/5}}
.home-modern .header nav a[aria-current]{color:#fff;box-shadow:0 1px 0 #ffffff80}@media(max-width:760px){.home-modern .header nav a[aria-current]{color:var(--blue);box-shadow:none}}
.house-scene{position:absolute;inset:0;background-image:url('/assets/casa-premium-antes-depois.webp');background-size:200% auto;background-repeat:no-repeat}.house-after{background-position:right 53%}.house-before{background-position:left 53%;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.hero-renovation .hero-shade{background:linear-gradient(180deg,#14212ddd 0%,#14212d88 25%,transparent 57%,#14212d75 100%);pointer-events:none}.hero-renovation .visual-head{padding-top:125px;pointer-events:none}.hero-renovation .visual-head h1{font-size:clamp(38px,4.6vw,66px)}.hero-compare-line{position:absolute;left:var(--reveal);top:330px;bottom:130px;width:2px;background:#fff;pointer-events:none;z-index:2}.hero-compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:white;color:#233b5c;display:grid;place-items:center;font-size:25px;box-shadow:0 3px 18px #0003}.house-label{position:absolute;top:355px;border:1px solid #ffffffa0;color:white;background:#1f2c3b99;backdrop-filter:blur(8px);padding:7px 19px;border-radius:30px;font-size:13px;z-index:2;pointer-events:none}.label-before{left:35px}.label-after{right:35px}.hero-reveal{position:absolute;left:20px;right:20px;top:330px;bottom:130px;width:calc(100% - 40px);height:calc(100% - 460px);opacity:0;cursor:ew-resize;z-index:3;margin:0;touch-action:pan-y}.hero-reveal:focus-visible{opacity:.35;outline:3px solid white;outline-offset:4px}.hero-slider-label{position:absolute;left:0;right:0;bottom:115px;text-align:center;color:#fff;font-size:12px;z-index:2;pointer-events:none}.hero-renovation .hero-person{top:auto;bottom:55px}.hero-renovation .hero-person>span:last-child{display:none}@media(max-width:760px){.house-scene{background-size:auto 100%}.house-after{background-position:right center}.house-before{background-position:left center}.hero-renovation .visual-head{padding-top:125px}.hero-renovation .visual-head h1{font-size:clamp(35px,9vw,52px)}.hero-compare-line{top:310px;bottom:150px}.hero-reveal{top:310px;bottom:150px;height:calc(100% - 460px)}.house-label{top:285px;font-size:12px;padding:5px 14px}.label-before{left:18px}.label-after{right:18px}.hero-slider-label{bottom:135px}.hero-renovation .hero-person{bottom:43px}.hero-renovation .hero-credit{font-size:9px;right:12px}.hero-compare-line>span{width:42px;height:42px}}

.reel-pair{gap:24px}.reel-pair>.reel{flex:0 0 calc((100% - 24px)/2);min-width:0}.reel-pair .reel-caption h3{font-size:24px}.reel-pair .reel-caption p:empty{display:none}.gallery-section>.reel-pair{max-width:800px;margin-inline:auto}@media(max-width:760px){.reel-pair{flex-direction:column;gap:16px;overflow-x:visible;scroll-snap-type:none;padding-right:0}.reel-pair>.reel,.gallery-section>.reel-pair .reel{flex:0 0 100%;min-width:0;scroll-snap-align:none}}

/* Fotografias reais fornecidas pelo cliente. Enquadramento somente em CSS. */
.hero-renovation .house-before{background-image:url('/assets/hero-antes-alquimia.webp');background-size:cover;background-position:50% 45%}
.hero-renovation .house-after{background-image:url('/assets/hero-depois-roots.webp');background-size:cover;background-position:50% 45%}
.hero-renovation .hero-shade{background:linear-gradient(180deg,#0d182bcc 0%,#0d182b88 25%,#0d182b0a 56%,#0d182b8c 100%)}
.hero-renovation .hero-credit{font-size:11px}
@media(max-width:760px){.hero-renovation .house-before{background-size:auto 130%;background-position:35% 45%}.hero-renovation .house-after{background-position:18% center}.hero-renovation .hero-credit{font-size:10px}}
@media(max-width:760px){.hero-renovation .house-label{top:325px}.hero-renovation .visual-head p{max-width:250px;margin-inline:auto}.hero-renovation .hero-slider-label{bottom:122px}}

@media(max-width:760px){.hero-renovation .hero-credit{left:12px;right:12px;text-align:center;font-size:9px}.hero-renovation .hero-bottom{bottom:45px}}
/* Seção institucional com azul da NAS e contraste claro. */
.visual-about{background:#092787;color:#fff;border:1px solid #163b9c}
.visual-about .eyebrow{color:#d6e2ff}
.visual-about h2,.visual-about h2 em{color:#fff}
.visual-about-copy p,.visual-about-player>a{color:#e2eaff}
.visual-about-copy .button{background:#fff;color:#092787;border-color:#fff}
.visual-about-copy .button:hover{background:#e5edff;border-color:#e5edff}
.visual-about-player video{box-shadow:0 0 0 1px #ffffff40,0 18px 45px #04144940}
.visual-about a:focus-visible,.visual-about video:focus-visible{outline-color:#f3df69}

/* ---- Mascote flutuante do WhatsApp ---- */
.wa-mascot{position:fixed;right:26px;bottom:0;z-index:70;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.wa-mascot-link,.wa-mascot-close{pointer-events:auto}
.wa-mascot-figure{display:block;height:190px;width:auto;filter:drop-shadow(0 14px 22px #14212d33);animation:wa-float 3.4s ease-in-out infinite alternate;transform-origin:bottom center}
@keyframes wa-float{from{transform:translateY(0)}to{transform:translateY(-7px)}}
.wa-mascot-bubble{position:relative;margin-right:6px;margin-bottom:2px;max-width:225px;background:#fff;color:var(--ink);font-size:13px;line-height:1.45;font-weight:500;letter-spacing:-.01em;padding:13px 34px 13px 16px;border-radius:16px 16px 4px 16px;box-shadow:0 10px 26px #14212d2e;opacity:0;transform:translateY(8px) scale(.96);animation:wa-bubble-in .5s cubic-bezier(.2,.9,.3,1.2) forwards;animation-delay:1.4s}
.wa-mascot-bubble:after{content:'';position:absolute;right:18px;bottom:-8px;border:9px solid transparent;border-top-color:#fff;border-right-color:#fff;border-bottom:0;border-left:0;filter:drop-shadow(0 4px 3px #14212d14)}
@keyframes wa-bubble-in{to{opacity:1;transform:none}}
.wa-mascot-close{position:absolute;top:6px;right:8px;width:22px;height:22px;border:0;border-radius:50%;background:#eef1f2;color:#7b8389;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center}
.wa-mascot-close:hover{background:#e2e7ea;color:var(--ink)}
.wa-mascot-bubble-hidden .wa-mascot-bubble{display:none}
@media(max-width:760px){.wa-mascot{right:10px;bottom:0}.wa-mascot-figure{height:132px}.wa-mascot-bubble{max-width:172px;font-size:12px;padding:11px 30px 11px 13px;margin-right:2px}}
@media(prefers-reduced-motion:reduce){.wa-mascot-figure,.wa-mascot-bubble{animation:none;opacity:1;transform:none}}

/* Logo do rodapé em WebP (substitui o wordmark de texto). */
.wordmark-logo{display:block;width:93px;height:auto}
@media(max-width:760px){.wordmark-logo{width:75px}}

/* Recolhe o mascote enquanto o rodapé está na tela, para não cobrir o WhatsApp. */
.wa-mascot{transition:transform .35s ease,opacity .35s ease}
.wa-mascot-tucked{transform:translateY(115%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.wa-mascot{transition:none}}