:root{--ink:#193b37;--deep:#153834;--cream:#f6f4ee;--paper:#fffefa;--sage:#dce4d7;--muted:#777c73;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px}a{color:inherit;text-decoration:none}.topline{height:36px;background:var(--deep);color:#d8e0d4;display:flex;align-items:center;justify-content:space-between;padding:0 6.1%;font-size:9px;font-weight:600;letter-spacing:.17em}.topline a{letter-spacing:.06em}.topline a span{margin-left:7px}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6.1%;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em;font-size:13px}.brand-mark{width:38px;height:38px;border:1px solid #9ba99b;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:500;letter-spacing:0;font-size:15px}.brand small{display:block;margin-top:4px;font-size:8px;font-weight:500;letter-spacing:.2em;color:#7a8278}.header nav{display:flex;align-items:center;gap:38px;font-size:11px;font-weight:600}.header nav a:not(.nav-cta){color:#495850}.nav-cta{border:1px solid #b6c0b3;padding:13px 17px}.nav-cta span{margin-left:18px}.menu-toggle{display:none}.hero{height:min(690px,73vw);min-height:540px;position:relative;color:white;overflow:hidden;background:#61756a}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background-image:url('images/piscina-jardin.jpg');background-position:center 54%;background-size:cover;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,rgba(13,37,34,.72) 0%,rgba(13,37,34,.46) 42%,rgba(13,37,34,.04) 100%),linear-gradient(0deg,rgba(12,31,29,.25),transparent 40%)}.hero-content{position:absolute;left:10%;top:16%;max-width:560px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.2em}.eyebrow.light{color:#e0e8d9}.hero h1,.section-heading h2,.intro h2,.feature-copy h2,.location h2,.contact h2{font-size:clamp(48px,6vw,78px);line-height:1.03;letter-spacing:-.045em;margin:25px 0 22px;font-weight:500}.hero h1,.feature-copy h2,.location h2{font-family:var(--serif)}em{font-family:var(--serif);font-weight:500}.hero-copy{max-width:370px;line-height:1.8;color:#f1f1e9;font-size:14px;margin-bottom:27px}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:32px;font-size:11px;font-weight:700;letter-spacing:.015em;transition:.2s}.button span{font-size:16px}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover,.button-dark:hover{transform:translateY(-2px)}.hero-note{font-size:8px;letter-spacing:.16em;margin-top:48px;color:#e1e6dc}.dot{display:inline-block;width:6px;height:6px;background:#ced9bd;border-radius:50%;margin-right:8px}.hero-index{position:absolute;right:6%;bottom:35px;font-size:9px;letter-spacing:.15em}.hero-index span{display:inline-block;width:50px;border-top:1px solid #ffffffa0;vertical-align:middle;margin:0 10px}.section-wrap{padding-left:10%;padding-right:10%}.intro{padding-top:115px;padding-bottom:112px}.intro-kicker{display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.14em}.small-rule{width:52px;height:1px;background:#9ba69a}.muted{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:10%;align-items:center}.intro h2,.section-heading h2,.contact h2{font-size:clamp(42px,5vw,61px);font-weight:500;line-height:1.12;margin:32px 0 0}.intro h2 em,.section-heading h2 em,.contact h2 em{color:#758474}.intro-text{max-width:390px;padding-top:16px}.intro-text p,.section-heading>p,.space-card p,.contact-box p{line-height:1.9;color:#68736c;font-size:13px}.text-link{display:inline-block;border-bottom:1px solid #738778;padding:9px 0;margin-top:13px;font-size:10px;font-weight:700;letter-spacing:.06em}.text-link span{margin-left:18px}.feature-band{min-height:620px;background:var(--deep);display:grid;grid-template-columns:1fr .72fr 1.1fr;color:#f8f6ef}.feature-image{min-height:620px;background-size:cover;background-position:center}.feature-image-one{background-image:url('images/jardin-arbolado.jpg')}.feature-image-two{background-image:url('images/suite-acogedora.jpg');background-position:center}.feature-copy{padding:104px 12% 70px 12%}.feature-copy h2{font-size:clamp(42px,4vw,59px);line-height:1.1;margin:25px 0}.feature-copy p,.location-copy>p{color:#d1dbd2;line-height:1.9;font-size:13px;max-width:340px}.button-outline{border:1px solid #8d9d8f;color:#f8f6ef;margin-top:19px}.spaces{padding-top:112px;padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2{margin-top:24px}.section-heading>p{max-width:315px;margin-bottom:7px}.space-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.space-photo{height:300px;background-size:cover;background-position:center}.room-photo{background-image:url('images/habitacion-luminosa.jpg')}.garden-photo{background-image:url('images/piscina-entorno.jpg')}.breakfast-photo{background-image:url('images/interior-comedor.jpg')}.card-meta{display:flex;justify-content:space-between;color:#7b847b;font-size:8px;font-weight:600;letter-spacing:.14em;padding-top:20px}.space-card h3{font-family:var(--serif);font-size:23px;font-weight:500;margin:13px 0 7px}.space-card p{font-size:12px;margin:0;max-width:310px}.disclaimer{font-size:10px;color:#777c73;margin-top:28px}.location{background:#23443e;display:grid;grid-template-columns:1fr 1fr;min-height:590px;color:white}.location-image{background-image:url('images/piscina-noche.jpg');background-size:cover;background-position:center}.location-copy{padding:95px 12%;align-self:center}.location h2{font-size:clamp(49px,5vw,67px);margin:22px 0}.location-detail{border-top:1px solid #819087;margin-top:29px;padding-top:19px;display:flex;flex-direction:column;gap:8px}.location-detail span{font-size:8px;letter-spacing:.16em;color:#c2d0c3}.location-detail strong{font-size:12px;font-weight:500}.quote-section{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#e7e9df}.quote-mark{font-family:var(--serif);font-size:60px;color:#83917f;line-height:.7}.quote-section blockquote{font-family:var(--serif);font-size:clamp(38px,5vw,58px);line-height:1.15;margin:17px 0 18px}.quote-section blockquote em{color:#778776}.quote-section p{font-size:8px;letter-spacing:.18em;color:#63746a}.contact{padding-top:104px;padding-bottom:105px;display:grid;grid-template-columns:1fr .75fr;gap:10%;align-items:center}.contact h2{margin-top:22px}.contact-box{max-width:410px}.contact-box p{margin-top:0}.button-dark{background:var(--deep);color:white;margin-top:10px}.contact-box small{display:block;margin-top:17px;color:#7d857c;font-size:10px}footer{background:var(--deep);color:#e9eee6;min-height:106px;padding:22px 6.1%;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#c7d1c7}.brand-footer{color:white}.brand-footer small{color:#c3ccc1}.brand-footer .brand-mark{border-color:#87978a}.whatsapp-float{position:fixed;z-index:5;right:22px;bottom:20px;height:50px;padding:0 18px 0 11px;background:#245a47;color:#fff;border-radius:30px;box-shadow:0 6px 24px #152e2c44;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.wa-icon{border:1px solid #ffffff90;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:16px}.menu-open{overflow:hidden}
@media(max-width:800px){.topline{padding:0 5%;font-size:8px}.header{height:72px;padding:0 5%}.menu-toggle{display:flex;border:0;background:none;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:23px;height:1px;background:var(--ink)}.header nav{display:none;position:absolute;top:108px;left:0;right:0;padding:24px 6%;background:var(--paper);z-index:6;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 20px #112e2c16}.header nav.open{display:flex}.header nav a{padding:17px 0;border-bottom:1px solid #e8e8df}.header nav .nav-cta{border:0;padding:17px 0}.hero{min-height:650px;height:calc(100svh - 108px);max-height:780px}.hero-content{left:7%;right:7%;top:17%}.hero h1{font-size:60px}.hero-note{margin-top:45px}.section-wrap{padding-left:7%;padding-right:7%}.intro{padding-top:80px;padding-bottom:78px}.intro-kicker{flex-wrap:wrap;gap:10px}.intro-grid{grid-template-columns:1fr;gap:20px}.intro h2,.section-heading h2,.contact h2{font-size:45px;margin-top:28px}.intro-text{padding:0}.feature-band{grid-template-columns:1fr 1fr;min-height:0}.feature-image{min-height:260px}.feature-image-two{display:none}.feature-copy{grid-column:1/-1;padding:54px 7% 62px}.feature-copy h2{font-size:48px}.spaces{padding-top:76px;padding-bottom:78px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:18px}.space-cards{grid-template-columns:1fr;gap:34px}.space-photo{height:320px}.location{grid-template-columns:1fr}.location-image{height:310px}.location-copy{padding:58px 7% 68px}.quote-section{min-height:310px}.contact{padding-top:76px;padding-bottom:76px;grid-template-columns:1fr;gap:18px}footer{padding:28px 7%;flex-wrap:wrap;gap:18px}.brand-footer{width:100%}}
@media(max-width:420px){.topline{letter-spacing:.1em}.topline a{font-size:8px}.hero h1{font-size:52px}.hero-copy{font-size:13px}.hero-note{font-size:7px}.space-photo{height:260px}.section-heading h2,.intro h2,.contact h2{font-size:40px}.feature-copy h2{font-size:44px}}

.gallery{padding-top:88px;padding-bottom:105px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-grid figure{margin:0;overflow:hidden;background:#e8e8df}.gallery-grid img{display:block;width:100%;height:250px;object-fit:cover;transition:transform .45s ease}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{padding:12px 13px 14px;font-family:var(--serif);font-size:15px;color:var(--ink)}.gallery-note{font-size:10px;color:var(--muted);margin-top:20px}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.gallery{padding-top:72px;padding-bottom:78px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-grid img{height:220px}.gallery-grid figcaption{font-size:14px;padding:10px}}
@media(max-width:420px){.gallery-grid img{height:175px}}

/* Blue Sky official transparent logo */
.brand-logo{display:block;width:176px;height:auto;max-height:64px;object-fit:contain}.header .brand{gap:0}.brand-footer .brand-logo{width:148px;max-height:54px}@media(max-width:800px){.brand-logo{width:154px;max-height:58px}.brand-footer .brand-logo{width:142px}}

/* Map and guest reviews */
.location-map{display:block;width:100%;height:100%;min-height:590px;border:0;background:#e5e7df}.map-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:28px}.map-actions .button{margin-top:0}.map-directions{color:#e8eee6;font-size:10px;font-weight:600;border-bottom:1px solid #91a196;padding-bottom:4px}.reviews{padding-top:104px;padding-bottom:108px}.review-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.review-card{padding:26px 25px 23px;background:var(--paper);border:1px solid #e5e4d9;display:flex;flex-direction:column;min-height:280px}.review-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.review-top>span{font-size:9px;font-weight:700;letter-spacing:.14em}.review-top strong{font-family:var(--serif);font-size:24px;font-weight:500}.review-top small{font-family:var(--sans);font-size:11px;color:var(--muted)}.review-count{font-size:10px;color:var(--muted);margin:7px 0 14px}.review-card blockquote{font-family:var(--serif);font-size:20px;line-height:1.48;margin:4px 0 20px;color:var(--ink)}.review-card>a{margin-top:auto;color:#526b5c;font-size:10px;font-weight:700;border-bottom:1px solid #c5cdbf;align-self:flex-start;padding-bottom:4px}.more-reviews{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:25px;font-size:10px}.more-reviews span{color:var(--muted)}.more-reviews a{font-weight:600;color:#526b5c;border-bottom:1px solid #c5cdbf;padding-bottom:3px}.reviews-note{font-size:9px;line-height:1.6;color:var(--muted);margin-top:23px}
@media(max-width:800px){.location-map{min-height:310px;height:310px}.reviews{padding-top:76px;padding-bottom:78px}.review-cards{grid-template-columns:1fr;gap:12px}.review-card{min-height:0;padding:22px}.review-card blockquote{font-size:19px}.map-actions{gap:12px;margin-top:23px}}
