/* Cielo Azul Las Canteras — web estática bilingüe */
:root{--navy:#123d59;--blue:#4b9fc3;--sky:#d9edf3;--sand:#e9ddc8;--cream:#f8f7f2;--white:#fff;--ink:#173347;--muted:#687d87;--line:#dce5e6;--serif:"Manrope",Arial,sans-serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:10px;z-index:99;background:white;padding:10px}
.header{height:94px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--white);position:relative;z-index:10}.wordmark{display:flex;flex-direction:column;line-height:1.15;flex-shrink:0}.wordmark-title{font-family:var(--serif);font-size:28px;font-weight:800;letter-spacing:-1.5px;color:var(--navy)}.wordmark-sub{font-size:8px;letter-spacing:2.1px;font-weight:700;margin-top:4px}.wordmark-location{font-size:7px;letter-spacing:1.35px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:600}.nav>a:not(.nav-book):hover{color:var(--blue)}.language-switch{display:flex;align-items:center;gap:7px;color:#a0afb4;font-size:11px}.lang{padding:4px 1px;border:0;background:transparent;color:#8a9ba1;cursor:pointer;font-weight:700}.lang.active{color:var(--navy)}.nav-book{background:var(--navy);color:white;padding:12px 16px;white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:25px}
.hero{position:relative;min-height:min(740px,calc(100vh - 94px));display:flex;align-items:center;overflow:hidden;background:#264b60;color:white}.hero-bg{position:absolute;inset:0;background-image:url("img/piscina.png"),url("https://images.unsplash.com/photo-1572331165267-854da2b10ccc?auto=format&fit=crop&w=2200&q=90");background-position:center 53%;background-size:cover;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,37,57,.78) 0%,rgba(9,37,57,.49) 44%,rgba(9,37,57,.05) 100%),linear-gradient(0deg,rgba(9,37,57,.22),transparent 40%)}.hero-content{position:relative;z-index:1;padding:100px 0 120px 12vw;max-width:790px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.6px;font-weight:700}.eyebrow-line{width:35px;height:1px;background:var(--sky)}h1,h2{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-1.7px}h1{font-size:clamp(48px,6.7vw,88px);margin:24px 0}h1 em,h2 em{font-style:normal;color:#a9d9e8}.hero-copy{max-width:435px;font-size:16px;color:#e8f1f3;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 19px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#f8f7f2;color:var(--navy)}.text-link{font-size:12px;color:white;border-bottom:1px solid rgba(255,255,255,.55);padding:7px 0}.hero-caption{position:absolute;left:6.5vw;bottom:32px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.9px;text-transform:uppercase}.caption-dot{width:7px;height:7px;background:#9ed7e7;border-radius:50%}.hero-index{position:absolute;right:6.5vw;bottom:32px;font-size:9px;letter-spacing:1.6px;color:#e2ebed}
.section{padding:105px 10vw}.section-label{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:2.2px}.section-label span:first-child{color:var(--blue)}.welcome-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;margin-top:25px}.section h2{font-size:clamp(34px,4.4vw,57px);margin:0;color:var(--navy)}.section h2 em{color:var(--blue)}.welcome-copy{padding-top:5px;color:#607681;font-size:14px}.welcome-copy p{margin:0 0 16px}.welcome-note{padding-left:17px;border-left:2px solid var(--sand);color:var(--navy);font-weight:600}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:58px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:24px 10px 23px 0;display:flex;flex-direction:column;gap:5px}.stat+.stat{border-left:1px solid var(--line);padding-left:28px}.stat-number{font-family:var(--serif);font-size:38px;line-height:1.2;font-weight:700;color:var(--navy)}.stat-number small{font-size:16px}.stat>span:last-child{font-size:11px;color:var(--muted)}.amenities{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.amenity{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.amenity-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#e7f1f1;color:var(--navy);font-size:17px}
.gallery-section{background:#eaf1ef}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:26px 0 40px}.section-heading>p{max-width:330px;margin:0 0 4px;color:#637984;font-size:13px}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:220px;gap:13px}.gallery-item{position:relative;padding:0;border:0;overflow:hidden;background:#d4e0df;cursor:zoom-in;text-align:left}.gallery-item.gallery-pool{grid-row:span 2}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.gallery-item:hover img{transform:scale(1.045)}.gallery-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:30px 16px 13px;color:white;font-size:11px;font-weight:600;background:linear-gradient(transparent,rgba(10,37,53,.65))}.gallery-overlay b{font-size:17px}.gallery-note{font-size:10px;color:#7b8b8d;margin:15px 0 0}
.destination{background:var(--white)}.places-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.place-card{height:265px;position:relative;display:block;overflow:hidden;background:#ccd9da;color:white}.place-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,31,45,.78),transparent 65%)}.place-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.place-card:hover img{transform:scale(1.06)}.place-number,.place-info{position:absolute;z-index:1;left:15px;right:12px}.place-number{top:15px;font-size:8px;letter-spacing:1.5px}.place-info{bottom:15px;display:flex;flex-direction:column;gap:6px}.place-info strong{font-family:var(--serif);font-size:16px;line-height:1.25}.place-info span{font-size:9px;color:#e2edf0}
.services{background:var(--sky)}.services .section-heading{margin-bottom:30px}.service-list{margin-top:35px;border-top:1px solid #bfd6dd}.service-row{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid #bfd6dd}.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);font-size:19px;color:var(--navy)}.service-content h3{font-size:15px;margin:0 0 4px;color:var(--navy)}.service-content p{font-size:12px;margin:0;color:#5c737d;max-width:600px}.service-link{font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap;border-bottom:1px solid #8baeb8;padding-bottom:4px}
.booking-banner{position:relative;overflow:hidden;background:var(--navy);color:white;min-height:460px;display:flex;align-items:center}.booking-art{position:absolute;inset:0 0 0 48%;background:url("img/piscina.png") center/cover}.booking-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 42%,rgba(18,61,89,.72) 62%,rgba(18,61,89,.1) 100%)}.booking-content{position:relative;z-index:1;padding:80px 0 80px 12vw;max-width:700px}.booking-content h2{font-size:clamp(42px,5vw,64px);margin:22px 0}.booking-content h2 em{color:#a9d9e8}.booking-content>p:not(.eyebrow){max-width:390px;color:#d8e7ec;font-size:13px;margin-bottom:25px}.button-white{background:white;color:var(--navy)}
.footer{background:#0c2c41;color:white;padding:45px 6.5vw 18px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}.footer-wordmark .wordmark-title{color:white}.footer-wordmark .wordmark-sub{color:#e3edf0}.footer-wordmark .wordmark-location{color:#a9c1ca}.footer-contact{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#c8d9df}.footer-contact span{font-weight:700;color:white;margin-bottom:4px}.footer-contact a:hover,.footer-bottom a:hover{color:#a9d9e8}.footer-book{font-size:11px;border:1px solid #8ba9b6;padding:12px 16px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.15);font-size:9px;color:#a8c0c9}.license{letter-spacing:.5px}
.lightbox{border:0;padding:50px 25px 25px;max-width:min(1000px,94vw);max-height:94vh;background:#0c2433;color:white;overflow:visible}.lightbox::backdrop{background:rgba(4,19,28,.88)}.lightbox img{display:block;max-width:85vw;max-height:75vh;object-fit:contain;margin:auto}.lightbox p{text-align:center;font-size:12px;margin:14px 0 0}.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.13);color:white;cursor:pointer}.lightbox-close{top:8px;right:8px;width:34px;height:34px;font-size:25px}.lightbox-prev,.lightbox-next{top:50%;width:36px;height:48px;font-size:30px;transform:translateY(-50%)}.lightbox-prev{left:-12px}.lightbox-next{right:-12px}
@media(max-width:1000px){.header{padding:0 4vw}.nav{gap:13px;font-size:11px}.section{padding:85px 7vw}.places-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-auto-rows:190px}.hero-content,.booking-content{padding-left:8vw}}
@media(max-width:720px){html{scroll-padding-top:75px}.header{height:78px;padding:0 6vw}.wordmark-title{font-size:24px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:78px;padding:18px 6vw 24px;background:white;box-shadow:0 12px 20px #123d5917;align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav>a{padding:12px 0;border-bottom:1px solid var(--line)}.nav .nav-book{padding:13px 15px;margin-top:12px;text-align:center}.language-switch{padding:12px 0}.hero{min-height:650px}.hero-content{padding:80px 7vw 110px}.hero-shade{background:linear-gradient(90deg,rgba(9,37,57,.76),rgba(9,37,57,.32)),linear-gradient(0deg,rgba(9,37,57,.25),transparent)}.hero-index{display:none}.section{padding:72px 7vw}.welcome-grid{grid-template-columns:1fr;gap:14px}.welcome-copy{padding-top:0}.stats{margin:38px 0 30px}.stat+.stat{padding-left:15px}.stat-number{font-size:32px}.amenities{grid-template-columns:repeat(2,1fr);gap:0 15px}.section-heading{display:block}.section-heading>p{margin-top:20px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:9px}.gallery-item.gallery-pool{grid-column:span 2;grid-row:auto;height:240px}.places-grid{gap:10px}.place-card{height:220px}.place-info strong{font-size:14px}.service-row{grid-template-columns:42px 1fr;gap:13px}.service-link{grid-column:2;justify-self:start;margin-top:4px}.booking-art{inset:0;background-position:center;opacity:.55}.booking-banner:after{background:linear-gradient(90deg,rgba(18,61,89,.94),rgba(18,61,89,.55))}.booking-content{padding:75px 7vw}.footer-top{align-items:flex-start;flex-direction:column}.footer-contact{margin-top:6px}.footer-bottom{flex-wrap:wrap}.license{order:3;width:100%}}
@media(max-width:390px){.places-grid{grid-template-columns:1fr}.place-card{height:250px}.stats{grid-template-columns:repeat(3,1fr)}.stat-number{font-size:28px}.stat+.stat{padding-left:10px}.stat>span:last-child{font-size:10px}.amenities{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}}

.external-guides{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.external-guides a{display:inline-block;padding:12px 15px;border:1px solid var(--line);background:white;color:var(--navy);font-size:12px;font-weight:700}.external-guides a:hover{background:var(--sky)}

/* Brand logo and helpful webcam links */
.header-logo{width:154px;align-items:flex-start;justify-content:center}
.brand-logo{display:block;width:146px;height:84px;object-fit:contain;object-position:left center}
.footer-brand-logo{width:130px;height:88px;object-position:left center}
.webcam-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
@media(max-width:700px){.header-logo{width:112px}.brand-logo{width:108px;height:72px}.webcam-links{gap:12px}}