:root{--ink:#0d4052;--muted:#526d75;--turquoise:#008c9f;--turquoise-dark:#006d7d;--sand:#fffaf2;--orange:#ff8b3d;--sun:#ffc955;--line:#d9e9e8;--white:#fff;--radius:24px;--shadow:0 14px 38px rgba(7,71,85,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.034em}h1{font-size:clamp(2.7rem,5.1vw,5.5rem);font-weight:850}h2{font-size:clamp(2rem,4.15vw,3.7rem);font-weight:830}h3{font-size:1.4rem}p{color:var(--muted)}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-1000px;top:1rem;z-index:200;background:#fff;padding:.5rem 1rem}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #eaf0ef;backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:93px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:82px;height:82px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:1.01rem;letter-spacing:.03em;white-space:nowrap}.brand-text small{font-size:.65rem;letter-spacing:.14em;color:var(--turquoise-dark);margin-top:7px;font-weight:750}.desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{font-size:.88rem;font-weight:700;color:#35515d;transition:.2s}.desktop-nav a:hover,.desktop-nav a.current{color:var(--turquoise-dark)}.header-actions{display:flex;align-items:center;gap:15px}.languages{display:flex;gap:8px;font-size:.69rem;font-weight:780}.languages a{color:#74878c}.languages a[aria-current=true]{color:var(--turquoise-dark);text-decoration:underline;text-underline-offset:4px}.btn{display:inline-flex;gap:14px;justify-content:center;align-items:center;border:2px solid transparent;border-radius:999px;padding:15px 24px;min-height:52px;font-size:.92rem;font-weight:780;line-height:1.2;transition:transform .2s,background .2s,border .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.btn-primary{background:var(--turquoise);color:#fff}.btn-primary:hover{background:var(--turquoise-dark)}.btn-outline{border-color:#bcd7d7;background:#fff;color:var(--ink)}.btn-outline:hover{border-color:var(--turquoise)}.btn-light{background:#fff;color:var(--turquoise-dark)}.btn-small{padding:12px 17px;min-height:43px;font-size:.79rem}.mobile-menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mobile-menu-button span{height:2px;width:19px;background:var(--ink)}.mobile-nav[hidden]{display:none!important}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.18em;font-weight:850;text-transform:uppercase;color:var(--turquoise-dark);margin-bottom:20px}.eyebrow-dot{display:inline-block;width:9px;height:9px;background:var(--orange);border-radius:50%}.lead{font-size:clamp(1rem,1.45vw,1.21rem);line-height:1.85}.hero{background:linear-gradient(115deg,#fffdf8,#effcfb);position:relative;overflow:hidden}.hero-grid{min-height:655px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:44px;padding-top:44px;padding-bottom:85px}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin-bottom:26px}.hero-copy h1 em{font-style:normal;color:var(--turquoise)}.hero-copy p{max-width:550px}.hero-buttons,.pagehero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:42px;font-size:.82rem;font-weight:780;color:#3e6870}.hero-visual{height:550px;position:relative;margin-right:-28px}.hero-photo{width:100%;height:100%;object-fit:cover;border-radius:40% 40% 24px 24px;box-shadow:0 30px 60px rgba(21,105,113,.17)}.hero-logo-stamp{position:absolute;left:-38px;bottom:-30px;width:228px;height:228px;background:#fff;border:8px solid #fff;border-radius:50%;box-shadow:0 12px 38px rgba(0,56,73,.16);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-logo-stamp img{width:100%;height:100%;object-fit:contain}.hero-vertical-text{position:absolute;right:-22px;bottom:28px;writing-mode:vertical-rl;letter-spacing:.22em;font-size:.65rem;color:#fff;font-weight:850;text-shadow:0 1px 6px #123}.wave{position:absolute;bottom:-1px;width:100%;height:42px;background:#fff;clip-path:ellipse(70% 100% at 50% 100%)}.section{padding:100px 0}.section-header{margin-bottom:46px}.section-header h2{margin-bottom:17px}.section-header p{max-width:610px;font-size:1.06rem}.section-header.center{text-align:center}.section-header.center p{margin-inline:auto}.section-header.spread{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-header.spread>div{max-width:710px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:34px;border-radius:var(--radius);background:#f6fcfa;border:1px solid #edf2ef}.feature-icon{border-radius:17px;width:62px;height:62px;display:grid;place-items:center;background:#d9f7f5;font-size:2.05rem;color:var(--turquoise-dark);margin-bottom:23px}.feature h3{font-size:1.25rem;margin-bottom:13px}.feature p{margin:0}.rooms-preview,.color-panel{background:var(--sand)}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.room-grid-full{grid-template-columns:repeat(2,1fr);gap:32px}.room-card{border-radius:var(--radius);overflow:hidden;background:white;box-shadow:var(--shadow);border:1px solid #ebf2ef}.room-card>a{display:block;overflow:hidden;aspect-ratio:1.4}.room-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.room-card a:hover img{transform:scale(1.03)}.room-info{padding:28px}.room-topline{display:flex;justify-content:space-between;color:var(--turquoise-dark);font-size:.65rem;font-weight:850;letter-spacing:.16em;margin-bottom:20px}.room-info h3{font-size:1.55rem}.room-info p{font-size:.95rem;min-height:78px}.text-link{font-weight:800;color:var(--turquoise-dark);display:inline-flex;gap:8px;align-items:center}.text-link:hover{text-decoration:underline}.small-note{margin-top:25px;font-size:.82rem;color:#61757c}.photo-story{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:var(--ink)}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(44px,7vw,115px)}.story-copy .eyebrow{color:#6de1dd}.story-copy h2{color:white}.story-copy p{color:#dce9e9;font-size:1.12rem;max-width:520px}.story-copy .btn{margin-top:22px}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:190px 190px;gap:14px}.gallery-grid a{display:block;overflow:hidden;border-radius:15px}.gallery-grid a.gallery-large{grid-row:span 2}.gallery-grid img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.gallery-grid a:hover img{transform:scale(1.05)}.cta{background:linear-gradient(110deg,#006d83,#00877f);padding:65px 0}.cta-inner{display:flex;justify-content:space-between;gap:35px;align-items:center}.cta h2,.cta p{color:white}.cta h2{max-width:760px;margin-bottom:12px}.cta p{margin-bottom:0}.cta .eyebrow{color:#d8ffed}.cta .btn{flex-shrink:0}.site-footer{background:#072e40;color:#dcebec;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:1.45fr .9fr .95fr 1fr;gap:44px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-logo{background:white;border-radius:18px;overflow:hidden;width:134px}.footer-grid h3{font-size:1rem;color:white;margin-bottom:10px}.footer-grid p,.footer-grid a{color:#d0e0e5;font-size:.91rem;margin:0}.footer-grid a:hover{color:#73e4df}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #275369;margin-top:60px;padding:21px 0;font-size:.76rem;color:#a9c5ca}.floating-book{display:none}.page-hero{background:var(--sand);overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:72px 0}.page-hero-copy h1{font-size:clamp(2.5rem,4.5vw,4.5rem)}.page-hero-grid>img{width:100%;height:430px;object-fit:cover;border-radius:42% 42% 20px 20px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-feature.reverse .split-image{order:2}.split-feature.reverse .split-content{order:1}.split-image img{width:100%;height:450px;object-fit:cover;border-radius:var(--radius)}.split-content h2{margin-bottom:26px}.split-content p{font-size:1.05rem}.split-content .btn{margin-top:15px}.contact-lines{margin:36px 0}.contact-lines>div{border-bottom:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column}.contact-lines span{color:var(--turquoise-dark);font-size:.7rem;letter-spacing:.15em;font-weight:850}.contact-lines strong,.contact-lines a{font-weight:600;margin-top:6px}.faq-list{max-width:830px;margin:0 auto}.faq-list details{border-bottom:1px solid #d9e5e2;padding:20px 5px}.faq-list summary{cursor:pointer;font-size:1.08rem;font-weight:780}.faq-list details p{padding:12px 0 0}.booking-panel{border:1px solid var(--line);background:white;box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.booking-panel iframe{display:block;border:0;width:100%;height:1250px}.booking-fallback{text-align:center;margin-top:20px;font-size:.92rem}.booking-fallback a{color:var(--turquoise-dark);font-weight:800}.section-narrow{max-width:790px}.section-narrow h2{margin-top:24px}.extra-gallery{background:#f5faf8}.thumb-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.thumb-gallery img{width:100%;aspect-ratio:1.33;object-fit:cover;border-radius:14px}
@media(max-width:1120px){.desktop-nav{gap:14px}.desktop-nav a{font-size:.77rem}.brand-text{display:none}.brand img{width:85px;height:85px}.header-actions{gap:8px}.hero-grid{gap:20px}.hero-logo-stamp{width:180px;height:180px}}
@media(max-width:900px){.desktop-nav,.book-desktop{display:none}.mobile-menu-button{display:flex}.header-inner{min-height:78px}.brand img{width:72px;height:72px}.brand-text{display:flex}.mobile-nav{padding:14px 24px 24px;border-top:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.mobile-nav a{display:block;padding:11px 0;font-weight:750;border-bottom:1px solid #eef4f2}.mobile-lang{display:flex;gap:16px;margin-top:10px}.mobile-lang a{border:0}.hero-grid{min-height:0;grid-template-columns:1fr;padding-top:65px;padding-bottom:55px}.hero-visual{margin:30px 18px 30px;height:500px}.hero-logo-stamp{left:-18px;bottom:-18px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px}.feature{padding:23px}.feature-icon{margin-bottom:14px}.room-grid{grid-template-columns:repeat(2,1fr)}.room-grid .room-card:last-child:nth-child(odd){display:none}.room-grid-full .room-card:last-child{display:block!important}.page-hero-grid{gap:35px}.page-hero-grid>img{height:370px}.split-feature{gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}.section{padding:75px 0}}
@media(max-width:650px){.shell{width:calc(100% - 34px)}.brand img{width:64px;height:64px}.brand-text strong{font-size:.81rem}.brand-text small{font-size:.56rem}.header-inner{gap:6px}.languages{gap:6px;font-size:.65rem}.header-actions{gap:13px}.hero-grid{padding-top:40px}.hero-copy h1{font-size:clamp(2.55rem,10vw,3.5rem)}.lead{font-size:1rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-proof{margin-top:28px;gap:11px;font-size:.74rem}.hero-visual{height:345px;margin:18px 7px 26px}.hero-logo-stamp{width:132px;height:132px;bottom:-19px;left:-9px;border:5px solid white}.hero-vertical-text{right:-13px;font-size:.5rem}.eyebrow{font-size:.64rem;letter-spacing:.12em}.section{padding:68px 0}.section-header{margin-bottom:27px}.section-header.spread{display:block}.section-header.spread .btn{margin-top:10px}.feature-grid,.room-grid,.room-grid-full{grid-template-columns:1fr}.room-grid .room-card:last-child:nth-child(odd){display:block}.feature{padding:24px}.room-info p{min-height:0}.photo-story{grid-template-columns:1fr}.story-image{height:280px}.story-copy{padding:48px 25px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px}.gallery-grid a.gallery-large{grid-column:span 2;grid-row:span 1}.gallery-grid>a:last-child{display:none}.cta-inner{flex-direction:column;align-items:flex-start}.cta h2{font-size:2.2rem}.page-hero-grid{grid-template-columns:1fr;gap:24px;padding:55px 0 35px}.page-hero-grid>img{height:295px}.page-hero-copy h1{font-size:2.6rem}.split-feature{grid-template-columns:1fr;gap:34px}.split-feature.reverse .split-image{order:0}.split-feature.reverse .split-content{order:1}.split-image img{height:310px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{margin-top:38px;flex-direction:column}.thumb-gallery{grid-template-columns:1fr 1fr}.booking-panel iframe{height:1300px}.floating-book{display:block;position:fixed;z-index:90;right:15px;bottom:15px;background:var(--orange);color:#153c42;padding:12px 20px;border-radius:999px;font-weight:830;box-shadow:0 8px 25px #1242}}@media(max-width:390px){.brand-text{display:none}.hero-visual{height:290px}.gallery-grid{grid-template-rows:120px 120px 120px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.footer-policy{padding-bottom:26px;font-size:.82rem}.footer-policy a{color:#93c9ce;text-decoration:underline;text-underline-offset:3px}

/* Casa Coco Loco · social & location additions · responsive long-scroll homepage */
.experience-section{background:linear-gradient(180deg,#fff 0%,#f3fbfa 100%)}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.experience-card{background:#fff;overflow:hidden;border:1px solid #e3efed;border-radius:22px;box-shadow:0 12px 34px #084a5410}
.experience-card img{width:100%;aspect-ratio:1.35;object-fit:cover}
.experience-content{padding:25px}.experience-content h3{margin-bottom:9px;font-size:1.34rem}.experience-content p{font-size:.96rem;margin:0}
.steps-section{background:#f7f4ec}.stay-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.stay-step{background:#fff;border-radius:22px;padding:30px 26px;border:1px solid #e8e4da}
.step-num{display:inline-flex;color:#087e89;background:#e2f8f6;padding:5px 12px;border-radius:999px;font-size:.8rem;letter-spacing:.06em;font-weight:900;margin-bottom:22px}
.stay-step h3{font-size:1.27rem;margin-bottom:10px}.stay-step p{font-size:.93rem;margin-bottom:0}
.step-cta{text-align:center;margin:30px 0 0}
.faq-home{background:#fff}.faq-home details{scroll-margin-top:100px}
.social-section{background:#ecfaf9}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.social-card{background:#fff;border:1px solid #cfe8e5;border-radius:22px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-height:260px;transition:transform .2s,box-shadow .2s}
.social-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #094b5e1a}
.social-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:#eaf4ff;color:#215b9e;font-size:1.65rem;font-weight:900;line-height:1}
.social-instagram .social-icon{background:#fff0e4;color:#d0524c}.social-google .social-icon{background:#e9f7ee;color:#29864a}
.social-card-title{display:block;font-size:1.3rem;font-weight:840;margin-top:18px}.social-card-desc{font-size:.92rem;color:var(--muted);margin:7px 0 20px}
.social-card-action{font-size:.9rem;font-weight:800;color:var(--turquoise-dark);margin-top:auto}
.map-section{background:#fff}.map-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(130px,.4fr);align-items:center;gap:32px;margin-bottom:35px}
.map-intro h2{max-width:800px}.map-intro p{max-width:700px}.map-stamp{justify-self:end;max-width:180px;background:#fff;box-shadow:0 8px 30px #094b5e17;border:1px solid #e5f0ed;border-radius:22px;overflow:hidden}
.map-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
.map-frame{width:100%;height:clamp(320px,45vw,490px);border-radius:24px;overflow:hidden;border:1px solid #d2e7e5;background:linear-gradient(140deg,#e3f5f2,#d6e9ed)}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
.map-address{margin-top:17px;font-weight:750;color:#244b55}.map-disclaimer{font-size:.73rem;font-weight:450;color:#62777c;display:block;margin-top:2px}
.mobile-action-bar{display:none}
@media(max-width:900px){.experience-grid,.social-grid,.stay-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card:last-child,.stay-step:last-child{grid-column:span 2}.site-footer{padding-bottom:25px}}
@media(max-width:650px){
 body{padding-bottom:74px}.site-footer{padding-bottom:20px}.experience-grid,.social-grid,.stay-steps{grid-template-columns:1fr;gap:14px}
 .social-card:last-child,.stay-step:last-child{grid-column:auto}.social-card{min-height:0;padding:23px}.experience-content{padding:21px}.experience-card img{aspect-ratio:1.7}
 .stay-step{padding:24px}.step-num{margin-bottom:14px}.map-intro{grid-template-columns:1fr;gap:10px}.map-stamp{display:none}.map-actions{flex-direction:column}.map-actions .btn{width:100%}.map-frame{height:350px;border-radius:18px}.map-address{font-size:.86rem}
 .mobile-action-bar{display:grid;position:fixed;z-index:130;bottom:0;left:0;right:0;grid-template-columns:1fr 1.3fr 1fr;gap:5px;background:#fff;border-top:1px solid #d6e9e6;box-shadow:0 -8px 22px #123b4c12;padding:7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))}
 .mobile-action-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:49px;gap:0;border-radius:13px;color:#155666;font-size:.68rem;font-weight:800;text-align:center}
 .mobile-action-bar a>span{font-size:1.2rem;line-height:1.2}
 .mobile-action-bar a.mobile-book{color:#fff;background:var(--turquoise);font-size:.77rem}
 .floating-book{display:none!important}.map-section,.social-section,.faq-home{scroll-margin-top:75px}
}

/* Casa Coco Loco: under-new-management feature — intentionally calm and mobile-first. */
.new-chapter{padding:40px 0 72px;background:#fff;scroll-margin-top:96px}
.new-chapter-panel{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(225px,.75fr);gap:46px;align-items:center;padding:clamp(28px,4.2vw,58px);background:linear-gradient(115deg,#e9f9f7 0%,#fffdf5 78%);border:1px solid #cfece8;border-radius:28px;box-shadow:0 12px 34px rgba(0,88,102,.065);position:relative;overflow:hidden}
.new-chapter-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#00acc3,#ffd25e,#f8813e)}
.new-chapter .eyebrow{margin-bottom:12px;color:#007183;letter-spacing:.14em}
.new-chapter h2{font-size:clamp(1.7rem,3.4vw,2.85rem);margin:0 0 20px;line-height:1.12}
.new-chapter p{max-width:770px;font-size:1.03rem;line-height:1.72;margin:0 0 12px}
.new-chapter .new-chapter-note{font-size:.86rem;color:#42656a;margin:10px 0 0}
.new-chapter-aside{border-left:1px solid #c0dfdc;padding-left:38px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.new-chapter-spark{font-size:2.1rem;line-height:1;color:#fa9c41}
.new-chapter-aside strong{font-size:clamp(1.25rem,2vw,1.62rem);letter-spacing:-.02em;line-height:1.28;color:#0d5664}
.new-chapter-aside .text-link{font-size:.9rem}
@media(max-width:700px){.new-chapter{padding:24px 0 54px;scroll-margin-top:74px}.new-chapter-panel{grid-template-columns:1fr;gap:24px;padding:29px 24px;border-radius:22px}.new-chapter h2{font-size:clamp(1.65rem,7.5vw,2.2rem)}.new-chapter p{font-size:.99rem}.new-chapter-aside{border:0;border-top:1px solid #c0dfdc;padding:21px 0 0;gap:8px}.new-chapter-spark{display:none}.new-chapter-aside strong{font-size:1.15rem}}

/* Owner-approved direct WhatsApp contact */
.contact-whatsapp{display:inline-block;margin:10px 0;color:#007f8f;font-weight:700}

/* Casa Coco Loco: approved telephone is +1 849 523 9241. Tap-to-call enhancements. */
.header-phone{display:inline-flex;align-items:center;white-space:nowrap;color:#006d7d;font-size:.83rem;font-weight:800;border:1px solid #bedfda;border-radius:999px;padding:8px 12px;min-height:44px}
.header-phone:hover{background:#eaf8f5}
.hero-contact-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:17px 0 0;font-size:.87rem}
.hero-contact-strip>span{font-weight:650;color:#546d72}
.hero-contact-strip a{font-weight:850;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;color:#006b7e}
.hero-contact-strip a.hero-wa{color:#187448}
.contact-dial{display:block;margin-top:10px;font-weight:800;color:#006e83;text-decoration:underline;text-underline-offset:3px}
.footer-phone{font-weight:800}
@media(max-width:1280px){.header-phone{display:none}}
@media(max-width:650px){
 .hero-contact-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px 7px}
 .hero-contact-strip>span{grid-column:1/-1}
 .hero-contact-strip a{font-size:.79rem;white-space:normal}
 .mobile-action-bar{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mobile-action-bar a{font-size:.64rem;min-width:0}
 .mobile-action-bar a.mobile-book{font-size:.69rem}
 .mobile-action-bar a.mobile-call{color:#007a55;background:#e9f9f0}
}
@media(max-width:360px){.mobile-action-bar a{font-size:.58rem}.hero-contact-strip a{font-size:.74rem}}


/* CASA COCO LOCO — approved turquoise brand refresh (29 October 2026).
   Inspired by the vivid aqua/turquoise in the hotel's existing coconut logo.
   Alternating light/saturated sections keep reading contrast and photo focus. */
:root {
  --ink: #07394c;
  --muted: #3c6470;
  --turquoise: #00a8b9;
  --turquoise-dark: #006b80;
  --sand: #eafafa;
  --line: #a9dddc;
  --shadow: 0 16px 40px rgba(0,94,113,.15);
}
body {background:#f7ffff}
.site-header {background:rgba(241,255,254,.97);border-top:5px solid #00aebc;border-bottom:1px solid #a3dfdf;box-shadow:0 4px 22px rgba(0,110,130,.08)}
.desktop-nav a:hover,.desktop-nav a.current {color:#006c82}
.brand-text small {color:#00798a}
.btn-primary{background:linear-gradient(115deg,#008d9f,#00b1bb);box-shadow:0 7px 18px rgba(0,139,161,.17)}
.btn-primary:hover{background:#006c81}
.btn-outline{border-color:#74cbd0;background:#f5ffff;color:#006479}
.btn-light{background:#fff;color:#006c80}
.header-phone{background:#d8f6f3;border-color:#79cacc;color:#075469}
.header-phone:hover{background:#bcefed}
.languages a[aria-current=true]{color:#006a7b}
.eyebrow{color:#007589}
.hero{background:radial-gradient(circle at 88% 5%,rgba(255,193,77,.35),transparent 32%),linear-gradient(110deg,#c7f5f3 0%,#edffff 49%,#a6e6eb 100%)}
.hero-grid{padding-top:58px}
.hero-copy h1 em{color:#008b9d}
.hero-proof{color:#11556b}
.hero-logo-stamp{border:8px solid #d0f7f3;background:#faffff;box-shadow:0 14px 40px rgba(0,115,140,.26)}
.hero-contact-strip{background:rgba(255,255,255,.62);padding:12px 15px;border:1px solid #a1dedf;border-radius:16px;max-width:550px}
.hero-contact-strip a{color:#006a7c}
.hero-contact-strip a.hero-wa{color:#087650}
.wave{background:#078da2;height:34px;clip-path:ellipse(83% 70% at 50% 100%)}
.new-chapter{background:linear-gradient(125deg,#00849b 0%,#00b6ba 58%,#007e96 100%);padding:70px 0 83px}
.new-chapter-panel{background:linear-gradient(120deg,#ecfffd 0%,#cefbf4 60%,#fff1d9 100%);border:2px solid #91eee5;box-shadow:0 22px 54px rgba(0,49,72,.22);gap:28px}
.new-chapter-panel:before{height:8px;background:linear-gradient(90deg,#05bed0 0%,#ffdb5a 55%,#ff8347 100%)}
.new-chapter .eyebrow{color:#00697a}
.new-chapter-aside{border:0;background:linear-gradient(145deg,#007e92,#005e78);padding:30px 26px;border-radius:22px;min-height:220px;box-shadow:0 14px 30px rgba(0,87,108,.2)}
.new-chapter-aside strong{color:#fff}
.new-chapter-aside .text-link{color:#b6fff6}
.new-chapter-spark{color:#ffe27d}
.intro-section{background:linear-gradient(180deg,#dbf9f6 0%,#eefdfc 100%)}
.feature{background:#fff;border:1px solid #b8e8e4;box-shadow:0 11px 25px rgba(0,111,131,.07)}
.feature-icon{background:linear-gradient(145deg,#00bfc6,#00778e);color:#fff}
.rooms-preview{background:linear-gradient(135deg,#b4ebe9 0%,#e7ffff 62%,#e5f9f4 100%)}
.rooms-preview .section-header p{color:#315b66}
.room-card{border:1px solid #a8d9d9;box-shadow:0 19px 40px rgba(0,91,116,.13)}
.room-info{border-top:5px solid #08b6c1}
.photo-story{background:#064e67}
.story-copy{background:linear-gradient(145deg,#075b72,#006a77)}
.story-copy .eyebrow{color:#b9fff2}
.story-copy p{color:#e6fbfa}
.experience-section{background:linear-gradient(145deg,#eafcf9 0%,#c5f3f1 100%)}
.experience-card{border-color:#9bdedb;box-shadow:0 12px 35px rgba(0,89,110,.11)}
.gallery-section{background:#f5fffd}
.gallery-grid a{border:3px solid #8ee0df;box-shadow:0 8px 20px rgba(0,89,110,.09)}
.steps-section{background:linear-gradient(155deg,#b6eeed 0%,#ddfaf7 48%,#fff8e6 100%)}
.stay-step{background:#faffff;border:1px solid #9bd9dc;box-shadow:0 8px 24px rgba(0,96,115,.09)}
.step-num{color:#00788b}
.faq-home{background:#f5fffe}
.faq-list details{border-bottom-color:#8fcece}
.social-section{background:linear-gradient(145deg,#b9eeee,#d9f8f3)}
.social-card{border:1px solid #8ed2d2;box-shadow:0 10px 26px rgba(0,91,110,.1)}
.map-section{background:linear-gradient(155deg,#e9fcf9,#bcebe9)}
.map-stamp{border:3px solid #9bdad7}
.map-frame{border:5px solid #68cdd0;box-shadow:0 20px 42px rgba(0,95,117,.16)}
.cta{background:linear-gradient(110deg,#007c99 0%,#00aeb3 60%,#006780 100%)}
.site-footer{background:#03344a}
.footer-grid a:hover{color:#82fcf2}
.page-hero{background:radial-gradient(circle at 85% 25%,#fff6d1 0,transparent 35%),linear-gradient(120deg,#d0f9f5,#a7e9ec)}
.extra-gallery{background:#e2f9f7}
.booking-panel{border:2px solid #83d4d3}
/* Vibrant teal actions stay visible on narrow screens; never cover meaningful content. */
@media(max-width:900px){
  .site-header{border-top-width:4px}
  .mobile-menu-button{background:#d0f6f4;border:1px solid #83d5d2}
}
@media(max-width:700px){
  .hero-grid{padding-top:28px}
  .new-chapter{padding:38px 0 53px}
  .new-chapter-panel{padding:25px 22px}
  .new-chapter-aside{border:0;padding:20px;min-height:0;border-radius:17px}
  .hero-contact-strip{padding:11px}
}
@media(max-width:650px){
  .mobile-action-bar{background:#056780;border-top:2px solid #00c4c9;box-shadow:0 -8px 28px rgba(0,74,93,.25)}
  .mobile-action-bar a{color:#e8ffff}
  .mobile-action-bar a.mobile-book{background:#ffb64a;color:#103c4e;font-weight:900}
  .mobile-action-bar a.mobile-call{background:#d1fff6;color:#075c64}
  .social-section,.map-section,.rooms-preview,.steps-section{scroll-margin-top:75px}
}


/* Accessibility & image-ratio refinement, 29 Oct 2026.
   Keeps approved colors/photography and preserves visual proportions. */
/* Inactive language text needs sufficient contrast and finger-friendly spacing. */
.languages {gap:4px;align-items:center}
.languages a {color:#315c67;display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;padding:4px 6px;font-size:.75rem;border-radius:9px}
.languages a[aria-current=true]{color:#005d70;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.languages a:hover,.languages a:focus-visible{background:#d3f6f3}
/* Make navigation, inline actions and footer links easier to tap while retaining spacing. */
.desktop-nav a{display:inline-flex;align-items:center;min-height:44px}
.mobile-nav a{min-height:44px;display:flex;align-items:center}
.mobile-lang{align-items:center;gap:9px}
.mobile-lang a{min-width:44px;min-height:44px;justify-content:center;padding:8px}
.text-link{min-height:44px;align-items:center}
.footer-grid a,.footer-policy a{display:inline-flex;align-items:center;min-height:34px}
.hero-contact-strip a{display:inline-flex;align-items:center;min-height:38px}
.faq-list summary{min-height:44px;display:list-item;align-content:center}
/* Restore natural logo proportions, avoiding stretched images in metadata or layout. */
.brand img{width:82px;height:auto;aspect-ratio:850/567;object-fit:contain}
.hero-logo-stamp img{width:100%;height:auto;max-height:100%;aspect-ratio:850/567;object-fit:contain}
.map-stamp img,.footer-logo img{display:block;width:100%;height:auto;aspect-ratio:850/567;object-fit:contain}
/* Maintain strong small-text contrast over the brand's light aqua backgrounds. */
.small-note,.map-disclaimer{color:#345d65}
.footer-policy a{color:#c0e4e4}
@media(max-width:900px){.brand img{width:72px;height:auto}}
@media(max-width:650px){
  .brand img{width:64px;height:auto}
  .languages{gap:1px}
  .languages a{min-width:32px;min-height:44px;padding:5px 3px;font-size:.72rem}
  .mobile-action-bar a{min-height:54px}
  .hero-contact-strip a{min-height:44px}
}