:root{--app-crema: #dbd2b5;--app-blanco: #ffffff;--app-crema-clarito: #f8f5f0;--app-arena: #cab892;--app-verde: #6e8f7a;--app-verde-oscuro: #5d7d6a;--app-casi-negro: #1f2d27;--app-gris-verdoso: #6a7d72;--app-bien: #4e8a48;--app-rojo: #c83830;--fondo: var(--app-crema);--fondo-alt: var(--app-crema-clarito);--fondo-claro: var(--app-crema-clarito);--tinta: var(--app-casi-negro);--tinta-suave: #4f5d55;--linea: var(--app-arena);--linea-fuerte: #a8956b;--acento: #476051;--acento-tenue: var(--app-verde);--acento-relleno: var(--app-verde-oscuro);--sobre-acento: #ffffff;--accion-fondo: #516d5c;--accion-tinta: #ffffff;--accion-borde: #516d5c;--accion-hover-fondo: #465f50;--accion-hover-tinta: #ffffff;--foco: #3d6b52;--sobre-oscuro: #ffffff;--sobre-oscuro-suave: #f1ede3;--velo: 31 45 39;--verde-titulo: #516d5c;--verde-rotulo: #445b4d;--verde-placa-texto: #2e4136;--titulo: var(--verde-titulo);--cabecera-alfa: .55;--placa-alfa: .74;--error: #b3322b;--bien: #396535;--u-restaurante: #607c6a;--u-hotel: #8e7143;--u-balneario: #467f84;--u-hula-kai: #3d7aa0;--u-eventos: #af6046;--u-restaurante-txt: #495f51;--u-hotel-txt: #6e5733;--u-balneario-txt: #356165;--u-hula-kai-txt: #2c5d7e;--u-eventos-txt: #874a36;--t-eyebrow: .72rem;--t-cuerpo: clamp(1rem, .3vw + .95rem, 1.0625rem);--t-guia: clamp(1.1875rem, .85vw + 1rem, 1.4375rem);--t-h3: clamp(1.25rem, .9vw + 1.05rem, 1.5625rem);--t-h2: clamp(1.75rem, 2.4vw + 1.1rem, 3rem);--t-h1: clamp(2.125rem, 3.6vw + 1.2rem, 4.25rem);--t-display: clamp(2.5rem, 5.4vw + 1rem, 6rem);--track-display: -.045em;--track-h1: -.04em;--track-h2: -.03em;--track-eyebrow: .2em;--paso: clamp(4.5rem, 9vw, 9rem);--paso-abajo: clamp(5.25rem, 10.5vw, 10.5rem);--paso-corto: clamp(2.25rem, 4vw, 3.25rem);--medida: 62ch;--ancho: 1240px;--ancho-angosto: 980px;--margen: clamp(1.5rem, 5vw, 4rem);--barra: 4rem;--radio-grande: 24px;--radio: 16px;--radio-chico: 10px;--bisel: 6px;--radio-interior: calc(var(--radio-grande) - var(--bisel));--superficie: var(--app-blanco);--superficie-alta: var(--app-blanco);--superficie-bisel: var(--app-crema-clarito);--borde-caja: var(--app-arena);--borde-caja-activo: var(--app-verde);--elev-1: 0 1px 2px rgb(92 76 44 / .12);--elev-2: 0 2px 4px rgb(92 76 44 / .1), 0 8px 20px rgb(92 76 44 / .12);--elev-3: 0 4px 8px rgb(92 76 44 / .1), 0 18px 40px rgb(92 76 44 / .16);--elev-4: 0 8px 16px rgb(92 76 44 / .12), 0 32px 72px rgb(92 76 44 / .2);--curva: cubic-bezier(.32, .72, 0, 1);--transicion: .26s var(--curva);--transicion-larga: .76s var(--curva);--toque: 44px;--alto-cabecera: calc(var(--toque) + 2px + 1.3rem + 1px);--alto-onda: clamp(6px, .7vw, 9px);--alto-portada: max(28rem, 100vh);--t-portada: clamp(2.25rem, 2.2vw + 1.4rem, 4rem);--z-base: 1;--z-flotante: 10;--z-fijo: 20;--z-grano: 30;--z-visor: 50;--banda-papel: var(--app-crema);--banda-salvia: #e4e9e1;--banda-verde: #e4e9e1;--banda-turquesa: var(--app-crema-clarito);--banda-turquesa-hondo: var(--app-crema);--banda-arena: #ebe4d1;--banda-piedra: var(--app-crema);color-scheme:light}.banda-salvia,.banda-verde,.banda-turquesa,.banda-turquesa-hondo,.banda-arena,.banda-piedra{background:var(--fondo);color:var(--tinta)}.banda-salvia,.banda-verde{--fondo: var(--banda-salvia);--fondo-alt: var(--app-crema-clarito)}.banda-turquesa{--fondo: var(--banda-turquesa);--fondo-alt: var(--app-crema);--superficie-bisel: var(--app-crema)}.banda-turquesa-hondo,.banda-piedra{--fondo: var(--app-crema);--fondo-alt: var(--app-crema-clarito)}.banda-arena{--fondo: var(--banda-arena);--fondo-alt: var(--app-crema-clarito)}.sobre-foto{color:var(--tinta)}@supports (height: 1svh){:root{--alto-portada: max(28rem, 100svh)}}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--f-display: "Poppins", "Segoe UI", system-ui, sans-serif;--f-texto: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--f-firma: "Apparel", "Bodoni Moda", Georgia, "Times New Roman", serif;--f-ui: "Poppins", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--f-texto);font-size:var(--t-cuerpo);line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:600;line-height:1.04;text-wrap:balance}h3,h4{font-weight:600;line-height:1.24}h1,h2{color:var(--titulo)}h1{font-size:var(--t-h1);letter-spacing:var(--track-h1)}h2{font-size:var(--t-h2);letter-spacing:var(--track-h2)}h3{font-size:var(--t-h3);letter-spacing:-.018em}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0}img,svg,video{display:block;max-width:100%}img{height:auto}a{color:inherit;text-underline-offset:.22em}a,button,summary,[role=button]{touch-action:manipulation}button,summary,[role=button]{cursor:pointer}a:active,button:active,summary:active,[role=button]:active{transform:scale(.985)}@media(prefers-reduced-motion:reduce){a:active,button:active,summary:active,[role=button]:active{transform:none}}.toque{position:relative;display:inline-flex;align-items:center}.toque:before{content:"";position:absolute;inset:50% 0 auto;translate:0 -50%;height:max(100%,var(--toque))}:focus-visible{outline:3px solid var(--foco);outline-offset:3px}::selection{background:var(--acento);color:var(--sobre-acento)}.vo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.saltar{position:absolute;left:var(--margen);top:-100px;z-index:var(--z-visor);background:var(--acento);color:var(--sobre-acento);font-weight:600;padding:.75rem 1.25rem;transition:top .15s}.saltar:focus{top:.75rem}.rotulo{font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--verde-rotulo)}.encabezado{display:flex;flex-direction:column;gap:.85rem;margin-bottom:clamp(2rem,4vw,3.25rem)}.encabezado.centrado{align-items:center;text-align:center}.encabezado .rotulo:after{content:"";display:block;width:3rem;height:1px;margin-top:.85rem;background:currentColor;opacity:.5}.encabezado.centrado .rotulo:after{margin-inline:auto}.caja{position:relative;background:var(--superficie);border:1px solid var(--borde-caja);border-radius:var(--radio);box-shadow:var(--elev-1);overflow:hidden;transition:transform var(--transicion),box-shadow var(--transicion),border-color var(--transicion),background-color var(--transicion)}.caja:hover,.caja:focus-within{background:var(--superficie-alta);border-color:var(--borde-caja-activo);box-shadow:var(--elev-3);transform:translateY(-4px)}.bandeja{position:relative;padding:var(--bisel);background:var(--superficie-bisel);border:1px solid var(--borde-caja);border-radius:var(--radio-grande);box-shadow:var(--elev-2);transition:transform var(--transicion),box-shadow var(--transicion),border-color var(--transicion),background-color var(--transicion)}.bandeja-nucleo{position:relative;display:flex;flex-direction:column;height:100%;background:var(--superficie-alta);border-radius:var(--radio-interior);box-shadow:inset 0 1px #ffffff12;overflow:hidden}.bandeja:hover,.bandeja:focus-within{border-color:var(--borde-caja-activo);box-shadow:var(--elev-4);transform:translateY(-5px)}.bandeja img{transition:transform .62s var(--curva)}.bandeja:hover img{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.bandeja,.bandeja img{transition:none}.bandeja:hover,.bandeja:focus-within{transform:none}.bandeja:hover img{transform:none}}.caja .foto,.caja :global(.foto),.caja img{transition:transform .42s cubic-bezier(.25,.6,.3,1)}.caja:hover img{transform:scale(1.045)}@media(prefers-reduced-motion:reduce){.caja,.caja img{transition:none}.caja:hover,.caja:focus-within{transform:none}.caja:hover img{transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:salir .26s cubic-bezier(.4,0,1,1) forwards}::view-transition-new(root){animation:entrar .42s cubic-bezier(0,0,.2,1) 60ms backwards}@keyframes salir{to{opacity:0;transform:translateY(-10px)}}@keyframes entrar{0%{opacity:0;transform:translateY(16px)}}.pantalla-carga{position:fixed;inset:0;z-index:calc(var(--z-visor) + 10);display:grid;place-items:center;background:var(--app-crema);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--curva),visibility 0s linear .32s}.pantalla-carga.activa{opacity:1;visibility:visible;transition:opacity .24s var(--curva),visibility 0s}.logo-carga{display:flex;color:var(--verde-titulo)}.logo-carga svg{width:auto;height:clamp(72px,16vw,104px);animation:respirar 1.8s ease-in-out infinite}@keyframes respirar{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.pantalla-carga,.pantalla-carga.activa{transition:none}.logo-carga svg{animation:none}}.grano{position:fixed;inset:0;z-index:var(--z-grano);pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='r'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23r)'/></svg>");background-size:160px 160px}.js [data-revelar]{opacity:0;transform:translate3d(0,1.5rem,0);filter:blur(6px);transition:opacity var(--transicion-larga),transform var(--transicion-larga),filter var(--transicion-larga);transition-delay:var(--retardo, 0ms)}.js [data-revelar].visible{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.js [data-revelar]{opacity:1;transform:none;filter:none;transition:none}}.con-fondo{position:relative;isolation:isolate;overflow:hidden}.portada-foto{display:flex;align-items:flex-end;min-height:var(--alto-portada)}.portada-foto>*{width:100%}.portada-foto .sobre-foto p{color:var(--sobre-oscuro)}.portada-foto h1{font-size:var(--t-portada)}.placa{width:fit-content;max-width:100%;padding:clamp(1.1rem,2.6vw,1.9rem) clamp(1.2rem,3vw,2.2rem);border-radius:var(--radio-grande);background:rgb(235 228 209 / var(--placa-alfa));-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgb(255 255 255 / .6);box-shadow:0 12px 40px #1f2d272e;color:var(--tinta);--sobre-oscuro: var(--tinta);--sobre-oscuro-suave: var(--tinta-suave);--titulo: var(--verde-rotulo)}.placa .boton.secundaria{color:var(--tinta);border-color:var(--acento)}.placa .eyebrow.eyebrow,.placa .rotulo.rotulo{color:var(--verde-placa-texto)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.placa{background:#ebe4d1f7}}
