@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/barlow-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/barlow-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-condensed-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-condensed-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --navy:#082a4a;
  --navy-2:#0d3a5d;
  --ivory:#faf7f0;
  --paper:#fffdf8;
  --copper:#b9542f;
  --copper-dark:#8f3f22;
  --mist:#dce8ea;
  --mist-2:#edf3f3;
  --ink:#202b33;
  --body:#46515a;
  --line:#d8d2c7;
  --white:#fff;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:Barlow,Arial,sans-serif;
  --condensed:'Barlow Condensed','Arial Narrow',sans-serif;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.62;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.98}
h1{color:var(--navy);font-size:clamp(2.65rem,5.2vw,4.9rem);letter-spacing:-.035em;margin-bottom:1rem}
h2{color:var(--navy);font-size:clamp(2.1rem,3.8vw,3.55rem);letter-spacing:-.025em;margin-bottom:1rem}
h3{color:var(--navy);font-size:clamp(1.55rem,2.4vw,2.05rem);margin-bottom:.65rem}
p{color:var(--body);margin-bottom:1.15rem}
strong{font-weight:500}

.skip-link{background:var(--white);color:var(--navy);left:1rem;padding:.65rem 1rem;position:absolute;top:-4rem;z-index:1000}
.skip-link:focus{top:1rem}
.container{margin-inline:auto;width:min(calc(100% - 2.25rem),var(--max))}
.narrow{max-width:760px}
.section{padding:clamp(3.25rem,6vw,5.25rem) 0}
.section-tight{padding:clamp(2.75rem,4.5vw,4.25rem) 0}
.section-white{background:var(--paper)}
.section-mist{background:var(--mist-2)}
.eyebrow{color:var(--copper-dark);font-family:var(--condensed);font-size:.9rem;font-weight:500;letter-spacing:.17em;margin-bottom:.75rem;text-transform:uppercase}
.lead{font-size:clamp(1.13rem,1.8vw,1.36rem);line-height:1.55}
.display-line{color:var(--copper-dark);font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1.04;margin-bottom:1.15rem}

.button{align-items:center;border:1px solid transparent;display:inline-flex;font-family:var(--condensed);font-size:.94rem;font-weight:500;gap:.55rem;justify-content:center;letter-spacing:.11em;line-height:1;padding:.9rem 1.25rem;text-decoration:none;text-transform:uppercase;transition:background-color .2s,color .2s,border-color .2s}
.button-primary{background:var(--copper);color:var(--white)}
.button-primary:hover{background:var(--copper-dark)}
.button-secondary{border-color:var(--navy);color:var(--navy)}
.button-secondary:hover{background:var(--navy);color:var(--white)}
.button-light{border-color:rgba(255,255,255,.65);color:var(--white)}
.button-light:hover{background:var(--white);color:var(--navy)}
.text-link{color:var(--copper-dark);display:inline-block;font-family:var(--condensed);font-size:.92rem;font-weight:500;letter-spacing:.1em;padding-bottom:.15rem;text-decoration:none;text-transform:uppercase;border-bottom:1px solid currentColor}
.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.75rem}

