.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:200;background:var(--active-background);color:var(--active-text);padding:var(--space-2) var(--space-4);border-radius:0 0 8px 8px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0}.landing-page{margin-top:calc(-1 * var(--nav-height));min-height:100dvh;color:var(--text-primary);width:100%}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.landing-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#00000085,#16313f47 40%,#000000ad);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:calc(var(--nav-height) + var(--space-12)) var(--space-6) var(--space-12);max-width:720px;transform:translateY(-4vh)}.hero-eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:var(--beige);opacity:.82;margin:0;animation:landingFadeUp .6s cubic-bezier(.25,1,.5,1) .1s both}.hero-content h1{font-family:var(--font-display);font-size:clamp(3rem,10vw,5.75rem);font-weight:600;line-height:var(--leading-tight);margin:0;color:var(--text-primary);text-shadow:0 2px 40px rgba(0,0,0,.45);animation:landingFadeUp .7s cubic-bezier(.25,1,.5,1) .25s both}.hero-content h1 em{font-style:italic;color:var(--beige)}.hero-subtitle{font-family:var(--font-ui);font-size:clamp(.875rem,1.8vw,1.05rem);font-weight:300;line-height:var(--leading-loose);color:#ffffffc7;max-width:420px;margin-top:var(--space-4);animation:landingFadeUp .6s cubic-bezier(.25,1,.5,1) .4s both}.hero-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--active-text);background-color:var(--active-background);border-radius:30px;border:1px solid rgba(255,255,255,.2);padding:0 var(--space-8);min-height:48px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-top:var(--space-6);box-shadow:0 4px 24px #00000061;transition:background-color .2s ease,transform .15s ease,border-color .2s ease,box-shadow .2s ease;animation:landingFadeUp .5s cubic-bezier(.25,1,.5,1) .54s both}.hero-cta:hover{background-color:color-mix(in srgb,var(--active-background) 80%,#fff);transform:translateY(-2px);border-color:#ffffff73;box-shadow:0 8px 32px #00000073}.hero-scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:1}.hero-scroll-line{display:block;width:1px;height:60px;background:linear-gradient(to bottom,#fff0,#ffffff80);animation:scrollDrop 2.4s ease-in-out infinite}@keyframes scrollDrop{0%{transform:scaleY(0);transform-origin:top;opacity:0}35%{transform:scaleY(1);transform-origin:top;opacity:1}65%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.contact{background-color:var(--background-default);color:var(--text-primary);padding:var(--space-16) var(--space-6) var(--space-24);display:flex;justify-content:center}.contact-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);max-width:880px;width:100%;text-align:center}.contact-inner h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);font-weight:600;color:var(--text-primary);margin:0;line-height:var(--leading-tight);position:relative}.contact-inner h2:after{content:"";display:block;width:40px;height:2px;background:var(--secondary-text);border-radius:2px;margin:var(--space-3) auto 0}.contact-grid{display:flex;flex-direction:column;gap:var(--space-8);align-items:center;width:100%;padding-top:var(--space-6)}@media(min-width:768px){.contact-grid{flex-direction:row;justify-content:center;align-items:flex-start;gap:0}}.contact-item{display:flex;align-items:flex-start;gap:var(--space-4);text-align:left;min-width:200px}@media(min-width:768px){.contact-item{flex:1 1 0;min-width:0}}.contact-icon{font-size:1.75rem;color:var(--secondary-text);flex-shrink:0;margin-top:2px}.contact-item address{font-style:normal;display:flex;flex-direction:column;gap:var(--space-1)}.contact-item h3{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-2);line-height:1}.contact-item p{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);margin:0;color:var(--text-secondary)}.contact-item .closed-note{color:var(--secondary-text);font-size:var(--text-sm);opacity:.9}.contact-map-link{display:inline-flex;align-items:center;min-height:44px;gap:var(--space-2);margin-top:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--secondary-text);transition:gap .2s ease}.contact-map-link:after{content:"→";display:inline-block;transition:transform .2s ease}.contact-map-link:hover:after{transform:translate(4px)}.contact-divider{display:none}@media(min-width:768px){.contact-divider{display:block;width:1px;background:#f5f0eb1a;align-self:stretch;margin:0 var(--space-6)}}.contact-instagram{display:inline-flex;align-items:center;min-height:44px;gap:var(--space-2);text-decoration:none;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.06em;transition:color .18s ease}.contact-instagram svg{font-size:1.25rem;flex-shrink:0}.contact-instagram:hover{color:var(--secondary-text)}@supports (animation-timeline: view()){.contact-inner{animation:landingFadeUp .6s cubic-bezier(.25,1,.5,1) both;animation-timeline:view();animation-range:entry 0% entry 20%}}@media(prefers-reduced-motion:reduce){.hero-scroll-line{animation:none;opacity:.35}.hero-cta{transition:none}.hero-eyebrow,.hero-content h1,.hero-subtitle,.hero-cta{animation:none}.contact-inner{animation:none!important}}:root{--main: #F4EEE7;--secondary: #B87333;--background-default: #16313F;--background-paper: #1E4050;--background-elevated: #285264;--text-primary: #F4EEE7;--text-secondary: #D8CDC0;--text-muted: #9AACB6;--active-background: #975E2A;--active-text: #F4EEE7;--secondary-text: #D69A63;--beige: #E5D8C8;--black: #17191A;--chocolate: #4A2B1A;--font-display: "Bodoni Moda", Georgia, serif;--font-ui: "Josefin Sans", system-ui, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.55;--leading-loose: 1.7;--nav-height: 50px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem}html,body{width:100%;min-height:100dvh;margin:0;padding:0;scroll-behavior:smooth}.page-content{padding-top:var(--nav-height)}body{background:var(--background-default);font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-normal);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a:focus-visible,button:focus-visible{outline:2px solid var(--beige);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-family:var(--font-display);line-height:var(--leading-tight)}p{padding:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topNav{position:fixed;top:0;left:0;right:0;z-index:30;width:100%;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-2) 0 var(--space-4);background:transparent;box-shadow:none;transition:transform .32s cubic-bezier(.4,0,.2,1),background-color .35s ease,box-shadow .35s ease}.topNav.scrolled{background:var(--background-paper);box-shadow:0 1px 16px #0000004d}.topNav.menu-open{background:var(--background-default);box-shadow:none}.topNav.hidden{transform:translateY(-100%)}.logo_space{display:flex;align-items:center;gap:var(--space-3);min-height:44px;text-decoration:none;color:inherit;border-radius:6px;transition:opacity .15s ease}.logo_space:hover{opacity:.85}.nav-brand{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;font-weight:600;letter-spacing:.08em;color:var(--text-primary)}.topNav .logoAroma{width:40px;height:40px;border-radius:50%;object-fit:cover}.nav-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,transform .15s cubic-bezier(.16,1,.3,1)}.nav-toggle:active{transform:scale(.92);background-color:#ffffff14}.nav-burger{position:relative;display:block;width:24px;height:12px}.nav-burger span{position:absolute;right:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.22,1,.36,1),width .3s ease}.nav-burger span:nth-child(1){top:0;width:24px}.nav-burger span:nth-child(2){bottom:0;width:15px}.nav-toggle.open .nav-burger span:nth-child(1){transform:translateY(5.25px) rotate(45deg)}.nav-toggle.open .nav-burger span:nth-child(2){width:24px;transform:translateY(-5.25px) rotate(-45deg)}.nav-panel{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);padding:var(--space-4) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 85% 0%,rgba(184,115,51,.18),transparent 55%),var(--background-default);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s}.nav-panel.open{visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0);transition:clip-path .55s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.nav-links{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.nav-links li{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.nav-panel.open .nav-links li{opacity:1;transform:translateY(0);transition-delay:calc(var(--i) * 60ms + .16s)}.nav-links .menuBtn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:60px;padding:var(--space-3) 0;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.65rem,7.4vw,2.1rem);line-height:var(--leading-tight);text-decoration:none;color:var(--text-primary);border-bottom:1px solid rgba(244,238,231,.12);-webkit-tap-highlight-color:transparent;transition:color .25s ease,padding-left .35s cubic-bezier(.22,1,.36,1)}.nav-links .menuBtn:active{color:var(--secondary-text);padding-left:var(--space-2)}.nav-links .menuBtn.active{color:var(--secondary-text)}.nav-links .menuBtn.active>span:first-child:after{content:"";display:inline-block;width:6px;height:6px;margin-left:var(--space-3);vertical-align:middle;background:currentColor;transform:rotate(45deg)}.nav-badge{flex:none;padding:4px 10px;font-family:var(--font-ui);font-style:normal;font-size:var(--text-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary-text);border:1px solid rgba(214,154,99,.5);border-radius:999px}.nav-panel-foot{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;opacity:0;transition:opacity .4s ease}.nav-panel.open .nav-panel-foot{opacity:1;transition-delay:.5s}.nav-reserva{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:52px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--active-text);background:var(--active-background);border:1px solid rgba(255,255,255,.2);border-radius:30px;box-shadow:0 4px 24px #00000059;transition:transform .15s ease,filter .2s ease}.nav-reserva:active{transform:scale(.98);filter:brightness(1.1)}.nav-reserva svg{font-size:1.2rem}.nav-hours{margin:0;font-size:var(--text-sm);letter-spacing:.06em;line-height:var(--leading-loose);color:var(--text-muted)}.nav-ig{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);letter-spacing:.08em;text-decoration:none;color:var(--text-secondary)}@media(hover:hover){.nav-toggle:hover{background-color:#ffffff14}.nav-links .menuBtn:hover{color:var(--secondary-text);padding-left:var(--space-2)}.nav-reserva:hover{filter:brightness(1.12)}.nav-ig:hover{color:var(--secondary-text)}}@media(min-width:768px){.topNav{padding:0 var(--space-4)}.nav-toggle,.nav-panel-foot{display:none}.nav-panel{position:static;flex-direction:row;padding:0;background:none;overflow:visible;visibility:visible;pointer-events:auto;clip-path:none;transition:none}.nav-links{flex-direction:row;align-items:center;gap:var(--space-3)}.nav-links li{opacity:1;transform:none;transition:none}.nav-links .menuBtn{display:inline-flex;min-height:0;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-style:normal;font-size:var(--text-lg);letter-spacing:.06em;border-bottom:0;border-radius:6px;transition:color .2s ease,background-color .2s ease}.nav-links .menuBtn:active{padding-left:var(--space-3)}.nav-links .menuBtn.active{color:var(--beige);box-shadow:inset 0 -2px 0 var(--secondary-text)}.nav-links .menuBtn.active>span:first-child:after{display:none}.nav-badge{padding:2px 8px;letter-spacing:.12em}}@media(min-width:768px)and (hover:hover){.nav-links .menuBtn:hover{color:var(--beige);background-color:#ffffff14;padding-left:var(--space-3)}}@media(prefers-reduced-motion:reduce){.nav-toggle,.nav-burger span,.nav-panel,.nav-links li,.nav-links .menuBtn,.nav-panel-foot{transition-duration:.01ms!important;transition-delay:0s!important}.nav-links li{transform:none!important}}
