/* Portada expansiva y navegación integrada. El resto del sitio conserva su identidad. */
body[data-page="home"] .site-header{position:absolute;inset:0 0 auto;background:transparent;color:var(--stone);border:0;height:108px}
body[data-page="home"] .site-header .logo{filter:brightness(0) invert(96%) sepia(8%) saturate(173%) hue-rotate(356deg)}
body[data-page="home"] .site-header nav a:hover{color:white}
body[data-page="home"] .site-header nav a:after{background:var(--stone)}
body[data-page="home"] .header-cta{background:transparent;border-color:#f2efe87a;color:var(--stone)}
body[data-page="home"] .header-cta:hover{background:var(--stone);color:var(--wine)}
.hero-track{position:relative;height:100svh;min-height:620px;background:#28231e}
.hero-track:has(.expansion-hero[style]){height:165svh;min-height:900px}
.expansion-hero{--hero-progress:0;position:sticky;top:0;height:100svh;min-height:620px;max-height:none;margin:0;isolation:isolate;overflow:hidden;background:#28231e}
.hero-backdrop{position:absolute;inset:-2%;width:104%;max-width:none;height:104%;object-fit:cover;filter:blur(4px) brightness(.48);opacity:calc(1 - var(--hero-progress));z-index:0}
.hero-media{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(40% + var(--hero-progress)*60%);height:calc(64% + var(--hero-progress)*36%);min-width:300px;overflow:hidden;box-shadow:0 12px 70px #0004;z-index:1;opacity:clamp(0,calc(var(--hero-progress)*4),1)}
.hero-media .hero-image{width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.hero-media::after{content:'';position:absolute;inset:0;background:#17130f;opacity:calc(.22*(1 - var(--hero-progress)));pointer-events:none}
.expansion-hero .hero-shade{z-index:2;background:linear-gradient(180deg,#17130f8c,transparent 28%,transparent 62%,#17130f9e)}
.expansion-hero .hero-copy{position:absolute;inset:0;z-index:3;padding:0;max-width:none;pointer-events:none}
.expansion-hero .hero-location{position:absolute;top:135px;left:0;width:100%;justify-content:center;font-size:10px;letter-spacing:3px;opacity:calc(1 - var(--hero-progress))}
.expansion-hero h1{position:absolute;top:48%;left:0;width:100%;transform:translateY(-50%);margin:0;text-align:center;font-size:clamp(88px,9.6vw,148px);line-height:.95;letter-spacing:-3.5px;text-shadow:0 2px 24px #0004;opacity:max(0,calc(1 - var(--hero-progress)*1.15))}
.expansion-hero h1 span{display:block}
.expansion-hero h1 span:first-child{transform:translateX(calc(var(--hero-progress)*-32vw))}
.expansion-hero h1 span:last-child{transform:translateX(calc(var(--hero-progress)*32vw))}
.expansion-hero .hero-intro{position:absolute;bottom:108px;left:4%;font-size:13px!important;line-height:1.8!important}
.expansion-hero .hero-link{position:absolute;bottom:52px;left:4%;margin:0;pointer-events:auto}
.expansion-hero .hero-side{right:4%;bottom:58px;z-index:3;gap:25px;font-size:10px}
body[data-page="home"] .search-wrap{margin-top:0;padding-top:30px}
@media(max-width:1100px){body[data-page="home"] .site-header{height:90px}.expansion-hero .hero-location{top:120px}.hero-media{width:calc(48% + var(--hero-progress)*52%)}.expansion-hero h1{font-size:clamp(82px,10vw,112px)}}
@media(max-width:680px){body[data-page="home"] .site-header{height:82px}body[data-page="home"] .site-header nav{background:var(--wine);border-color:#f2efe833;color:var(--stone)}body[data-page="home"].menu-open .site-header{background:var(--wine)}.hero-track{min-height:560px}.hero-track:has(.expansion-hero[style]){height:145svh;min-height:800px}.expansion-hero{min-height:560px;max-height:none;margin:0;height:100svh}.hero-backdrop{object-position:58%}.hero-media{min-width:0;width:calc(73% + var(--hero-progress)*27%);height:calc(56% + var(--hero-progress)*44%)}.expansion-hero .hero-location{top:114px;font-size:9px;letter-spacing:2px}.expansion-hero h1{top:47%;font-size:clamp(58px,16vw,96px);letter-spacing:-2px;line-height:1.02}.expansion-hero .hero-intro{left:25px;bottom:106px;font-size:11px!important}.expansion-hero .hero-link{left:25px;bottom:48px;font-size:11px;gap:23px}.expansion-hero .hero-side{display:none}body[data-page="home"] .search-wrap{margin-top:0;padding-top:24px}}
@media(prefers-reduced-motion:reduce){.hero-track,.hero-track:has(.expansion-hero[style]){height:100svh;min-height:560px}.hero-media{width:100%;height:100%;opacity:1}.hero-backdrop{display:none}.expansion-hero h1 span{transform:none!important}.expansion-hero .hero-side{display:none}}