.site-header{background:rgba(250,247,240,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.header-inner{align-items:center;display:grid;gap:1.5rem;grid-template-columns:92px 1fr auto;min-height:98px}
.brand{align-items:center;display:inline-flex;height:84px;justify-content:flex-start;text-decoration:none;width:70px}
.brand img{height:80px;object-fit:contain;width:auto}
.site-nav{align-items:center;display:flex;gap:clamp(.75rem,2.2vw,1.75rem);justify-content:center}
.site-nav a{color:var(--navy);font-family:var(--condensed);font-size:.91rem;font-weight:500;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.site-nav a:hover,.site-nav a[aria-current='page']{color:var(--copper-dark)}
.nav-dropdown{position:relative}
.nav-dropdown summary{color:var(--navy);cursor:pointer;font-family:var(--condensed);font-size:.91rem;font-weight:500;letter-spacing:.1em;list-style:none;padding:.75rem 0;text-transform:uppercase}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::after{content:'+';display:inline-block;font-family:var(--sans);font-size:.8rem;margin-left:.38rem;transition:transform .2s}
.nav-dropdown[open] summary,.nav-dropdown summary:hover,.nav-dropdown.current summary{color:var(--copper-dark)}
.nav-dropdown summary:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.nav-dropdown[open] summary::after{transform:rotate(45deg)}
.nav-dropdown-menu{background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px rgba(8,42,74,.12);left:-1rem;min-width:250px;padding:.55rem;position:absolute;top:calc(100% + .45rem);z-index:120}
.nav-dropdown-menu a{display:block;font-size:.86rem;letter-spacing:.07em;padding:.72rem .75rem;text-transform:none}
.nav-dropdown-menu a+a{border-top:1px solid var(--line)}
.nav-dropdown-menu a:hover{background:var(--mist-2);text-decoration:none}
.nav-reserve{white-space:nowrap}
.mobile-toggle{align-items:center;background:transparent;border:0;color:var(--navy);display:none;font-family:var(--condensed);font-weight:500;gap:.5rem;letter-spacing:.1em;padding:.7rem;text-transform:uppercase}
.mobile-bars,.mobile-bars::before,.mobile-bars::after{background:currentColor;display:block;height:1px;width:22px}
.mobile-bars{position:relative}
.mobile-bars::before,.mobile-bars::after{content:'';left:0;position:absolute}
.mobile-bars::before{top:-6px}.mobile-bars::after{top:6px}

.hero{background:var(--ivory)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:500px}
.hero-copy{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.7rem,4.5vw,4.25rem) clamp(1.75rem,4vw,4rem) clamp(2.7rem,4.5vw,4.25rem) max(1.125rem,calc((100vw - var(--max))/2))}
.hero-copy p{max-width:39rem}
.hero-copy h1{font-size:clamp(2.75rem,4.2vw,4.1rem);line-height:.97;max-width:660px}
.hero-copy .lead{font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.52}
.hero-media{min-height:500px;position:relative}
.hero-media img{height:100%;object-fit:cover;width:100%}
.hero-media::after{background:linear-gradient(90deg,rgba(8,42,74,.08),transparent 45%);content:'';inset:0;position:absolute;pointer-events:none}

.fact-rail{background:var(--navy);color:var(--white)}
.facts{display:grid;grid-template-columns:repeat(3,1fr)}
.fact{padding:1.15rem 2rem;text-align:center}
.fact+.fact{border-left:1px solid rgba(255,255,255,.2)}
.fact strong{display:block;font-family:var(--serif);font-size:1.75rem;line-height:1.1}
.fact span{color:var(--mist);font-family:var(--condensed);font-size:.83rem;letter-spacing:.12em;text-transform:uppercase}

.split{align-items:center;display:grid;gap:clamp(2.25rem,5vw,4.75rem);grid-template-columns:1fr 1fr}
.split-media{position:relative}
.split-media img{aspect-ratio:4/3;object-fit:cover;width:100%}
.split-media::before{border:1px solid var(--copper);content:'';height:72%;position:absolute;right:-18px;top:-18px;width:76%;z-index:-1}
.split-copy{max-width:560px}

.section-heading{align-items:end;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.7rem}
.section-heading h2{margin-bottom:0;max-width:780px}
.feature-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}
.feature{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.feature img{aspect-ratio:4/3;object-fit:cover;width:100%}
.feature-body{display:flex;flex:1;flex-direction:column;padding:1.4rem}
.feature-body .text-link{align-self:flex-start;margin-top:auto}
.feature-body p{margin-bottom:1rem}
.feature-body h3{font-size:clamp(1.55rem,2vw,1.95rem)}

.story-section{padding-block:clamp(2.75rem,5vw,4.25rem)}
.story-banner{isolation:isolate;margin-inline:auto;max-width:1050px;min-height:400px;overflow:hidden;position:relative}
.story-banner::after{background:linear-gradient(90deg,rgba(6,26,43,.8),rgba(6,26,43,.55));content:'';inset:0;position:absolute;z-index:-1}
.story-banner img{height:100%;inset:0;object-fit:cover;object-position:center 60%;position:absolute;width:100%;z-index:-2}
.story-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-inline:auto;max-width:830px;min-height:400px;padding:3rem 2.5rem;text-align:center}
.story-content h2,.story-content p{color:var(--white)}
.story-content .lead{font-size:clamp(1rem,1.6vw,1.18rem);margin-bottom:1.35rem}

.gift-band{background:var(--navy);color:var(--white);overflow:hidden}
.gift-inner{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto;padding:clamp(2.6rem,4vw,3.8rem) 0}
.gift-inner h2,.gift-inner p{color:var(--white)}
.gift-inner h2{margin-bottom:.75rem}
.gift-inner p{margin-bottom:0;max-width:700px}

.visit-grid{display:grid;gap:clamp(2.5rem,7vw,6rem);grid-template-columns:1fr 1fr}
.hours{border-top:1px solid var(--line);margin:1.75rem 0;padding:0}
.hours li{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:1.25rem;justify-content:space-between;list-style:none;padding:.9rem 0}
.hours span:last-child{text-align:right}
.contact-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}
.contact-links a{color:var(--copper-dark)}
.map{border:0;height:100%;min-height:380px;width:100%}

