.scroll-world{position:absolute;right:clamp(20px,6vw,96px);bottom:92px;width:min(28vw,340px);aspect-ratio:1/.78;border:1px solid rgba(255,255,255,.32);border-radius:22px;overflow:hidden;box-shadow:0 24px 62px rgba(0,0,0,.32);background:linear-gradient(145deg,rgba(6,26,21,.08),rgba(6,26,21,.5)),url('/assets/reel-piscina-oficial.jpg') center/cover no-repeat;transform:translateY(calc(var(--scroll-shift,0) * -.1px));transition:transform .1s linear}.scroll-world:after{content:'Registro de Reel oficial';position:absolute;left:12px;bottom:12px;padding:7px 9px;border-radius:999px;background:rgba(8,31,25,.78);color:#fff;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.scroll-prompt{position:absolute;left:24px;top:20px;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.payment-preview{margin-top:22px;padding:18px;border:1px solid #d9c9a7;border-radius:16px;background:#fffaf0}.payment-preview b{display:block;margin-bottom:7px}.payment-preview p{font-size:13px;margin:0 0 13px}.payment-methods{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.payment-methods span{padding:5px 7px;border:1px solid #ddd5c7;border-radius:7px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.payment-soon{display:inline-flex;align-items:center;gap:7px;color:#745414;font-size:12px;font-weight:750}.payment-soon:before{content:'●';color:#d59f35}.calendar-panel .day:not(:disabled){box-shadow:inset 0 0 0 1px rgba(85,132,108,.16)}.calendar-panel .day.unavailable{box-shadow:none}.calendar-error{margin-bottom:12px;color:#8e3535}@media(max-width:900px){.scroll-world{width:190px;right:18px;bottom:28px;opacity:.92}.hero-facts{bottom:28px;padding-right:205px}}@media(max-width:620px){.scroll-world{width:132px;bottom:18px;right:14px;border-radius:16px}.scroll-world:after{font-size:8px;left:8px;bottom:8px;padding:5px 6px}.hero-facts{padding-right:0;bottom:146px}.payment-preview{padding:16px}}

.scroll-world{width:min(24vw,300px)}
@media(max-width:620px){.scroll-world{display:none}.hero-content{padding-bottom:158px}.hero-facts{bottom:22px;padding-right:0}}

/* Identidade e galeria - fontes oficiais do Rancho Paraíso */
.brand-mark{flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(16,55,44,.18);border-radius:12px;background:#fbf7ee url('/assets/logo-rancho-paraiso-v3.png') center/cover no-repeat;box-shadow:0 6px 18px rgba(16,55,44,.14);font-size:0;letter-spacing:0}.brand-name{line-height:1.02}.gallery{grid-auto-rows:300px}@media(max-width:900px){.gallery{grid-auto-rows:210px}}@media(max-width:620px){.brand-mark{flex-basis:39px;width:39px;height:39px;border-radius:10px}.scroll-world{display:none}.hero-content{padding-bottom:158px}.hero-facts{bottom:22px;padding-right:0}.gallery{grid-template-rows:260px;grid-auto-rows:210px}}

/* Mapa aberto, logo ampliada e scroll-world interativo */
.site-header .nav{min-height:94px}.brand{gap:13px;font-size:13px}.brand-mark{flex-basis:68px;width:68px;height:68px;border-radius:18px;box-shadow:0 10px 24px rgba(16,55,44,.19)}.brand-name{line-height:1.04}.location-map-card{padding:22px}.location-map-card .form-actions{margin-top:14px}.map-embed{overflow:hidden;border:1px solid var(--line);border-radius:14px;margin:16px 0;background:#e9e4d9;box-shadow:inset 0 0 0 1px rgba(16,55,44,.04)}.map-embed iframe{display:block;width:100%;height:292px;border:0}.scroll-world{display:block;width:min(29vw,350px);transform:perspective(900px) translate3d(0,calc(var(--scroll-shift,0) * -.16px),0) rotateY(var(--scroll-tilt,0deg)) scale(var(--scroll-scale,1));transform-origin:72% 72%;will-change:transform;cursor:pointer;isolation:isolate}.scroll-world:before{content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(circle at 72% 72%,rgba(234,188,85,.62),transparent 29%),radial-gradient(circle at 20% 25%,rgba(116,201,194,.34),transparent 24%);transform:translateY(calc(var(--scroll-progress,0) * -34px)) scale(calc(1 + var(--scroll-progress,0) * .12));transition:transform .08s linear}.scroll-world:after{content:"Galeria oficial ↘"}.scroll-world-line{position:absolute;left:18px;right:18px;top:50%;height:1px;background:rgba(255,255,255,.72);transform:translateY(calc(var(--scroll-progress,0) * 46px));box-shadow:0 0 16px rgba(255,255,255,.5)}.scroll-world-dot{position:absolute;left:calc(18px + (100% - 54px) * var(--scroll-progress,0));top:calc(50% - 5px + var(--scroll-progress,0) * 46px);width:10px;height:10px;border-radius:50%;background:#f0bd5c;box-shadow:0 0 0 6px rgba(240,189,92,.19),0 0 24px rgba(240,189,92,.75);transition:left .08s linear,top .08s linear}@media(max-width:900px){.site-header .nav{min-height:84px}.brand-mark{flex-basis:60px;width:60px;height:60px;border-radius:16px}.map-embed iframe{height:258px}}@media(max-width:620px){.site-header .nav{min-height:74px}.brand{gap:8px}.brand-mark{flex-basis:51px;width:51px;height:51px;border-radius:13px}.brand-name{font-size:10px}.scroll-world{display:block;width:126px;right:14px;bottom:122px;border-radius:16px}.scroll-world:after{font-size:8px;left:8px;bottom:8px;padding:5px 6px}.scroll-prompt{font-size:8px;left:10px;top:10px}.scroll-world-line{left:10px;right:10px}.scroll-world-dot{left:calc(10px + (100% - 30px) * var(--scroll-progress,0));width:8px;height:8px}.hero-content{padding-bottom:266px}.hero-facts{bottom:24px;padding-right:0}.map-embed iframe{height:224px}}

@media(min-width:901px){.hero-facts{justify-content:flex-end;padding-right:0}}

/* Scroll World: travessia em tela cheia inspirada na referência aprovada */
.site-header .nav{min-height:204px}.brand{gap:0}.brand-mark{flex-basis:180px;width:180px;height:180px;border-radius:25px;background-size:contain;background-color:#fbf7ee;box-shadow:0 12px 30px rgba(16,55,44,.2)}.brand-name{display:none}.ranch-scroll-world{position:relative;min-height:500vh;background:#071b16}.ranch-scroll-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;color:#fff;background:#071b16}.ranch-scroll-scenes,.ranch-scroll-scene{position:absolute;inset:0}.ranch-scroll-scene{background-position:center;background-size:cover;opacity:0;transform:scale(1.075);transition:opacity .62s ease,transform 1.1s cubic-bezier(.2,.75,.24,1)}.ranch-scroll-scene.active{opacity:1}.ranch-scroll-top{position:absolute;z-index:3;top:30px;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:800;letter-spacing:.17em}.ranch-scroll-top a:last-child{opacity:.86}.ranch-scroll-copy{position:absolute;z-index:3;left:clamp(24px,7vw,120px);bottom:clamp(82px,16vh,170px);max-width:min(640px,52vw)}.ranch-scroll-copy>span{display:inline-flex;align-items:center;gap:12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.ranch-scroll-copy>span:before{content:"";width:28px;height:1px;background:currentColor}.ranch-scroll-copy h2{margin:18px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6vw,96px);font-weight:400;line-height:.89;letter-spacing:-.065em}.ranch-scroll-copy h2 em{color:var(--gold);font-weight:400}.ranch-scroll-copy p{max-width:490px;margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.55}.ranch-scroll-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ranch-scroll-nav{position:absolute;z-index:3;right:clamp(24px,5vw,80px);top:50%;display:grid;gap:10px;transform:translateY(-50%)}.ranch-scroll-nav button{display:flex;align-items:center;gap:10px;width:max-content;border:0;padding:4px;background:none;color:#fff;cursor:pointer;opacity:.58}.ranch-scroll-nav button span{width:7px;height:7px;border:1px solid rgba(255,255,255,.8);border-radius:50%}.ranch-scroll-nav button b{font-size:10px;letter-spacing:.1em}.ranch-scroll-nav button[aria-current="true"]{opacity:1}.ranch-scroll-nav button[aria-current="true"] span{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(226,174,72,.2)}.ranch-scroll-footer{position:absolute;z-index:3;bottom:24px;left:clamp(24px,7vw,120px);right:clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:end;color:rgba(255,255,255,.82);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ranch-scroll-footer span:before{content:"";display:inline-block;width:34px;height:1px;margin:0 10px 3px 0;background:var(--gold)}.ranch-scroll-footer>div{display:grid;gap:7px;justify-items:end}.ranch-scroll-footer i{display:block;width:200px;height:2px;background:rgba(255,255,255,.27);overflow:hidden}.ranch-scroll-footer i:after{content:"";display:block;width:calc(var(--world-progress,0) * 100%);height:100%;background:var(--gold);transition:width .12s linear}.ranch-scroll-stage.copy-in .ranch-scroll-copy{animation:world-copy .48s ease both}@keyframes world-copy{from{opacity:.12;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-header .nav{min-height:146px}.brand-mark{flex-basis:126px;width:126px;height:126px;border-radius:20px}.ranch-scroll-copy{left:48px;max-width:560px}.ranch-scroll-nav{right:28px}.ranch-scroll-copy h2{font-size:clamp(48px,8vw,76px)}}@media(max-width:620px){.site-header .nav{min-height:110px}.brand-mark{flex-basis:94px;width:94px;height:94px;border-radius:16px}.ranch-scroll-stage{min-height:680px}.ranch-scroll-top{top:20px;left:18px;right:18px;font-size:9px;letter-spacing:.13em}.ranch-scroll-copy{left:20px;right:20px;bottom:104px;max-width:none}.ranch-scroll-copy>span{font-size:10px}.ranch-scroll-copy h2{font-size:clamp(45px,14vw,63px);margin:14px 0}.ranch-scroll-copy p{font-size:15px;max-width:320px}.ranch-scroll-actions{margin-top:22px}.ranch-scroll-actions .button{width:100%}.ranch-scroll-nav{right:16px;gap:8px}.ranch-scroll-nav button b{display:none}.ranch-scroll-footer{left:20px;right:20px;bottom:20px;font-size:8px}.ranch-scroll-footer i{width:116px}}

.site-header{transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .28s ease}html.scroll-world-active .site-header{transform:translateY(-112%);opacity:0;pointer-events:none}

/* Mobile loading hardening */
.hero-visual{background-image:linear-gradient(90deg,rgba(8,31,25,.85) 0%,rgba(8,31,25,.42) 45%,rgba(8,31,25,.12) 100%),url('/assets/hero-conceitual-mobile.webp')}
.brand-mark{background-image:url('/assets/logo-overlay-v2.webp')}
.ranch-scroll-stage{height:100vh;height:100svh}
@media(max-width:620px){.site-header .nav{min-height:86px}.brand-mark{flex-basis:76px;width:76px;height:76px;border-radius:14px}.nav-links{display:none}.site-header .button.primary{min-height:42px;padding:0 12px;font-size:12px}.hero{min-height:620px}.hero-content{min-height:620px;padding-top:72px;padding-bottom:190px}.hero h1{font-size:clamp(45px,15vw,62px)}.hero p{font-size:16px}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-facts span{max-width:none;font-size:10px}.hero-facts b{font-size:13px}.ranch-scroll-stage{min-height:600px}.ranch-scroll-copy h2{font-size:clamp(42px,13vw,56px)}}
@media(max-width:380px){.shell{width:min(100% - 28px,1180px)}.brand-mark{flex-basis:68px;width:68px;height:68px}.site-header .button.primary{padding:0 10px;font-size:11px}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts span:last-child{display:none}}

/* Hero imersivo: identidade e navegacao sobre a foto */
.home-page .site-header{position:absolute;top:0;left:0;right:0;z-index:40;background:linear-gradient(180deg,rgba(3,28,42,.46),rgba(3,28,42,.08) 72%,transparent);border-bottom:0;backdrop-filter:none}
.home-page .site-header .nav{min-height:190px;align-items:flex-start;padding-top:12px}
.home-page .brand{align-self:flex-start}
.home-page .brand-mark{flex-basis:180px;width:180px;height:180px;border:0;border-radius:0;background-color:transparent;background-size:contain;box-shadow:none;filter:drop-shadow(0 12px 16px rgba(2,22,33,.32))}
.home-page .nav-links{margin-top:66px;color:#f7fbff;font-size:15px;font-weight:750;text-shadow:0 2px 12px rgba(2,25,38,.8)}
.home-page .nav-links a:hover{color:#f1bb59}
.home-page .site-header .button.primary{margin-top:52px;background:rgba(7,54,72,.9);color:#fff;border-color:rgba(255,255,255,.42);box-shadow:0 10px 28px rgba(0,25,38,.3)}
.home-page .site-header .button.primary:hover{background:#efb958;color:#172219}
.home-page .hero{min-height:100vh;min-height:100svh}
.home-page .hero-content{min-height:100vh;min-height:100svh;align-items:center;padding-top:190px;padding-bottom:112px}
.home-page .hero-facts{bottom:42px}
.home-page .ranch-scroll-world{margin-top:0}
@media(max-width:900px){.home-page .site-header .nav{min-height:150px}.home-page .brand-mark{flex-basis:138px;width:138px;height:138px}.home-page .nav-links{margin-top:49px;font-size:13px}.home-page .site-header .button.primary{margin-top:38px}.home-page .hero-content{padding-top:160px}}
@media(max-width:620px){.home-page .site-header .nav{min-height:108px;padding-top:7px;align-items:flex-start}.home-page .brand-mark{flex-basis:98px;width:98px;height:98px;filter:drop-shadow(0 8px 12px rgba(2,22,33,.38))}.home-page .site-header .button.primary{margin-top:23px;min-height:41px;background:rgba(7,54,72,.92);border-color:rgba(255,255,255,.48)}.home-page .hero{min-height:100vh;min-height:100svh}.home-page .hero-content{min-height:100vh;min-height:100svh;align-items:center;padding-top:126px;padding-bottom:214px}.home-page .hero-facts{bottom:25px}.home-page .hero h1{font-size:clamp(46px,15vw,64px)}}
@media(max-width:380px){.home-page .brand-mark{flex-basis:88px;width:88px;height:88px}.home-page .site-header .button.primary{margin-top:19px}.home-page .hero-content{padding-top:116px;padding-bottom:194px}}