:root{--navy:#123d52;--navy2:#0d2e40;--yellow:#f4c84b;--cream:#fbf8ef;--ink:#173443;--muted:#6d7e83;--line:#dce4e3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.header{height:84px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(18,61,82,.09)}.brand{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2px;color:var(--navy)}.brand b{font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--yellow);width:35px;height:35px;border-radius:50%;font-family:'Playfair Display';font-size:21px;letter-spacing:0;color:var(--navy)}nav{display:flex;gap:30px;font-size:12px;color:#52656d}nav a:hover{color:var(--navy);font-weight:700}.nav-order{font-size:12px;font-weight:700;border-bottom:1px solid var(--navy);padding:9px 0}.nav-order span{margin-left:15px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}
.hero{background:var(--navy);color:white;min-height:650px;padding:70px 7% 25px;display:grid;grid-template-columns:1fr 1fr;gap:5%;position:relative;overflow:hidden}.hero-content{padding:45px 0 70px;max-width:560px;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.5px;font-weight:700}.eyebrow{color:#c5d7d9}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:9px}.hero h1,.section h2,.promo h2{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-1.5px}.hero h1{font-size:clamp(42px,5.3vw,72px);line-height:1.08;margin:25px 0}.hero h1 em,.section h2 em,.promo h2 em{color:var(--yellow);font-weight:600}.hero-content>p{color:#c5d3d6;max-width:390px;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 19px;font-size:12px;font-weight:700;border-radius:2px;transition:.2s}.btn-primary{background:var(--yellow);color:var(--navy)}.btn-primary:hover{background:#ffdc76;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:8px}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:55px}.note-icon{color:var(--yellow);font-size:24px}.hero-note b,.hero-note small{display:block}.hero-note b{font-size:11px}.hero-note small{font-size:10px;color:#9fb4bd;margin-top:4px}.hero-visual{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center}.hero-image{width:85%;height:440px;background:url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1000&q=85') center/cover;border-radius:48% 48% 4px 4px;box-shadow:0 25px 60px #071e2b66;position:relative}.hero-image:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 60%,#0d2e4040)}.floating-card{position:absolute;bottom:70px;left:0;background:white;color:var(--navy);display:flex;align-items:center;gap:12px;padding:17px 20px;box-shadow:0 12px 30px #061c2b40}.sun{font-size:26px;color:#d6a91f}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:12px}.floating-card small{font-size:10px;color:#829097;margin-top:4px}.vertical-label{position:absolute;right:-2%;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#9fb4bd}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:18px;color:#9fb4bd;font-size:9px;letter-spacing:1.5px}
.section{padding:100px 9%}.section-kicker{color:#789098}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin:30px 0 55px}.section h2{font-size:clamp(36px,4.4vw,58px);line-height:1.15;margin:0;color:var(--navy)}.section h2 em{color:#b58a12}.about-grid p,.contact-grid>div>p{font-size:14px;line-height:1.9;color:#6c7d83;margin:0 0 24px}.text-link.dark{color:var(--navy);border-color:#aebfc1}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;gap:30px}.values div{display:grid;grid-template-columns:30px 1fr;align-items:center}.values span{color:#bd951e;font-size:19px;grid-row:span 2}.values b{font-size:13px}.values small{font-size:11px;color:#7a8b90;margin-top:5px}
.menu-section{background:#f2efe5}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 24px}.section-heading p{font-size:13px;color:#78878b;margin:12px 0 0}.search-wrap{display:flex;align-items:center;gap:10px;border-bottom:1px solid #b8c5c4;padding:10px 0;width:240px;color:#789098}.search-wrap span{font-size:25px}.search-wrap input{border:0;background:transparent;outline:0;width:100%;font:12px 'DM Sans';color:var(--navy)}.filters{display:flex;gap:9px;margin-bottom:25px}.filter{border:1px solid #cbd5d2;background:transparent;padding:9px 16px;border-radius:30px;font:11px 'DM Sans';cursor:pointer;color:#687b80}.filter.active,.filter:hover{background:var(--navy);color:white;border-color:var(--navy)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.dish-card{background:#fff;min-width:0;box-shadow:0 8px 22px #193b4b08;transition:transform .2s}.dish-card:hover{transform:translateY(-5px)}.dish-photo{height:210px;background-size:cover;background-position:center;position:relative}.tallarin{background-image:url('https://images.unsplash.com/photo- pesto?auto=format&fit=crop&w=600&q=80');background-image:url('https://images.unsplash.com/photo-1551183053-bf91a1d81141?auto=format&fit=crop&w=600&q=80')}.arroz{background-image:url('https://images.unsplash.com/photo-1512058564366-18510be2db19?auto=format&fit=crop&w=600&q=80')}.ensalada{background-image:url('https://images.unsplash.com/photo-1512621776951-a57141f2e3e6?auto=format&fit=crop&w=600&q=80')}.chaufa{background-image:url('https://images.unsplash.com/photo-151 chow?auto=format&fit=crop&w=600&q=80');background-image:url('https://images.unsplash.com/photo-1603133872878-684f208fb84b?auto=format&fit=crop&w=600&q=80')}.dish-tag{position:absolute;top:12px;left:12px;background:var(--yellow);color:var(--navy);font-size:9px;font-weight:700;padding:7px 9px}.dish-info{padding:17px 15px 16px;display:flex;flex-direction:column;gap:17px;min-height:150px}.dish-info h3{font-family:'Playfair Display';font-size:18px;margin:0 0 7px;color:var(--navy)}.dish-info p{font-size:11px;color:#7d8c90;line-height:1.6;margin:0}.order-btn{display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid #e4e9e6;padding:12px 0 0;color:var(--navy);font:700 11px 'DM Sans';cursor:pointer}.order-btn span{font-size:17px;color:#b28a12}.no-results{color:#6c7d83;font-size:13px;padding:30px 0}.menu-footnote{text-align:center;color:#7b8b8f;font-size:12px;margin:35px 0 0}.menu-footnote a{color:var(--navy);font-weight:700;border-bottom:1px solid #b9c8c6}
.promo{background:var(--yellow);position:relative;overflow:hidden;min-height:400px}.promo .section-kicker{color:#6f5a1c}.promo-content{margin:35px 0 0 12%;position:relative;z-index:2}.promo-label{font-size:10px;letter-spacing:2px;color:#75601e;font-weight:700}.promo h2{font-size:clamp(42px,5vw,65px);color:var(--navy);margin:16px 0}.promo h2 em{color:#fff}.promo-content p{font-size:13px;color:#6e5a23;margin:0 0 25px}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:#214e65}.promo-decoration{position:absolute;font-size:390px;line-height:1;right:7%;top:-70px;color:#ffffff22}.promo-side{position:absolute;right:9%;bottom:60px;font-family:'Playfair Display';font-size:23px;line-height:1.4;color:#6f5b1f;letter-spacing:2px}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:35px}.contact-grid h2{margin-bottom:20px}.contact-card{background:var(--navy);color:white;padding:35px 38px;position:relative}.contact-icon{position:absolute;right:30px;top:25px;font-size:24px;color:var(--yellow)}.contact-card>small{font-size:9px;letter-spacing:2px;color:#a9c0c7}.contact-card h3{font-family:'Playfair Display';font-size:25px;margin:15px 0 8px}.contact-card p{font-size:12px;color:#b7c9ce;margin:0 0 22px}.contact-detail{border-top:1px solid #ffffff25;margin-top:25px;padding-top:18px;font-size:10px;color:#b7c9ce}.contact-detail span{color:var(--yellow);margin-right:8px}
footer{padding:25px 7%;display:flex;align-items:center;justify-content:space-between;background:#f2efe5;color:#7d8b8e;font-size:10px;gap:20px}.footer-brand{color:var(--navy)}.whatsapp-float{position:fixed;right:22px;bottom:22px;background:#1c9b68;color:white;border-radius:40px;padding:13px 18px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 25px #0002;z-index:30;font-size:12px}.whatsapp-float span{font-size:18px}
@media(max-width:1000px){.header{padding:0 5%}nav{gap:15px}.hero{padding-left:6%;padding-right:6%;gap:2%}.hero-image{width:95%;height:390px}.section{padding:80px 6%}.menu-grid{grid-template-columns:repeat(2,1fr)}.dish-photo{height:240px}}
@media(max-width:700px){.header{height:70px}.menu-toggle{display:block;margin-left:auto;margin-right:18px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:20px 7%;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-order{font-size:11px}.hero{grid-template-columns:1fr;padding:48px 7% 22px;min-height:auto}.hero-content{padding:10px 0 25px}.hero h1{font-size:51px}.hero-visual{min-height:350px}.hero-image{height:330px;width:82%}.floating-card{bottom:35px;left:0}.vertical-label{right:0}.hero-bottom{font-size:8px;gap:10px}.hero-bottom span:nth-child(2){display:none}.section{padding:65px 7%}.about-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.about-grid{margin-bottom:35px}.values{grid-template-columns:1fr;gap:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.search-wrap{width:100%}.menu-grid{gap:12px}.dish-photo{height:165px}.dish-info{padding:14px 12px;min-height:155px}.dish-info h3{font-size:16px}.dish-info p{font-size:10px}.promo-content{margin-left:0}.promo-side{right:7%;bottom:25px;font-size:14px}.promo-decoration{font-size:260px;right:-15%;top:0}.contact-card{padding:30px 25px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 7%}.footer-brand{width:100%;justify-content:center}}
@media(max-width:390px){.nav-order{display:none}.hero h1{font-size:43px}.dish-photo{height:140px}.dish-info h3{font-size:14px}.dish-info p{font-size:9px}.order-btn{font-size:10px}}