.follow{border-top:1px solid var(--line);text-align:center}
.follow h2{margin-bottom:.75rem}

.site-footer{background:var(--navy);color:var(--white);padding:3.1rem 0 1.4rem}
.footer-grid{display:grid;gap:2.5rem;grid-template-columns:1.2fr repeat(3,1fr)}
.footer-brand img{filter:brightness(0) invert(1);height:112px;margin-bottom:1rem;object-fit:contain;width:auto}
.footer-grid h3{color:var(--white);font-family:var(--condensed);font-size:1rem;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}
.footer-grid p,.footer-grid a{color:#e7eef1}
.footer-grid a{display:block;margin:.35rem 0;text-decoration:none}
.footer-grid a:hover{color:var(--white);text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);display:flex;gap:1rem;justify-content:space-between;margin-top:2.5rem;padding-top:1.25rem}
.footer-bottom small{color:#c8d7de}

.page-hero{background:var(--navy);color:var(--white);padding:clamp(2.65rem,4.5vw,4rem) 0}
.page-hero h1,.page-hero p{color:var(--white)}
.page-hero h1{font-size:clamp(2.55rem,4.8vw,4.5rem);margin-bottom:.75rem;max-width:940px}
.page-hero p{margin-bottom:0;max-width:760px}
.template-note{background:var(--mist);border-left:4px solid var(--copper);color:var(--navy);margin-bottom:1.75rem;padding:.85rem 1rem}
.menu-switcher{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.35rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.8rem;scrollbar-width:thin}
.menu-switcher a{border:1px solid transparent;color:var(--navy);flex:0 0 auto;font-family:var(--condensed);font-size:.88rem;letter-spacing:.08em;padding:.55rem .75rem;text-decoration:none;text-transform:uppercase}
.menu-switcher a:hover,.menu-switcher a[aria-current='page']{border-color:var(--navy)}
.category-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 2.5rem}
.category-tabs a{border:1px solid var(--line);color:var(--navy);font-family:var(--condensed);font-size:.9rem;letter-spacing:.08em;padding:.65rem .9rem;text-decoration:none;text-transform:uppercase}
.category-tabs a[aria-current='true']{background:var(--navy);border-color:var(--navy);color:var(--white)}
.menu-category{margin-top:2rem}
.category-heading{align-items:end;border-bottom:1px solid var(--copper);display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:.8rem}
.category-heading h2{margin-bottom:0}
.category-heading span{color:var(--copper-dark);font-family:var(--condensed);letter-spacing:.1em;text-transform:uppercase}
.menu-list{display:grid;gap:0 3rem;grid-template-columns:repeat(2,1fr)}
.menu-item{border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:1fr auto;padding:1.35rem 0}
.menu-item h3{font-family:var(--condensed);font-size:1.15rem;letter-spacing:.05em;line-height:1.2;margin-bottom:.3rem;text-transform:uppercase}
.menu-item p{font-size:.94rem;line-height:1.45;margin-bottom:0}
.menu-price{color:var(--copper-dark);font-family:var(--condensed);font-weight:500;letter-spacing:.04em;white-space:nowrap}

.events-lead{align-items:center;display:grid;gap:clamp(2rem,5vw,4.5rem);grid-template-columns:1.15fr .85fr;margin-bottom:clamp(2.5rem,5vw,4.25rem)}
.events-lead img{aspect-ratio:4/3;object-fit:cover;width:100%}
.events-intro{max-width:540px}
.event-venue-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}
.event-card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.event-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.event-card-body{display:flex;flex:1;flex-direction:column;padding:clamp(1.4rem,3vw,2rem)}
.event-card-body ul{margin:1rem 0 1.4rem;padding-left:1.15rem}
.event-card-body li+li{margin-top:.35rem}
.event-card-body .button{align-self:flex-start;margin-top:auto}
.event-service{align-items:center;background:var(--mist-2);display:grid;gap:0;grid-template-columns:1fr 1fr;margin-top:1.5rem}
.event-service img{height:100%;min-height:330px;object-fit:cover;width:100%}
.event-service-copy{padding:clamp(1.75rem,4vw,3.25rem)}

