:root{--navy: #0f2e35;--navy-dark: #082229;--turquoise: #0ea7b5;--turquoise-deep: #087f8d;--orange: #f4a62a;--sand: #f3ecdf;--sand-light: #fffaf2;--ink: #142329;--muted: #4f5a5d;--line: rgba(15, 46, 53, .14);--shadow: 0 8px 24px rgba(15, 46, 53, .14);--radius: 10px;--px: clamp(56px, 7vw, 120px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--sand-light);font-family:Montserrat,system-ui,sans-serif;font-size:15px;letter-spacing:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,select{font:inherit}.btn{display:inline-flex;height:46px;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;border-radius:6px;padding:0 24px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;white-space:nowrap;cursor:pointer}.btn:hover{transform:translateY(-2px);opacity:.93}.btn-primary{color:#fff;background:linear-gradient(160deg,#1794a4,#087f8d);box-shadow:0 6px 20px #087f8d52}.btn-primary:after{content:"→";font-size:1rem}.btn-outline{color:var(--navy);border-color:#0f2e3561;background:#fffaf2e6}.btn-outline:after{content:"";width:13px;height:17px;border:2px solid currentColor;border-radius:999px 999px 999px 0;transform:rotate(-45deg) scale(.7)}.header{position:sticky;top:0;z-index:20;display:grid;min-height:70px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:100%;border-bottom:1px solid var(--line);background:#fffaf2f7;padding:0 var(--px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .2s ease}.header.is-scrolled{box-shadow:0 4px 20px #0f2e351f}.brand{display:flex;align-items:center}.brand img{width:52px;height:52px;object-fit:contain}.brand span{display:none}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,42px)}.main-nav a{position:relative;color:var(--ink);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding-bottom:2px;transition:color .16s ease}.main-nav a:hover,.main-nav a.is-active{color:var(--turquoise-deep)}.main-nav a.is-active:after{position:absolute;left:0;right:0;bottom:-24px;height:3px;background:var(--turquoise);border-radius:2px;content:""}.header-actions{display:flex;align-items:center;gap:10px}.social-link{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:var(--navy);transition:background .16s ease,transform .16s ease}.social-link:hover{background:var(--turquoise-deep);transform:scale(1.08)}.nav-toggle,.mobile-dock{display:none}.nav-toggle{width:40px;height:40px;border:0;background:transparent;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--navy);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.hero{position:relative;min-height:clamp(500px,48vw,700px);padding-bottom:70px;overflow:visible;background:linear-gradient(90deg,#fffaf2fa,#fffaf2e6 20%,#fffaf26b,#fffaf205 64%),url(/images/brand/hero-fondo.png) center center / cover no-repeat}.hero-copy{position:relative;z-index:1;width:min(580px,48vw);padding:clamp(64px,7vw,110px) 0 0 var(--px)}.hero h1{margin:0;color:#102932;font-family:Playfair Display,serif;font-size:clamp(3rem,4.8vw,5.8rem);font-weight:800;line-height:.93;text-transform:uppercase}.hero h1 span{display:block;margin-top:14px;color:var(--turquoise-deep);font-family:Caveat,cursive;font-size:clamp(2.6rem,4.2vw,5rem);font-weight:700;line-height:.78;text-transform:none}.wave-mark{display:block;width:72px;height:10px;margin:22px 0 24px 2px;background:linear-gradient(135deg,transparent 18%,var(--orange) 18% 28%,transparent 28% 38%,var(--orange) 38% 48%,transparent 48% 58%,var(--orange) 58% 68%,transparent 68%)}.hero-text{max-width:420px;margin:0;color:var(--ink);font-size:clamp(.88rem,1.1vw,1.05rem);font-weight:500;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.feature-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;color:#fff;background:url(/images/brand/fondo-cinta.png) center center / 100% 100% no-repeat;margin-top:-60px;min-height:130px;padding:20px var(--px);box-shadow:0 10px 32px #0f2e3540}.feature-strip article{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;border-right:1px solid rgba(255,255,255,.22);padding:12px 24px}.feature-strip article:last-child{border-right:0}.feature-strip h2{max-width:150px;margin:0;font-size:clamp(.72rem,.95vw,.92rem);font-weight:800;line-height:1.3;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.35)}.feature-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:#f4c56a;background:#ffffff14}.feature-icon:before,.feature-icon:after{display:none}.section-eyebrow{display:inline-block;margin-bottom:10px;color:var(--turquoise-deep);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.specials{background:var(--sand-light);padding:clamp(72px,7vw,104px) var(--px)}.specials-header{text-align:center;margin-bottom:48px}.specials-title{margin:6px 0 12px;color:var(--navy);font-family:Playfair Display,serif;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:800;line-height:1.08}.specials-title em{display:block;color:var(--turquoise-deep);font-style:normal;font-family:Caveat,cursive;font-size:1.25em}.specials-sub{margin:0 auto;color:var(--muted);font-size:.9rem;max-width:460px;line-height:1.6}.specials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,26px)}.special-card{position:relative;overflow:hidden;border-radius:14px;box-shadow:0 8px 28px #0f2e352e;aspect-ratio:3/4;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease}.special-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 48px #0f2e3547}.special-card-img{position:absolute;inset:0}.special-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.special-card:hover .special-card-img img{transform:scale(1.08)}.special-card-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#08222900,#0822290d 40%,#082229a6,#082229e6)}.special-card-overlay-top{position:absolute;top:14px;left:14px;z-index:2}.special-badge{display:inline-block;padding:5px 12px;border-radius:20px;background:var(--orange);color:var(--navy-dark);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0000004d}.special-card-overlay-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:18px 20px 20px}.special-card-overlay-bottom h3{margin:0 0 6px;color:#fff;font-size:clamp(.88rem,1.1vw,1.05rem);font-weight:800;text-transform:uppercase;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.5)}.special-card-overlay-bottom p{margin:0;color:#ffffffd1;font-size:clamp(.7rem,.85vw,.8rem);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.specials-cta{text-align:center;margin-top:40px}.specials-cta .btn:after{display:none}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(56px,6vw,96px);padding:clamp(72px,7vw,104px) var(--px);background:var(--sand);overflow:hidden}.about-media{position:relative}.about-img-wrap{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 28px 64px #0f2e3538;aspect-ratio:1/1}.about-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.about-img-wrap:hover img{transform:scale(1.04)}.about-badge{position:absolute;bottom:-20px;right:24px;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:50%;background:var(--orange);color:var(--navy-dark);text-align:center;box-shadow:0 10px 28px #f4a62a80;padding:8px}.badge-number{display:block;font-size:1.4rem;font-weight:800;line-height:1}.badge-label{display:block;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.about-copy{max-width:560px;padding-bottom:20px}.about-title{margin:0 0 16px;color:var(--navy);font-family:Playfair Display,serif;font-size:clamp(2rem,3vw,3.2rem);font-weight:800;line-height:1.12}.about-title em{color:var(--turquoise-deep);font-style:normal;font-family:Caveat,cursive;font-size:1.25em}.about-text{margin:0 0 14px;color:var(--muted);font-size:.91rem;line-height:1.72}.about-text strong{color:var(--navy);font-weight:700}.about-stats{display:flex;align-items:stretch;gap:0;margin:32px 0 36px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;flex:1;text-align:center}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0ea7b51a;color:var(--turquoise-deep);margin-bottom:4px}.stat strong{color:var(--navy);font-size:.76rem;font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}.stat span{font-size:.67rem;font-weight:500;color:var(--muted);line-height:1.4}.stat-divider{width:1px;background:var(--line);flex:0 0 auto;align-self:stretch}.menu-banner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:60px var(--px) 80px;color:#fff;background:linear-gradient(#08222999,#08222999),url(/images/brand/banner-fondo-001.webp) center bottom / cover no-repeat;text-align:center;overflow:hidden}.menu-banner:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:64px;background:var(--navy);clip-path:ellipse(54% 100% at 50% 100%)}.menu-banner p{margin:0;font-family:Caveat,cursive;font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:.9;text-shadow:0 2px 12px rgba(0,0,0,.5)}.menu-banner strong{display:block;margin-top:8px;font-size:clamp(.9rem,1.5vw,1.3rem);font-weight:800;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5)}.menu-banner-cta{margin-top:28px;position:relative;z-index:1}.menu-banner-cta:after{display:none}.footer{background:var(--navy);color:#ffffffb3;font-size:.8rem}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:48px;padding:48px var(--px) 36px}.footer-brand img{width:64px;height:64px;object-fit:contain;margin-bottom:14px}.footer-tagline{margin:0 0 4px;color:#fff;font-family:Caveat,cursive;font-size:1.1rem;font-style:italic}.footer-sub{margin:0 0 18px;font-size:.72rem;color:#ffffff80;letter-spacing:.04em}.footer-social{display:flex;gap:10px}.footer-social-link{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#ffffffbf;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:background .16s ease,color .16s ease,border-color .16s ease}.footer-social-link:hover{background:var(--turquoise-deep);color:#fff;border-color:var(--turquoise-deep)}.footer-col-title{margin:0 0 16px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.footer-nav ul,.footer-hours ul,.footer-contact ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.footer-nav a{color:#ffffffa6;font-size:.8rem;transition:color .16s ease}.footer-nav a:hover{color:var(--turquoise)}.footer-hours li{display:flex;justify-content:space-between;gap:12px;font-size:.78rem}.h-day{color:#ffffff8c}.h-time{color:#ffffffd9;font-weight:600}.footer-contact li{display:flex;align-items:flex-start;gap:8px;color:#ffffffa6;font-size:.78rem;line-height:1.5}.footer-contact li svg{flex:0 0 auto;margin-top:1px;color:var(--turquoise)}.footer-contact a{color:#ffffffd1;transition:color .16s ease}.footer-contact a:hover{color:var(--turquoise)}.footer-order-btn{margin-top:20px;width:100%;justify-content:center}.footer-order-btn:after{display:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px var(--px);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-bottom p{margin:0;font-size:.7rem;color:#fff6}.footer-made{font-family:Caveat,cursive;font-size:.92rem!important;color:#ffffff8c!important}.section-heading{max-width:800px;margin:0 auto 36px;text-align:center}.section-heading p,.section-heading span{display:none}.section-heading h2{margin:0;color:var(--navy);font-family:Playfair Display,serif;font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:800;line-height:1;text-transform:uppercase}.section-heading h2:before,.section-heading h2:after{display:inline-block;width:48px;height:10px;margin:0 18px 8px;background:linear-gradient(135deg,transparent 20%,var(--turquoise) 20% 28%,transparent 28% 38%,var(--turquoise) 38% 46%,transparent 46% 56%,var(--turquoise) 56% 64%,transparent 64%);content:""}@media(max-width:1100px){:root{--px: clamp(32px, 5vw, 64px)}.header{grid-template-columns:auto auto;justify-content:space-between;min-height:62px}.main-nav{position:absolute;top:100%;right:18px;display:none;width:min(290px,calc(100vw - 36px));border:1px solid var(--line);border-radius:var(--radius);background:var(--sand-light);box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.main-nav a{padding:10px 4px;font-size:.82rem}.main-nav a.is-active:after{display:none}.header-actions{display:none}.nav-toggle{display:block}.hero-copy{width:min(540px,60vw)}.feature-strip{margin-top:-50px;min-height:110px;padding:16px var(--px)}.feature-strip article{gap:12px;padding:10px 16px}.feature-icon{width:44px;height:44px}.specials-grid{grid-template-columns:repeat(2,1fr)}.special-card{aspect-ratio:4/5}.about{gap:48px}.about-badge{right:16px}.footer-inner{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1 / -1}}@media(max-width:680px){:root{--px: 20px}.header{min-height:58px}.hero{min-height:540px;padding-bottom:76px;background:linear-gradient(180deg,#fffaf2f7,#fffaf2cc 48%,#fffaf20f 74%),url(/images/brand/hero-fondo.png) 65% center / cover no-repeat}.hero-copy{width:100%;padding-top:44px;padding-left:var(--px)}.hero h1{font-size:clamp(2.5rem,12vw,3.8rem)}.hero h1 span{font-size:clamp(2.2rem,11vw,3.4rem)}.hero-text{max-width:300px;font-size:.84rem}.hero-actions{display:grid;grid-template-columns:1fr;max-width:220px;gap:10px;margin-top:22px}.btn{height:42px;padding:0 18px;font-size:.75rem}.feature-strip{grid-template-columns:repeat(4,minmax(88px,1fr));min-height:92px;margin-top:-46px;overflow-x:auto;padding:12px 14px;box-shadow:0 6px 18px #0f2e3533}.feature-strip article{display:grid;min-width:88px;justify-items:center;border-right:0;padding:8px;text-align:center;gap:5px}.feature-icon{width:36px;height:36px}.feature-strip h2{max-width:88px;font-size:.6rem}.specials{padding:48px var(--px)}.specials-grid{grid-template-columns:repeat(2,1fr);gap:12px}.special-card{aspect-ratio:3/4}.specials-header{margin-bottom:28px}.about{grid-template-columns:1fr;gap:32px;padding:48px var(--px)}.about-badge{right:20px;bottom:-16px;width:86px;height:86px}.about-stats{flex-wrap:wrap}.stat-divider{display:none}.stat{flex:1 1 calc(50% - 1px);min-width:140px}.menu-banner{min-height:220px;padding:48px var(--px) 72px}.menu-banner p{font-size:clamp(2rem,9vw,3rem)}.menu-banner strong{font-size:.82rem;letter-spacing:.16em}.footer-inner{grid-template-columns:1fr;gap:32px;padding:40px var(--px) 28px}.footer-bottom{flex-direction:column;text-align:center}}.menu-section{display:flex;gap:48px;align-items:start}.menu-section.reverse{flex-direction:row-reverse}.menu-content{flex:1;min-width:0;width:100%}.menu-image-container{flex:.8;min-width:280px;position:sticky;top:100px;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0f2e351a;aspect-ratio:4/5}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:48px;align-items:start}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:48px;align-items:center}.about-grid .text-col{order:1}.about-grid .img-col{order:2;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0f2e3526}.about-grid.reverse .text-col{order:2}.about-grid.reverse .img-col{order:1}@media(max-width:800px){.menu-section,.menu-section.reverse{flex-direction:column;gap:24px}.menu-image-container{position:relative;top:0;width:100%;aspect-ratio:16/9;margin-bottom:24px}.about-grid .text-col,.about-grid .img-col,.about-grid.reverse .text-col,.about-grid.reverse .img-col{order:unset}.contact-grid iframe{min-height:250px;height:100%}}
