/* Sunset hero matching the approved full-photo reference. */
.hero{background:#eaf2f1;isolation:isolate;display:block}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero:after{display:block;z-index:0;background:radial-gradient(ellipse 35% 47% at 29% 65%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.62) 40%,rgba(255,255,255,.18) 72%,transparent 100%);pointer-events:none}
.hero-inner{width:min(1240px,calc(100% - 80px));min-height:clamp(640px,43.6vw,800px);padding:clamp(85px,8.7vw,148px) 0 82px;display:flex;align-items:center}
.hero-copy{max-width:590px;width:49%;position:relative}
.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;color:#071a35;font:800 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.22em;margin-bottom:22px}
.hero-copy .eyebrow:before{content:'';height:2px;width:36px;background:#079aa8;flex-shrink:0}
.hero-copy h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(68px,5.7vw,98px);font-weight:600;line-height:.85;letter-spacing:-.055em;margin-bottom:22px;color:#061126}
.hero-copy h1 span{display:block;white-space:nowrap}
.hero-copy .lead{font-size:clamp(19px,1.45vw,25px);font-weight:400;line-height:1.2;max-width:460px;color:#354a65;margin:0 0 25px}
.hero .facts{grid-template-columns:repeat(4,minmax(0,1fr));border:0;padding:0;gap:18px;margin:0 0 28px;max-width:500px}
.hero .fact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:12px;line-height:1.4;color:#0a1c35;font-weight:500;max-width:110px}
.hero .fact .icon{width:50px;height:50px;background:rgba(246,253,255,.92);border-radius:17px;color:#008d9e}
.hero .fact .icon svg{width:28px;height:28px}
.hero .actions{margin-top:0;gap:14px;flex-wrap:nowrap}
.hero .btn{padding:15px 20px;min-height:54px;font-size:14px;white-space:nowrap}
.hero .btn.outline{background:rgba(255,255,255,.92)}
.hero .btn svg{width:26px;height:26px;fill:currentColor;flex-shrink:0}
.hero-price{font-size:13px;margin-top:15px;color:#17344f}
.jump{padding:25px 0;font-family:Manrope,Arial,sans-serif;font-size:11px;text-transform:uppercase;gap:20px 40px}
.jump a{color:#527393}
html[lang=es] .hero-copy h1{font-size:clamp(48px,4.2vw,73px)}
html[lang=es] .hero .btn{font-size:13px;padding-inline:14px}
@media(min-width:1800px){.hero-inner{min-height:800px}.hero:after{background:radial-gradient(ellipse 32% 48% at 34% 65%,rgba(255,255,255,.88),rgba(255,255,255,.58) 43%,transparent 100%)}}
@media(min-width:701px) and (max-width:1100px){.hero-inner{width:calc(100% - 60px);min-height:620px;padding:75px 0}.hero-copy{width:58%}.hero-copy h1{font-size:70px}.hero .actions{flex-wrap:wrap}.hero .btn{font-size:12px;padding:13px}.hero .facts{gap:8px}.hero .lead{font-size:20px}.hero:after{background:radial-gradient(ellipse 48% 52% at 30% 60%,rgba(255,255,255,.9),rgba(255,255,255,.7) 45%,transparent 100%)}}
@media(max-width:700px){.hero{display:flex;flex-direction:column-reverse;background:#fff8ef}.hero:after{display:none}.hero-inner{width:calc(100% - 36px);min-height:0;padding:35px 0 30px}.hero-copy{width:100%;max-width:none}.hero-image{position:relative;height:auto;aspect-ratio:1684/934;object-fit:contain;object-position:center}.hero-copy h1{font-size:clamp(49px,12vw,76px);line-height:.92;margin-bottom:20px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.15em;gap:8px;margin-bottom:20px}.hero-copy .eyebrow:before{width:25px}.hero-copy .lead{font-size:19px;line-height:1.35;max-width:460px;margin-bottom:24px}.hero .facts{gap:9px;margin-bottom:25px}.hero .fact{font-size:11px;line-height:1.4}.hero .fact .icon{width:42px;height:42px;border:1px solid #cde6eb}.hero .actions{display:grid;grid-template-columns:1fr;gap:10px}.hero .btn{font-size:14px;white-space:normal}.hero-price{text-align:center;font-size:12px}.jump{gap:15px 22px;padding:23px 0}html[lang=es] .hero-copy h1{font-size:clamp(34px,8.5vw,58px)}}

/* Portrait mobile hero from the supplied mobile reference. */
.hero-picture{display:contents}
@media(max-width:700px){
 .hero{display:block;background:#fff;isolation:isolate}
 .hero-picture{display:block;position:absolute;inset:0 0 90px;z-index:-2;overflow:hidden}
 .hero-picture .hero-image{position:absolute;width:100%;height:100%;inset:0;aspect-ratio:auto;object-fit:cover;object-position:center top}
 .hero:after{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,transparent 73%,rgba(255,255,255,.1) 79%,rgba(255,255,255,.92) 91%,#fff 98%)}
 .hero-inner{width:calc(100% - 44px);padding:34px 0 16px;display:block;min-height:0}
 .hero-copy{width:100%;max-width:none}
 .hero-copy .eyebrow{color:#006676;font-size:9px;letter-spacing:.19em;line-height:1.5;margin:0 0 12px;display:block}
 .hero-copy .eyebrow:before{display:none}
 .hero-copy h1{font-size:clamp(44px,12.8vw,84px);line-height:.88;margin-bottom:14px;letter-spacing:-.045em;font-weight:700}
 .hero-copy .lead{font-size:clamp(14px,3.5vw,22px);line-height:1.3;color:#071b35;max-width:none;margin:0}
 .hero .facts{margin:clamp(225px,61vw,400px) -8px 18px;max-width:none;gap:8px}
 .hero .fact{font-size:clamp(10px,2.55vw,16px);line-height:1.4;font-weight:700;color:#fff;text-shadow:0 1px 4px #00404f;max-width:none}
 .hero .fact .icon{border:0;background:#effbff;width:clamp(36px,9vw,58px);height:clamp(36px,9vw,58px);border-radius:50%;color:#008d9e;text-shadow:none}
 .hero .fact .icon svg{width:25px;height:25px}
 .hero .actions{display:grid;gap:7px;margin:0 -2px}
 .hero .btn{min-height:44px;font-size:clamp(12px,3.1vw,19px);padding:12px 10px;border-radius:7px}
 .hero .btn.outline{background:#fff}.hero .btn svg{width:24px;height:24px}
 .hero-price{font-size:clamp(10px,2.4vw,14px);line-height:1.5;margin-top:10px;text-align:center}
 .jump{gap:12px 22px;padding:18px 0;font-size:9px}
 .jump a:last-child{display:none}
 html[lang=es] .hero-copy h1{font-size:clamp(32px,8.7vw,59px)}
 .sunset-home-header .hpt-nav{padding-block:9px;min-height:58px}
 .sunset-home-header .hpt-brand{font-size:11px}
 .sunset-home-header .hpt-brand img{width:33px;height:38px}
 .sunset-home-header .hpt-lang{border:0;gap:6px}
 .sunset-home-header .hpt-lang:after{content:'';width:5px;height:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px}
 .sunset-home-header .hpt-nav__divider{display:block;height:23px}
 .sunset-home-header .hpt-whatsapp svg{fill:#00a36d}
 .hero-in-view .mobile-cta{display:none}
}

/* Stronger soft white haze behind desktop hero copy and the sun. */
@media(min-width:701px){
 .hero:after{background:linear-gradient(90deg,rgba(255,255,255,.79) 0%,rgba(255,255,255,.87) 18%,rgba(255,255,255,.9) 31%,rgba(255,255,255,.76) 40%,rgba(255,255,255,.34) 49%,rgba(255,255,255,0) 59%)}
}

/* Mobile white haze improves headline contrast and softens the sun. */
@media(max-width:700px){
 .hero:after{background:linear-gradient(180deg,rgba(255,255,255,.79) 0%,rgba(255,255,255,.84) 14%,rgba(255,255,255,.8) 26%,rgba(255,255,255,.61) 34%,rgba(255,255,255,.24) 41%,transparent 48%,transparent 73%,rgba(255,255,255,.1) 79%,rgba(255,255,255,.92) 91%,#fff 98%)}
}