.location-cards{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);background:var(--line);border:1px solid var(--line);margin-top:3rem}
.location-card{background:var(--paper);padding:2rem}
.location-card h3{font-family:var(--condensed);font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}
.location-card p:last-child{margin-bottom:0}
.location-page-grid{display:grid;gap:clamp(2.5rem,7vw,6rem);grid-template-columns:.85fr 1.15fr}

.certificate-panel{align-items:center;display:grid;gap:clamp(2.5rem,8vw,7rem);grid-template-columns:1fr 1fr}
.certificate-art{align-items:center;aspect-ratio:4/3;background:var(--navy);color:var(--white);display:flex;justify-content:center;padding:2rem;text-align:center}
.certificate-art span{font-family:var(--serif);font-size:clamp(2.6rem,6vw,5rem);line-height:.95}
.certificate-art small{color:var(--mist);display:block;font-family:var(--condensed);font-size:.86rem;letter-spacing:.18em;margin-top:1rem;text-transform:uppercase}

.whatsapp-float{align-items:center;background:#176b51;border-radius:999px;bottom:1rem;color:var(--white);display:flex;font-family:var(--condensed);font-size:.89rem;font-weight:500;gap:.4rem;letter-spacing:.06em;padding:.8rem 1rem;position:fixed;right:1rem;text-decoration:none;text-transform:uppercase;z-index:80}
.whatsapp-float:hover{background:#105340}

@media (max-width:920px){
  .header-inner{grid-template-columns:76px 1fr auto;min-height:84px}
  .brand{height:72px}.brand img{height:68px}
  .mobile-toggle{display:inline-flex;justify-self:end}
  .nav-reserve{display:none}
  .site-nav{align-items:stretch;background:var(--ivory);border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;left:0;padding:1rem max(1.125rem,calc((100vw - var(--max))/2));position:absolute;right:0;top:100%}
  .site-nav.is-open{display:flex}
  .site-nav a{border-bottom:1px solid var(--line);padding:.8rem 0}
  .nav-dropdown{border-bottom:1px solid var(--line)}
  .nav-dropdown summary{padding:.8rem 0}
  .nav-dropdown-menu{background:var(--mist-2);border:0;box-shadow:none;min-width:0;padding:.25rem .75rem .6rem;position:static}
  .nav-dropdown-menu a{border-bottom:0;padding:.58rem .5rem}
  .nav-dropdown-menu a+a{border-top:1px solid var(--line)}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{padding-left:max(1.125rem,calc((100vw - var(--max))/2));padding-right:max(1.125rem,calc((100vw - var(--max))/2))}
  .hero-media{min-height:390px}
  .feature-grid{grid-template-columns:1fr 1fr}.feature:last-child{grid-column:span 2}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:680px){
  h1{font-size:clamp(2.65rem,14vw,4.2rem)}
  h2{font-size:clamp(2.1rem,11vw,3.25rem)}
  .header-inner{grid-template-columns:64px 1fr}.mobile-toggle{grid-column:2}.brand{grid-row:1}.site-nav{top:100%}
  .facts{grid-template-columns:1fr}.fact+.fact{border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .split,.visit-grid,.gift-inner,.menu-list,.location-page-grid,.certificate-panel,.events-lead,.event-venue-grid,.event-service{grid-template-columns:1fr}
  .feature-grid,.location-cards{grid-template-columns:1fr}.feature:last-child{grid-column:auto}
  .section-heading{align-items:flex-start;flex-direction:column}
  .gift-inner{justify-items:start}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
  .story-banner,.story-content{min-height:500px}.story-content{padding:2.5rem 1.35rem}
  .event-service img{min-height:260px}
  .whatsapp-float{font-size:0;height:48px;justify-content:center;padding:0;width:48px}.whatsapp-float::after{content:'WA';font-size:.86rem}
}

/* Compensa el header sticky (98px desktop / 84px tablet y móvil) al saltar a un ancla,
   para que el título de la sección destino no quede oculto detrás del header. */
[id]{scroll-margin-top:114px}
@media (max-width:920px){[id]{scroll-margin-top:100px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}