@charset "UTF-8";
:root{--navy:#082b3c;--gold:#b58027;--teal:#087f85;--cream:#fcf8f1;--line:#d8c5a4;--muted:#56676a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.55 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.12}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b57500;outline-offset:5px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header{position:absolute;inset:0 0 auto;z-index:10;height:70px;background:linear-gradient(90deg,#fffaf2ba,#fffaf2ef 30%,#fffaf2e6 80%,#fffaf288);border-bottom:1px solid #fff6e388}.nav-wrap{max-width:1000px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:25px}.nav-wrap nav{display:flex;align-items:center;gap:40px;font:500 .95rem 'Segoe UI',Arial,sans-serif}.nav-wrap nav button{background:none;border:0;padding:10px 0}.nav-wrap nav a:hover,.nav-wrap nav button:hover{color:#8c5a12}.nav-reserve{font:500 .95rem 'Segoe UI',Arial,sans-serif;border:1px solid #8f6023;border-radius:30px;padding:9px 30px;color:#795017;background:#fffaf24d}.mobile-brand,.nav-toggle{display:none}.hero{min-height:606px;background:#f3d9a5 url('assets/hero.png') center center/cover;position:relative;display:flex;align-items:center;justify-content:center}.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,#fff6df54,transparent 55%);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;padding:83px 20px 28px;display:flex;flex-direction:column;align-items:center;width:100%}.hero-logo{height:338px;width:338px;object-fit:contain;filter:drop-shadow(0 6px 8px #603a1717)}h1{font-size:clamp(2.6rem,4.65vw,4.4rem);letter-spacing:-.045em;font-weight:600;margin-top:6px;text-shadow:0 1px 18px #fffdf5c9,0 1px 2px #fff9ed}.gold-stroke{height:8px;width:95px;border-top:3px solid #d4a03d;border-radius:50%;transform:rotate(-4deg);margin:11px auto 13px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 27px;min-height:48px;border-radius:30px;font:600 .95rem/1.3 'Segoe UI',Arial,sans-serif;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 17px #55351229}.gold{color:white;border:1px solid #edcc7b;background:linear-gradient(160deg,#d3a74c,#a97018);box-shadow:inset 0 0 0 1px #f7df9d4d}.whatsapp{color:#064d34;border:1.5px solid #0a553d;background:#fffdf5ed;gap:10px}.contact-strip{display:flex;align-items:center;justify-content:center;gap:0;background:#f1eade;min-height:50px;padding:8px 20px}.contact-strip a{display:flex;align-items:center;justify-content:center;gap:11px;padding:2px 30px;font-size:.9rem;border-right:1px solid #cbb694}.contact-strip a:last-child{border:0}.contact-strip .icon{color:#8a622e;width:21px;height:21px}.contact-strip a:hover span{text-decoration:underline;text-underline-offset:3px}.menu-section{padding:15px 3% 13px;max-width:1500px;margin:auto}.section-ornament{display:flex;align-items:center;justify-content:center;gap:24px;color:#bd903d;font-size:1.8rem;height:31px}.section-ornament span{height:1px;width:65px;background:linear-gradient(90deg,transparent,#bb8b39,transparent)}.menu-section>h2{text-align:center;font-size:clamp(2rem,3.45vw,3.3rem);font-weight:600;letter-spacing:-.045em;margin:5px 0 18px}.menu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.menu-card{padding:0;border:1px solid #ded2b4;border-radius:11px;overflow:hidden;position:relative;background:#d9d0b9;min-width:0;aspect-ratio:1.93}.menu-photo,.gallery-food{display:block;background-image:url('assets/menu.png');background-repeat:no-repeat;background-size:300% auto;height:100%;width:100%;transition:transform .5s}.coffee{background-position:left center}.drinks{background-position:center center}.breakfast{background-position:right center}.menu-card:hover .menu-photo{transform:scale(1.04)}.card-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:32px 20px 18px;background:linear-gradient(transparent,#17150eda);color:white;font-size:clamp(1.1rem,1.8vw,1.8rem);line-height:1.15;text-shadow:0 1px 3px #0008}.card-caption .icon{width:20px;opacity:0;transition:opacity .2s}.menu-card:hover .icon,.menu-card:focus-visible .icon{opacity:1}.menu-note{font:400 .75rem/1.4 'Segoe UI',Arial,sans-serif;text-align:center;color:#747873;margin:10px 0 0}.reservation{background:linear-gradient(100deg,#006974ef,#0a9b9bcc,#007c85ef),url('assets/hero.png') center 65%/cover;color:white}.reservation-inner{max-width:1320px;margin:auto;min-height:105px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.reservation h2{font-size:clamp(1.65rem,2.4vw,2.3rem);text-align:center}.reservation .gold-stroke{margin:9px auto 0;width:65px;height:5px}.handwritten{font-style:italic;font-size:1.2rem;line-height:1.25;transform:rotate(-5deg);color:#e7f6f0}.reservation .button{min-width:185px}.practical{max-width:1320px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:auto;padding:17px 30px 3px}.practical details{min-width:0;align-self:start;border-bottom:1px solid #ded4bd}.practical summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;font:500 .875rem 'Segoe UI',Arial,sans-serif}.practical summary::-webkit-details-marker{display:none}.practical summary>span{font-size:1.1rem;color:#aa7e34}.practical details[open] summary>span{transform:rotate(45deg)}.detail-content{padding:15px 0 18px;font-size:.95rem;color:#485d60}.detail-content h2{font-size:1.65rem;color:var(--navy);margin-bottom:12px}.detail-content h3{font-size:1rem;color:var(--navy);margin:18px 0 8px}.inline-link{display:inline-block;font:500 .875rem 'Segoe UI',Arial,sans-serif;border:0;border-bottom:1px solid #b79b64;background:none;padding:0 0 3px;margin-top:12px;color:#7c591d}.fine{font:400 .8rem/1.6 'Segoe UI',Arial,sans-serif;color:#607074;margin:15px 0}.detail-content .fine{font-size:.75rem}.eyebrow{font:600 .75rem 'Segoe UI',Arial,sans-serif;letter-spacing:.12em;color:#977039;margin-bottom:12px}footer{max-width:1320px;margin:auto;padding:17px 30px 22px;display:flex;justify-content:center;align-items:center;gap:16px;font-size:.75rem}footer .footer-line{width:34px;height:1px;background:#c49a50}.footer-brand{letter-spacing:.1em}footer>span:not(.footer-line){color:#7e817c}footer small{margin-left:auto;color:#7e817c;font-size:.75rem}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:#ffe5a5;padding:13px;font-family:Arial}.skip:focus{top:12px}dialog{width:min(650px,92vw);max-height:90vh;padding:32px;border:1px solid #d8c5a4;border-radius:15px;background:var(--cream);color:var(--navy);overflow:auto;box-shadow:0 25px 100px #061b3255}dialog::backdrop{background:#072c3ccc;backdrop-filter:blur(4px)}dialog h2{font-size:2.25rem;margin-bottom:18px;padding-right:22px}.dialog-close{position:absolute;right:13px;top:11px;width:40px;height:40px;border:0;border-radius:50%;background:#eee5d6;color:#705224;font-size:1.7rem}.dialog-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 4px}.dialog-tabs button{font:500 .875rem 'Segoe UI',Arial,sans-serif;border:1px solid #ddd0b6;border-radius:20px;padding:9px 13px;background:transparent}.dialog-tabs button[aria-selected=true]{background:#0b7478;color:white;border-color:#0b7478}.menu-item{padding:16px 0;border-bottom:1px solid #e2d8c5}.menu-item h3{font-size:1.15rem;margin-bottom:5px}.menu-item p{font:400 .95rem/1.6 'Segoe UI',Arial,sans-serif;color:#53676a}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-beach{grid-column:1/-1;width:100%;height:240px;object-fit:cover;border-radius:8px}.gallery-food{aspect-ratio:1;height:auto;border-radius:7px}body.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:680px}.hero-logo{width:385px;height:385px}.hero-content{padding-top:90px}.menu-card{aspect-ratio:2.05}}
@media(max-width:900px){.nav-wrap nav{gap:24px}.hero-logo{width:310px;height:310px}.hero{min-height:570px}.hero-content{padding-top:83px}.contact-strip a{padding:3px 20px;font-size:.875rem}.menu-section{padding-left:20px;padding-right:20px}.menu-card{aspect-ratio:1.45}.card-caption{padding:30px 13px 13px;font-size:1.3rem}.card-caption .icon{display:none}.reservation-inner{gap:20px;padding:20px}.handwritten{font-size:1rem}.reservation .button{min-width:145px}.practical{gap:18px;padding-left:20px;padding-right:20px}}
@media(max-width:620px){.site-header{height:62px}.nav-wrap{padding:0 18px;gap:12px}.mobile-brand{display:block;font:bold 1.25rem/1 Georgia;letter-spacing:.04em}.mobile-brand small{display:block;font:600 .6rem/1.5 Arial;letter-spacing:.13em}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:42px;height:40px;padding:9px;background:transparent;border:1px solid #b6976066;border-radius:7px}.nav-toggle span{height:1.5px;background:var(--navy);width:100%}.nav-wrap nav{display:none;position:absolute;left:12px;right:12px;top:66px;background:#fffaf3;border:1px solid #ddc9a5;box-shadow:0 12px 25px #35220c22;padding:12px;border-radius:10px}.nav-wrap nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.nav-wrap nav a,.nav-wrap nav button{padding:12px;text-align:left}.nav-reserve{font-size:.8rem;padding:9px 13px}.hero{min-height:565px;background-position:48% center}.hero-content{padding:77px 14px 28px}.hero-logo{width:285px;height:285px}.hero h1{font-size:2.45rem;max-width:350px;line-height:1.06;margin-top:8px}.hero .gold-stroke{margin:12px auto}.hero-actions{gap:9px}.hero-actions .button{font-size:.8rem;padding:12px 16px;gap:8px}.hero-actions .icon{width:19px;height:19px}.contact-strip{flex-wrap:wrap;padding:9px 12px;gap:6px 0}.contact-strip a{padding:3px 11px;font-size:.8rem;gap:7px}.contact-strip a:nth-child(2){border:0}.contact-strip a:last-child{width:100%;font-size:.8rem}.contact-strip .icon{width:17px;height:17px}.menu-section{padding:15px 14px 13px}.menu-section>h2{font-size:2rem;max-width:330px;margin:6px auto 18px}.section-ornament{height:23px;font-size:1.45rem}.menu-cards{grid-template-columns:1fr;gap:12px}.menu-card{aspect-ratio:2.15}.card-caption{font-size:1.55rem;padding:35px 18px 16px}.card-caption .icon{display:block;opacity:1}.menu-note{font-size:.75rem;margin:11px 5px 0}.reservation-inner{display:grid;grid-template-columns:1fr;justify-items:center;gap:17px;padding:23px 16px}.handwritten{display:none}.reservation h2{font-size:1.85rem}.reservation .button{min-width:175px}.practical{grid-template-columns:1fr;gap:0;padding:10px 20px 0}.practical summary{padding:15px 0}.detail-content{padding-top:6px}footer{padding:18px 20px;flex-wrap:wrap;gap:8px 12px}footer small{margin-left:0;width:100%;text-align:center}footer .footer-line{width:24px}dialog{padding:25px 20px;width:94vw}dialog h2{font-size:1.9rem}.dialog-tabs{gap:6px}.dialog-tabs button{padding:8px 10px}.gallery-beach{height:180px}.fine{font-size:.8rem}}
@media(max-width:360px){.hero-logo{width:255px;height:255px}.hero{min-height:555px}.hero h1{font-size:2.2rem}.hero-actions .button{font-size:.75rem;padding:11px 13px}.contact-strip a{font-size:.75rem;padding:3px 7px}.menu-section>h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Branded hero photo, with live and accessible HTML heading and buttons. */
.site-header{position:relative}.hero{height:610px;min-height:0;background-size:100% 100%}.hero-content{position:absolute;bottom:20px;padding:0 18px}.hero h1{font-size:clamp(2.6rem,4.1vw,3.9rem);margin-top:0}.hero::after{background:linear-gradient(transparent 72%,#fff1cf33)}.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}.reservation{background-image:linear-gradient(100deg,#006974ef,#0a9b9bcc,#007c85ef),url('assets/scene.png')}
@media(min-width:1600px){.hero{height:680px}}
@media(max-width:900px){.hero{height:555px}.hero h1{font-size:2.8rem}}
@media(max-width:620px){.hero{height:540px;background-color:#f4dbac;background-size:auto 460px;background-position:center top;background-repeat:no-repeat}.hero::after{background:linear-gradient(transparent 67%,#f4dbac 87%)}.hero-content{bottom:23px;padding:0 12px}.hero h1{font-size:2.4rem;max-width:350px;line-height:1.05}.hero .gold-stroke{margin:9px auto}.hero-actions .button{font-size:.8rem}.hero-actions{gap:8px}}
@media(max-width:360px){.hero{height:530px;background-size:auto 425px}.hero h1{font-size:2.2rem}.hero-actions .button{font-size:.75rem;padding:11px 12px}}

.location-map{display:block;width:100%;height:220px;border:1px solid #d8c5a4;border-radius:9px;margin-top:16px;background:#f1eade}

.menu-item-heading{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.menu-item-heading h3{margin-bottom:0}.item-price{font:600 1rem 'Segoe UI',Arial,sans-serif;white-space:nowrap;color:#886020}.menu-item p{margin-top:6px}.dialog-tabs{max-height:145px;overflow:auto;padding:3px 2px 10px}.certificate-card{display:flex;align-items:center;gap:14px;margin-top:20px;border-top:1px solid #d8c5a4;padding-top:17px}.certificate-card img{width:86px;height:86px;object-fit:cover;border-radius:7px}.certificate-card h3{margin:0;font-size:1.05rem}.certificate-card .inline-link{margin-top:8px}#certificate-dialog{width:min(850px,94vw)}.certificate-full{width:100%;height:auto;border-radius:8px}

/* Mobile app experience; approved desktop composition is unchanged. */
.mobile-dock,.mobile-hours,.swipe-hint{display:none}.install-app{font:600 .875rem 'Segoe UI',Arial,sans-serif;color:#075b5e;background:transparent;border:1px solid #b8ceca;border-radius:20px;padding:8px 13px;cursor:pointer}.offline-notice{background:#fff0c8;color:#674500;text-align:center;font:500 .875rem/1.5 'Segoe UI',Arial,sans-serif;padding:10px 16px}.install-app:hover{background:#e9f2ed}#install-help h3{font-size:1.15rem;margin:20px 0 8px}#install-help>p{font:400 1rem/1.6 'Segoe UI',Arial,sans-serif}
@media(max-width:620px){
body{padding-bottom:calc(76px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}.site-header{height:64px}.nav-wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.nav-wrap nav{top:68px}.mobile-brand{font-size:1.3rem}.nav-toggle{height:44px;width:44px}.nav-reserve{min-height:44px;display:flex;align-items:center;font-size:.875rem}.hero{height:515px;background-size:auto 395px}.hero-content{bottom:22px;gap:0}.hero h1{font-size:2.2rem;max-width:330px}.hero .gold-stroke{margin:8px auto}.hero-actions{gap:8px}.hero-actions .button{min-height:46px;font-size:.875rem;padding:11px 14px}.hero-actions .icon{width:18px}.mobile-hours{display:block;color:#624819;font:500 .875rem/1.5 'Segoe UI',Arial,sans-serif;margin:2px 0 13px}.mobile-hours span{margin:0 6px;color:#a27734}.hero::after{background:linear-gradient(transparent 62%,#f4dbac 82%)}.contact-strip{padding:9px 12px;gap:6px}.contact-strip a{font-size:.875rem;min-height:34px;gap:6px;padding:2px 8px}.contact-strip a:last-child{font-size:.875rem}.menu-section{overflow:hidden;padding:19px 16px 15px}.menu-section>h2{font-size:2rem;margin-bottom:12px}.swipe-hint{display:flex;justify-content:space-between;align-items:center;color:#775e39;font:500 .875rem 'Segoe UI',Arial,sans-serif;margin:0 2px 10px}.menu-cards{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;padding:3px 1px 12px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c3a269 transparent}.menu-card{height:185px;aspect-ratio:auto;scroll-snap-align:start;border-radius:13px}.menu-photo{background-size:300% auto}.card-caption{font-size:1.45rem;padding:30px 17px 16px}.menu-note{font-size:.8rem;line-height:1.5;margin-top:7px}.reservation-inner{padding:22px 18px;gap:16px}.reservation h2{font-size:1.75rem}.reservation .button{min-height:46px}.practical{padding:8px 18px 0}.practical summary{min-height:52px;font-size:.95rem}.detail-content{font-size:1rem}.detail-content h2{font-size:1.7rem}.detail-content .inline-link{min-height:38px;font-size:.95rem;padding-top:6px}.location-map{height:235px}footer{padding:18px;gap:12px}footer small{font-size:.75rem}.mobile-dock{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;gap:5px;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#fffaf4f5;border-top:1px solid #dccdad;box-shadow:0 -5px 24px #3f362012;backdrop-filter:blur(12px)}.mobile-dock a,.mobile-dock button{min-width:0;min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:10px;background:transparent;color:#113d40;font:600 .875rem 'Segoe UI',Arial,sans-serif}.mobile-dock .icon{height:21px;width:21px}.mobile-dock .dock-whatsapp{background:#086d5c;color:white}.dock-menu-icon{font:26px/21px Arial}.mobile-dock a:active,.mobile-dock button:active{transform:scale(.97)}body.modal-open .mobile-dock{visibility:hidden}dialog{width:100%;max-width:100%;height:auto;max-height:92vh;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0;padding:26px 20px calc(25px + env(safe-area-inset-bottom));overscroll-behavior:contain}dialog h2{font-size:1.85rem}.dialog-close{position:sticky;top:0;float:right;z-index:2;width:44px;height:44px;margin:-12px -7px 0 4px}.dialog-tabs{gap:7px;max-height:150px;padding-top:5px}.dialog-tabs button{min-height:44px;font-size:.875rem}.menu-item{padding:17px 0}.menu-item-heading{gap:15px}.menu-item h3{font-size:1.15rem;line-height:1.3}.item-price{font-size:1rem}.menu-item p{font-size:1rem}.fine{font-size:.875rem}.certificate-card img{width:90px;height:90px}#certificate-dialog{width:100%}.certificate-full{height:auto}input,select,textarea{font-size:16px}
}
@media(max-width:360px){.hero{height:495px;background-size:auto 360px}.hero h1{font-size:2rem}.hero-actions .button{font-size:.8rem;padding:11px 13px}.mobile-hours{font-size:.8rem}.menu-card{height:170px}.mobile-dock a,.mobile-dock button{font-size:.8rem}}
@media(display-mode:standalone){.site-header{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}.install-app{display:none}}


/* Single continuous hero: preserve intrinsic image proportions. */
@media(min-width:621px){
.site-header{position:absolute;inset:0 0 auto;height:70px;background:transparent;border:0}.nav-wrap{max-width:1000px;background:linear-gradient(90deg,#fffaf200,#fffaf2e8 9%,#fffaf2e8 91%,#fffaf200);padding:0 34px}.hero{height:clamp(480px,44.9733vw,720px);min-height:0;background-image:url('assets/hero.png');background-size:cover;background-position:center top;background-repeat:no-repeat}.hero-content{bottom:25px}.hero::after{background:linear-gradient(transparent 75%,#fff1cf26)}.hero h1{font-size:clamp(2.45rem,4.1vw,3.9rem)}
}
@media(min-width:621px) and (max-width:900px){.nav-wrap{padding:0 24px;background:linear-gradient(90deg,#fffaf244,#fffaf2e8 12%,#fffaf2e8 88%,#fffaf244)}.hero{height:500px}.hero h1{font-size:2.7rem}}
@media(max-width:620px){.site-header{background:linear-gradient(90deg,#fffaf2ed,#fffaf2db)}.nav-wrap{background:none}.hero{background-image:url('assets/hero.png');background-size:auto 500px;background-position:center top}}
@media(max-width:360px){.hero{background-size:auto 470px}}

/* Richer menu colors and stronger reading contrast; hero remains unchanged. */
.menu-section{background:linear-gradient(180deg,#fffdf7,#fff8e9);padding-top:23px;padding-bottom:19px}.menu-section>h2{color:#062b3a;font-weight:700;text-shadow:0 1px 0 white}.section-ornament{color:#b47713}.section-ornament span{background:linear-gradient(90deg,transparent,#c28a27,transparent)}.menu-cards{gap:17px}.menu-card{border:1px solid #c99d43;box-shadow:0 7px 20px #583a1821;transition:transform .22s,box-shadow .22s}.menu-photo{filter:saturate(1.2) contrast(1.07)}.menu-card:hover{transform:translateY(-3px);box-shadow:0 11px 25px #583a1838}.card-caption{color:#fff;font-weight:600;background:linear-gradient(transparent,#062a30d9 50%,#05252cf5);padding-top:45px;text-shadow:0 2px 4px #0009}.card-caption .icon{opacity:1;color:#ffd782}.menu-note{color:#5c4b32;font-size:.8rem}.reservation{background-image:linear-gradient(100deg,#005365ed,#02999ed9,#006675f2),url('assets/scene.png')}.reservation h2{font-weight:600;text-shadow:0 1px 3px #00434888}.reservation .gold{background:linear-gradient(150deg,#dca944,#a86b10);border-color:#ffe1a0;box-shadow:inset 0 1px 0 #fff0bb80,0 4px 12px #003e454d}.contact-strip{background:#f3e7d0;color:#15383d}.contact-strip .icon{color:#89590b}.practical summary{color:#123e43;font-weight:600}.detail-content{color:#304d50}.inline-link{color:#075c60;border-color:#b18229}.dialog-tabs button{background:#fffaf0;border-color:#cdb887;color:#133e43;font-weight:600}.dialog-tabs button:hover{background:#e4f3ee;border-color:#17756b}.dialog-tabs button[aria-selected=true]{background:#006b63;color:#fff;border-color:#006b63;box-shadow:0 3px 9px #006b632b}.menu-item{border-bottom-color:#d9c9a7}.menu-item h3{color:#092f3b;font-weight:600}.menu-item p{color:#425d60}.item-price{color:#80500a;background:#f6e7be;border:1px solid #e7cf8f;border-radius:7px;padding:4px 9px;font-weight:700}.fine{color:#455c5f}.dialog-close{background:#075e60;color:#fff}.certificate-card{border-color:#c6b68c}.install-app{border-color:#8cae9d;color:#075b51}
@media(max-width:620px){.menu-section{padding-top:19px;padding-bottom:17px}.menu-cards{gap:13px}.card-caption{font-size:1.5rem;padding-bottom:17px}.menu-card{box-shadow:0 5px 13px #583a1826}.item-price{font-size:1rem;padding:4px 8px}.menu-note{font-size:.8rem}.swipe-hint{color:#6e4c17}}
@media(prefers-reduced-motion:reduce){.menu-card:hover{transform:none}}


/* Full-width landscape, independently sized logo and flowing content. */
.hero{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:auto;margin:0;border-radius:0;background:#f4dbac url('assets/beach-wide.png') center center/cover no-repeat;display:block}
.hero::after{display:block;background:radial-gradient(ellipse at 50% 85%,#fff4dba8,transparent 62%)}
.hero-content{position:relative;inset:auto;width:100%;height:auto;padding:78px 18px 28px;display:flex;flex-direction:column;align-items:center;gap:0}
.hero .hero-logo{display:block;width:clamp(220px,19vw,270px);height:clamp(220px,19vw,270px);object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 5px #41290e26)}
.hero h1{position:static;width:auto;height:auto;max-width:100%;margin:6px 0 0;padding:0;font:700 clamp(36px,3.6vw,52px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#082b3c;text-shadow:0 1px 12px #fff7eacc;white-space:normal;overflow:visible}
.hero .gold-stroke{position:static;display:block;width:88px;height:6px;border-top:2px solid #ca9631;margin:7px auto 9px;transform:rotate(-4deg)}
.hero-actions{display:flex;position:static;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}
.hero-actions .button{position:static;inset:auto;width:auto;height:auto;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 23px;gap:10px;font:600 14px/1.3 'Segoe UI',Arial,sans-serif;white-space:normal;border-radius:999px}
.hero-actions .button .icon{visibility:visible;width:20px;height:20px}
.hero-actions .gold{color:white;border:1px solid #ebc66e;background:linear-gradient(155deg,#d5aa4b,#a77119);box-shadow:inset 0 0 0 1px #f7df9d66}
.hero-actions .whatsapp{color:#064d34;border:1.5px solid #0a553d;background:#fffdf5f2}
@media(min-width:621px){
.site-header{width:100%;height:62px;margin:0;inset:0 0 auto;background:linear-gradient(90deg,#fffaf244,#fffaf2df 20%,#fffaf2df 80%,#fffaf244)}
.nav-wrap{position:static;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;height:100%;padding:0 24px;margin:auto;background:none}
.nav-wrap nav{display:flex;gap:30px;align-items:center}
.nav-wrap nav>a,.nav-wrap nav>button,.nav-reserve{position:static;inset:auto;width:auto;height:auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 0;margin:0;color:#082b3c;font:500 15px/1.2 'Segoe UI',Arial,sans-serif;background:none;border:0}
.nav-reserve{border:1px solid #885a1c;border-radius:999px;padding:9px 26px;color:#795017;background:#fffaf24d}
}
@media(max-width:620px){
.hero{background-position:center center}
.hero-content{padding:72px 14px 18px}
.hero .hero-logo{width:180px;height:180px}
.hero h1{font-size:clamp(26px,6.5vw,32px);max-width:100%;margin-top:6px}
.hero .gold-stroke{margin:6px auto;height:5px}
.hero-actions{display:grid;grid-template-columns:1fr 1.18fr;max-width:400px;gap:8px}
.hero-actions .button{width:100%;min-height:48px;padding:8px;font-size:12px;gap:6px}
.hero-actions .icon{width:18px;height:18px}
.mobile-hours{margin:4px 0 11px;font-size:12px;line-height:1.5}
}
@media(forced-colors:active){.hero h1,.hero-actions .button{color:CanvasText;background:Canvas}.hero-actions .button{border:1px solid ButtonText}}

/* Show the complete landscape on desktop without changing the content sizes. */
@media(min-width:1100px){
.hero{min-height:44.2206vw;background-size:100% auto;background-position:center top}
}