*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}:root{font-family:Manrope,sans-serif;color:#f5f0e8;background:radial-gradient(circle at top left,rgba(132,163,112,.22),transparent 30%),radial-gradient(circle at 85% 15%,rgba(215,189,146,.18),transparent 24%),linear-gradient(160deg,#183126,#10211b 45%,#f1ebdf 180%);color-scheme:dark;--color-bg-soft: rgba(255, 255, 255, .07);--color-bg-deep: rgba(7, 23, 16, .78);--color-line: rgba(255, 255, 255, .12);--color-text-soft: rgba(245, 240, 232, .78);--color-accent: #d7b06e;--color-accent-soft: #f0dec0;--color-leaf: #9db38f;--shadow-soft: 0 18px 42px rgba(5, 10, 8, .22);--radius-card: 24px;--container-width: 1120px}body{min-height:100vh;background:transparent}#root{position:relative;isolation:isolate}a{color:inherit;text-decoration:none}button,a,input,textarea{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}img{display:block;max-width:100%}.container{width:min(1120px,100% - 32px);margin:0 auto}.page{position:relative;z-index:1;padding-top:16px}.section{padding:32px 0 10px}.page-inner main>.section:first-child{padding-top:56px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.js-ready [data-reveal].is-visible,[data-reveal].is-visible{opacity:1;transform:translateY(0)}body{color:#f5f0e8;font-family:Manrope,sans-serif}h1,h2,h3{text-wrap:balance}h1,h2{font-family:Cormorant Garamond,serif;font-weight:600;line-height:.96;margin:0}h1{font-size:clamp(2.45rem,4.9vw,4.4rem);line-height:1.04}h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.08}p{line-height:1.65}h3{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.2;margin:0}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#f0dec0}.prose{max-width:760px}.section-intro{max-width:760px;color:#f5f0e8c7}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:10px 0}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#8cab7e,#f2dfc2);box-shadow:0 0 26px #9db38f73}.brand__text{display:grid;gap:2px}.brand__text strong{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.brand__text small{color:#f5f0e8c7}.site-footer{padding:28px 0 42px}.site-footer__inner{display:grid;grid-template-columns:1fr auto;gap:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.site-footer__inner p,.site-footer__links a{color:#f5f0e8c7}.site-footer__links{display:flex;flex-wrap:wrap;gap:16px}.benefits-grid,.rooms-grid,.testimonials-grid,.split-layout,.contact-layout{display:grid;gap:24px}.site-nav{display:flex;align-items:center;gap:14px}.site-nav a{color:#f5f0e8c7;font-size:.94rem}.site-nav a[aria-current=page]{color:#f5f0e8}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:#f5f0e8;padding:10px 16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.92rem}.button:hover,.text-link:hover{transform:translateY(-2px)}.button--primary{background:linear-gradient(135deg,#d8b06a,#f1e3c8);color:#1a1b16;border-color:transparent}.button--secondary{background:#ffffff0a}.text-link{color:#f0dec0}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:clip;z-index:0}.atmosphere__glow{position:absolute;border-radius:999px;filter:blur(70px);opacity:.22;animation:glow-drift 18s ease-in-out infinite alternate}.atmosphere__glow--one{top:10%;left:-8%;width:320px;height:320px;background:#8db4752e}.atmosphere__glow--two{top:36%;right:-6%;width:380px;height:380px;background:#f0dec01f;animation-duration:22s}.atmosphere__glow--three{bottom:8%;left:22%;width:260px;height:260px;background:#74986c24;animation-duration:20s}.leaf{position:absolute;width:var(--leaf-size);height:calc(var(--leaf-size) * .64);border-radius:100% 12%;background:linear-gradient(135deg,#f0dec06b,#8fb07847 42%,#4f6e4e1f);opacity:.26;filter:blur(.2px);transform-origin:center;box-shadow:inset 0 0 0 1px #ffffff14;animation:leaf-flow var(--leaf-duration) cubic-bezier(.33,.66,.4,1) infinite alternate;animation-delay:var(--leaf-delay)}.leaf:after{content:"";position:absolute;top:10%;left:48%;width:1px;height:80%;background:#f8eedf57;transform:rotate(24deg)}.leaf--1{top:12%;left:4%;transform:rotate(-18deg)}.leaf--2{top:28%;right:7%;transform:rotate(26deg)}.leaf--3{top:58%;left:1.5%;transform:rotate(-34deg)}.leaf--4{top:78%;right:11%;transform:rotate(10deg)}.leaf--5{top:46%;right:18%;transform:rotate(-22deg)}.leaf--6{top:86%;left:14%;transform:rotate(32deg)}@keyframes leaf-flow{0%{transform:translateZ(0) rotate(-10deg) scale(1)}50%{transform:translate3d(12px,-8px,0) rotate(8deg) scale(1.02)}to{transform:translate3d(-10px,10px,0) rotate(-6deg) scale(.98)}}@keyframes glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-24px,0) scale(1.08)}}@media (prefers-reduced-motion: reduce){.atmosphere__glow,.leaf,[data-reveal]{animation:none!important;transition:none!important}}.card,.room-card,.hero-card,.cta-banner,.contact-form{border:1px solid rgba(255,255,255,.12);background:#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 42px #050a0838;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease;transform:translateY(var(--parallax-shift, 0px))}.card,.cta-banner,.contact-form{border-radius:24px;padding:20px}.card--quote{display:grid;gap:18px}.card p,.room-card__body p,.hero-card p,.contact-form label,.split-copy p{color:#f5f0e8c7}.room-card{overflow:hidden;border-radius:24px}.room-card__body{display:grid;gap:10px;padding:20px}.room-card__visual{position:relative;min-height:220px;aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:22px;overflow:hidden}.room-card__visual--one{background-image:url(/images/rooms/TROGON.jpg)}.room-card__visual--two{background-image:url(/images/rooms/QUETZAL.jpg)}.room-card__visual--three{background-image:url(/images/rooms/CIMA%20AL%20CIELO.jpg)}.room-card__visual--four{background-image:url(/images/rooms/PORVENIR.jpeg)}.room-card__visual--five{background-image:url(/images/rooms/TUCAN.jpg)}.room-card__visual--six{background-image:url(/images/rooms/PLATANAR.jpg)}.room-card__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000f,#0000002e)}.card:hover,.room-card:hover,.hero-card:hover,.cta-banner:hover,.contact-form:hover{transform:translateY(calc(var(--parallax-shift, 0px) - 4px));border-color:#f0dec02e;box-shadow:0 24px 54px #040a0842}.contact-form{display:grid;gap:14px;align-content:start}.contact-form label{display:grid;gap:6px;font-size:.92rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0d;color:#f5f0e8;padding:12px 14px;font:inherit}.contact-form input{min-height:48px}.contact-form textarea{min-height:160px;resize:vertical}.contact-form .button{justify-self:start;min-width:180px;width:auto}.hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:24px;align-items:start}.hero__copy{padding-top:8px}.hero__copy h1{max-width:12ch;margin-bottom:14px}.hero__copy h1 span{display:block;color:#f0dec0}.hero__text{max-width:48ch;font-size:.98rem}.hero__actions,.cta-banner__actions{display:flex;flex-wrap:wrap;gap:14px}.hero-card{position:relative;padding:18px;border-radius:24px;overflow:hidden;animation:hero-float 7s ease-in-out infinite}.hero-card__body{min-height:0;padding:20px;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff08),linear-gradient(135deg,#9db38f42,#0c1c1452)}.hero-card__body h2{font-size:clamp(1.55rem,2.4vw,2.15rem);margin:10px 0 12px}.hero-card__note{position:absolute;right:18px;bottom:18px;width:min(220px,72%);padding:12px 14px;border-radius:16px;background:#0c1711e0;border:1px solid rgba(255,255,255,.08)}.hero-card__note span,.hero-card__note strong{display:block}@keyframes hero-float{0%{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.section-heading{display:grid;gap:10px;margin-bottom:22px}.section-heading h2,.section-heading h1{max-width:18ch}.split-copy{display:grid;align-content:center;gap:14px}.cta-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:linear-gradient(180deg,#ffffff14,#ffffff08),linear-gradient(135deg,#9db38f3d,#11231ad1)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-stack{display:grid;gap:14px;align-content:start}.feature-stack__item{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.feature-stack__item:first-of-type{padding-top:0;border-top:0}.detail-list,.info-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.detail-list li,.info-list p{color:#f5f0e8c7}.info-list strong{display:block;margin-bottom:6px}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:30;opacity:0;transform:translateY(20px)}.whatsapp-float.is-active{opacity:1;transform:translateY(0)}.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rooms-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.split-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.split-layout--about{align-items:start}.page-inner .prose h1{max-width:12ch}.page-inner .rooms-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.contact-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:start}.page-inner .contact-layout .prose h1{max-width:12ch}.page-inner .contact-layout .prose{max-width:620px}@media (max-width: 980px){.hero__grid,.benefits-grid,.rooms-grid,.split-layout,.testimonials-grid,.cta-banner,.contact-layout,.info-grid{grid-template-columns:1fr}.rooms-grid{grid-template-columns:1fr;gap:16px}.rooms-grid{gap:18px}}@media (max-width: 720px){.container{width:calc(100% - 20px)}.page{padding-top:10px}.section{padding:22px 0 6px}.site-header__inner,.site-footer__inner{grid-template-columns:1fr}.site-nav{position:absolute;left:12px;right:12px;top:calc(100% + 6px);display:none;flex-direction:column;align-items:stretch;padding:14px;gap:10px;border-radius:16px;background:#071710c7;border:1px solid rgba(255,255,255,.12)}.site-nav.is-open{display:flex}.site-nav--inline{position:static;display:flex;padding:0;border:0;background:transparent;flex-direction:row;flex-wrap:wrap;gap:10px}.nav-toggle{display:inline-flex;justify-self:end}.brand__text strong{font-size:.7rem}.brand__text small{font-size:.8rem}.hero__grid{gap:16px}.hero__copy h1{font-size:clamp(2.05rem,9vw,2.6rem);max-width:100%}.hero__text{font-size:.95rem;max-width:100%}.hero-card{padding:14px}.hero-card__body{padding:16px}.benefits-grid,.rooms-grid,.info-grid{gap:14px}.room-card__visual{min-height:200px;border-radius:18px}.room-card__body{padding:16px;gap:8px}.section-heading{gap:8px;margin-bottom:16px}h1{font-size:clamp(1.9rem,8vw,2.4rem)}h2{font-size:clamp(1.6rem,6vw,2rem)}p{line-height:1.55}.contact-layout{gap:18px}.contact-form{padding:16px;gap:12px}.button{width:100%}}
