.hero .hero-copy h1{max-width:1040px;font-size:clamp(37px,4.7vw,65px);line-height:1.06}.hero .hero-copy .lead{max-width:780px;font-size:16px}.hero .hero-grid{gap:0}.house-comparison{width:100%;max-width:970px;margin:32px auto 0}.comparison-frame{position:relative;aspect-ratio:1080/771;overflow:hidden;border-radius:8px;background:#dcd7c9;isolation:isolate;box-shadow:0 18px 45px #102b501c}.comparison-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none;user-select:none}.comparison-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);filter:sepia(.25) saturate(.8)}.comparison-tag{position:absolute;top:20px;padding:10px 14px;background:#fff9ebed;color:#102b50;z-index:2;text-align:left;font-size:11px;font-weight:850;letter-spacing:.1em;border:1px solid #fff9eb}.comparison-tag small{display:block;font-size:10px;letter-spacing:0;font-weight:500}.before-tag{left:20px}.after-tag{right:20px;background:#102b50e8;color:#fff;border-color:#102b50}.comparison-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:3px;background:white;transform:translateX(-50%);pointer-events:none;z-index:3;box-shadow:0 0 10px #0005}.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#bd2836;color:white;font:800 25px/1 Manrope,sans-serif;box-shadow:0 4px 18px #0004}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.comparison-frame:focus-within{outline:4px solid #bd2836;outline-offset:5px}.comparison-help{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:12px 0;color:#496781}.comparison-help b{font-family:Kalam,cursive;font-size:19px;color:#102b50;font-weight:400}.house-comparison figcaption{max-width:760px;margin:0 auto;font-size:11px;line-height:1.6;color:#496781;text-align:center}.comparison-case{display:block;max-width:760px;margin:20px auto 0;padding:15px 20px;border:1px solid #c7d3df;background:#fffdf6;text-align:center;font-size:14px;font-weight:750}.comparison-case>span{display:block;font-size:8px;letter-spacing:.16em;margin-bottom:5px;color:#bd2836}.comparison-case small{display:block;font-size:10px;font-weight:400;line-height:1.5;margin-top:7px}.brand{font-size:16px;letter-spacing:.025em}.brand small{font-size:8px;letter-spacing:.13em}.hero .hero-action{margin-top:24px}@media(min-width:1000px){.comparison-frame{max-height:530px;aspect-ratio:1.82}.comparison-frame img{object-position:50% 52%}}@media(max-width:740px){.hero .hero-copy h1{font-size:37px}.hero .hero-copy .lead{font-size:13px}.house-comparison{margin-top:24px}.comparison-tag{top:10px;padding:7px 8px;font-size:8px;letter-spacing:.04em}.comparison-tag small{font-size:8px}.before-tag{left:10px}.after-tag{right:10px}.comparison-divider span{width:42px;height:42px;font-size:22px}.comparison-help{font-size:9px}.comparison-help b{font-size:15px}.house-comparison figcaption{font-size:10px}.comparison-case{font-size:12px;padding:12px}.brand{font-size:12px}.brand small{font-size:7px}.brand-mark{width:29px;height:29px;font-size:25px}.nav nav>a:last-child{font-size:9px;padding:8px}.hero .hero-action .cta{font-size:11px}}

/* Direct opening: no navigation bar, stronger headline and readable supporting copy. */
main#conteudo>.hero{padding-top:66px}
.hero .hero-copy h1{font-size:clamp(42px,5.1vw,73px);font-weight:700;line-height:1.06;max-width:1150px;letter-spacing:-.04em}
.hero .hero-copy h1 em{font-weight:700}
.hero .hero-copy .lead{font-size:19px;line-height:1.75;max-width:860px;margin-top:25px}
.hero .hero-copy .lead strong{font-weight:800;color:#173b60}
@media(max-width:740px){main#conteudo>.hero{padding-top:38px}.hero .hero-copy h1{font-size:41px;line-height:1.08;letter-spacing:-.04em}.hero .hero-copy .lead{font-size:16px;line-height:1.7;margin-top:22px}}
@media(max-width:375px){.hero .hero-copy h1{font-size:38px}.hero .hero-copy .lead{font-size:15px}}
.house-comparison figcaption a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.comparison-tag strong{display:block;font-family:Manrope,sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:5px 0;font-weight:850}.comparison-tag{max-width:46%}.comparison-tag small{line-height:1.45}.after-tag{background:#102b50f2}.before-tag{background:#fff9ebf5}
@media(max-width:740px){.comparison-tag{max-width:46%;padding:8px;font-size:7px;letter-spacing:.025em}.comparison-tag strong{font-size:22px;margin:4px 0}.comparison-tag small{font-size:8px;line-height:1.4}}
.hero .hero-copy .hero-eligibility{max-width:790px;margin:14px auto 0;font-size:12px;line-height:1.6;color:#496781}@media(max-width:740px){.hero .hero-copy .hero-eligibility{font-size:11px;line-height:1.6;margin-top:12px}}
.comparison-pause{position:absolute;right:12px;bottom:12px;z-index:5;padding:7px 10px;border:1px solid #fff8;border-radius:5px;background:#102b50dc;color:#fff;font:600 10px/1.4 Manrope,sans-serif;cursor:pointer}.comparison-pause:focus-visible{outline:3px solid #fff;outline-offset:3px}.comparison-pause[hidden]{display:none}

/* Etiquetas compactas no celular para destacar a fachada. */
@media(max-width:740px){
 .comparison-tag{top:8px;max-width:43%;padding:6px 7px;font-size:6px;letter-spacing:.025em}
 .comparison-tag strong{font-size:17px;line-height:1.15;margin:3px 0;letter-spacing:-.035em}
 .comparison-tag small{font-size:7px;line-height:1.25}
 .before-tag{left:8px}.after-tag{right:8px}
}
@media(max-width:360px){.comparison-tag strong{font-size:15px}.comparison-tag{padding:5px 6px}.comparison-tag small{font-size:6px}}

/* Fotos fornecidas e etiquetas metálicas translúcidas. */
.comparison-frame{aspect-ratio:4/3;border-radius:18px}
.comparison-before{filter:none}
.comparison-tag{border-radius:14px;color:#fffaf6;border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff65,inset 0 -2px 0 #00000030,0 6px 18px #00000030;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px #0006}
.before-tag{background:linear-gradient(120deg,#380e20e8 0%,#662439df 32%,#89485ce0 48%,#592035e8 65%,#300d1ce8 100%)}
.after-tag{background:linear-gradient(120deg,#0a203ee8 0%,#20476cdf 32%,#4d7195e0 48%,#193c62e8 65%,#081b36e8 100%)}
@media(min-width:1000px){.comparison-frame{max-height:none;aspect-ratio:4/3}.comparison-frame img{object-position:center}}
@media(max-width:740px){.comparison-frame{border-radius:14px}.comparison-tag{border-radius:10px}}

.comparison-frame>picture{display:contents}