/* Hero-only review. Existing carousel and navigation behavior are retained. */
#inicio.hero{--hero-gold:#D8B979;background:#071F2B;height:auto;min-height:0;max-height:none;padding:clamp(330px,58vw,470px) 6% 28px;color:#fff;display:flex;flex-direction:column;isolation:isolate}
#inicio .hero-slides{inset:0 0 auto;height:490px;z-index:-2}
#inicio .hero-slide img,#inicio .hero-slide:first-child img{object-fit:cover;object-position:48% 46%;width:100%;height:100%}
#inicio .hero-slides::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(7,31,43,0) 44%,rgba(7,31,43,.12) 58%,rgba(7,31,43,.55) 75%,#071F2B 100%)}
#inicio .hero-location{display:none}
#inicio .hero-content{position:relative;padding:0;max-width:780px;z-index:1}
#inicio .hero-content>.eyebrow.light{color:var(--hero-gold);font-size:8px;line-height:1.8;letter-spacing:2px;margin:0 0 16px;text-shadow:none;-webkit-text-stroke:0;font-weight:500}
#inicio .hero-content>.eyebrow::before{content:"";display:block;width:32px;height:1px;background:var(--hero-gold);margin-bottom:18px}
#inicio .hero-content h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(37px,9.7vw,56px);line-height:1.13;letter-spacing:-1.2px;font-weight:400;color:#fff;text-shadow:none;-webkit-text-stroke:0;margin:0;max-width:650px;text-wrap:balance}
#inicio .hero-subtitle{font-size:14px;line-height:1.8;max-width:510px;margin:19px 0 25px;color:#e0e7e9;text-wrap:pretty}
#inicio .hero-booking{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:17px 22px;background:var(--hero-gold);border:1px solid var(--hero-gold);color:#071F2B;font-size:10px;letter-spacing:1.5px;font-weight:600;transition:background .2s ease,transform .2s ease}
#inicio .hero-booking:hover{background:#e5cfa5;transform:translateY(-2px)}
#inicio .hero-booking:focus-visible{outline:2px solid #fff;outline-offset:5px}
#inicio .hero-booking>span:last-child{font-size:19px;line-height:1}
#inicio .hero-bottom{position:relative;inset:auto;z-index:1;margin-top:32px;padding-top:16px;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-color:#d8b97940}
#inicio .hero-bottom::before{display:none}
#inicio .hero-slide-caption{font-size:9px;letter-spacing:.6px}
#inicio .hero-bottom .slide-count{color:var(--hero-gold);text-shadow:none}
#inicio .hero-controls{width:100%;justify-content:flex-start;gap:8px}
#inicio .hero-controls>button{width:44px;height:44px;background:transparent;border:1px solid #d8b97966;color:#fff}
#inicio .hero-controls>button:hover{background:#d8b97922}
#inicio .hero-dot{width:28px;height:44px}
#inicio .hero-dot.active::after{background:var(--hero-gold)}
@media(min-width:681px){#inicio.hero{padding:clamp(410px,38vw,565px) 8% 30px}#inicio .hero-slides{height:clamp(570px,49vw,730px)}#inicio .hero-slide:first-child img{object-position:center 50%}#inicio .hero-content h1{font-size:clamp(48px,4.5vw,67px)}#inicio .hero-content>.eyebrow.light{font-size:9px}#inicio .hero-subtitle{font-size:15px}#inicio .hero-bottom{flex-direction:row;align-items:center;justify-content:space-between;margin-top:30px}#inicio .hero-controls{width:auto}}
@media(min-width:1500px){#inicio .hero-slides{height:790px}#inicio.hero{padding-top:610px}}
@media(prefers-reduced-motion:reduce){#inicio .hero-booking,#inicio .hero-slide,#inicio .hero-dot::after{transition:none}#inicio .hero-booking:hover{transform:none}}
/* Keep the fade above each positioned carousel slide. */
#inicio .hero-slides::after{z-index:2}
#inicio .hero-slides::after{background:linear-gradient(to bottom,rgba(7,31,43,0) 38%,rgba(7,31,43,.15) 55%,rgba(7,31,43,.7) 70%,#071F2B 85%,#071F2B 100%)}

/* Slightly lower framing on the pool slide. */
#inicio .hero-slide:nth-child(2) img{object-position:48% 54%}

/* Mobile pool framing: create vertical crop room, then favor the pool. */
@media(max-width:680px){#inicio .hero-slide:nth-child(2){overflow:hidden}#inicio .hero-slide:nth-child(2) img{height:112%;transform:translateY(-10.7%);object-position:48% 54%}}

/* Original pool scale with a small upward shift on mobile. */
@media(max-width:680px){#inicio .hero-slide:nth-child(2) img{height:100%;transform:translateY(-30px);object-position:48% 54%}}