:root{--bg-color:#0f1115;--surface-color:#1e2128b3;--surface-border:#ffffff14;--primary-color:#d4af37;--primary-glow:#d4af374d;--text-main:#f8f9fa;--text-muted:#a0a5b1;--font-main:"Outfit", sans-serif;--header-height:70px;--bottom-nav-height:80px;--border-radius-lg:20px;--border-radius-md:14px;--border-radius-sm:10px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;overflow:hidden}#app{background-image:linear-gradient(#0f1115cc,#0f1115f2),url(/background.jpg);background-position:50%;background-size:cover;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative}.app-header{height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--surface-border);background:#0f111580;justify-content:center;align-items:center;padding:0 20px;display:flex}.logo-container{align-items:center;gap:10px;display:flex}.logo-image{width:auto;height:40px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%}.logo-text{letter-spacing:.5px;font-size:1.25rem;font-weight:600}.app-content{flex:1;position:relative;overflow:hidden}#announcement-banner{color:#fff;z-index:50;background:linear-gradient(135deg,#e74c3c,#c0392b);align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:600;animation:.4s forwards slideDown;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 15px #e74c3c66}#announcement-banner .material-symbols-rounded{font-size:24px;animation:2s infinite pulse}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.view{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--transition-normal), transform var(--transition-normal);padding-bottom:30px;position:absolute;top:0;left:0;overflow-y:auto;transform:translateY(10px)}.view.active{opacity:1;visibility:visible;transform:translateY(0)}.category-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;scrollbar-width:none;background:#0f1115e6;gap:12px;padding:15px 20px;display:flex;position:sticky;top:0;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);border:1px solid var(--surface-border);font-family:var(--font-main);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:30px;padding:8px 16px;font-size:.9rem;font-weight:500}.tab-btn.active{background:var(--primary-color);color:#000;border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-glow)}.menu-container{flex-direction:column;gap:15px;padding:10px 20px;display:flex}.menu-section-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--surface-border);opacity:0;margin-top:10px;margin-bottom:5px;padding-bottom:5px;font-size:1.4rem;font-weight:700;animation:.4s forwards slideUp}.menu-item{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;justify-content:space-between;align-items:flex-start;gap:15px;padding:16px;animation:.4s forwards slideUp;display:flex}.menu-item-content{flex:1}.menu-item-title{margin-bottom:4px;font-size:1.1rem;font-weight:600}.menu-item-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.85rem;display:-webkit-box;overflow:hidden}.menu-item-allergens{gap:6px;display:flex}.allergen-icon{color:var(--text-muted);background:#ffffff1a;border-radius:4px;padding:4px;font-size:14px}.menu-item-price{color:var(--primary-color);white-space:nowrap;font-size:1.1rem;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.location-header{text-align:center;padding:25px 20px 15px}.location-header h2{color:var(--primary-color);margin-bottom:8px;font-size:1.8rem}.location-header p{color:var(--text-muted);font-size:.95rem}.map-container{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);width:100%;height:250px;margin-top:10px}.matterport-wrapper{padding:25px 20px 0}.matterport-container{aspect-ratio:16/9;border-radius:var(--border-radius-lg);border:1px solid var(--surface-border);width:100%;overflow:hidden;box-shadow:0 4px 12px #0003}.matterport-container iframe{width:100%;height:100%}.location-info{flex-direction:column;gap:20px;padding:25px 20px;display:flex}.info-item{align-items:flex-start;gap:15px;display:flex}.info-item .material-symbols-rounded{color:var(--primary-color);margin-top:2px;font-size:28px}.info-item strong{margin-bottom:2px;font-size:1.05rem;display:block}.info-item p{color:var(--text-muted);font-size:.9rem}.call-btn{background:var(--primary-color);color:#000;border-radius:var(--border-radius-md);box-shadow:0 4px 15px var(--primary-glow);transition:transform var(--transition-fast);justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.call-btn:active{transform:scale(.98)}.bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--surface-border);padding-bottom:env(safe-area-inset-bottom);background:#0f1115d9;justify-content:space-around;align-items:center;display:flex}.nav-item{color:var(--text-muted);font-family:var(--font-main);cursor:pointer;width:50%;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.nav-item span:first-child{transition:transform var(--transition-fast);font-size:26px}.nav-item span:last-child{font-size:.75rem;font-weight:500}.nav-item.active{color:var(--primary-color)}.nav-item.active span:first-child{filter:drop-shadow(0 2px 4px var(--primary-glow));transform:translateY(-2px)}.home-hero{text-align:center;padding:30px 20px 20px;animation:.5s forwards slideUp}.home-hero h2{color:var(--primary-color);letter-spacing:.5px;margin-bottom:10px;font-size:2.2rem}.home-hero p{color:var(--text-main);text-shadow:0 2px 4px #000c;font-size:1.05rem;line-height:1.6}.recommendation-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:10px 20px 30px;padding:25px 20px;animation:.6s forwards slideUp;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.recommendation-card:before{content:"";background:linear-gradient(90deg, var(--primary-color), #ffeb3b);height:4px;position:absolute;top:0;left:0;right:0}.recommendation-badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;background:#d4af3733;border-radius:20px;align-items:center;gap:5px;margin-bottom:15px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.recommendation-badge span{font-size:16px}.recommendation-card h3{margin-bottom:10px;font-size:1.5rem}.recommendation-card p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.cta-btn{background:var(--primary-color);color:#000;border-radius:var(--border-radius-md);width:100%;font-family:var(--font-main);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 4px 15px var(--primary-glow);border:none;padding:14px;font-size:1.1rem;font-weight:700;display:block}.cta-btn:active{transform:scale(.98)}.lang-btn{border:1px solid var(--surface-border);color:var(--text-main);font-family:var(--font-main);cursor:pointer;transition:background var(--transition-fast);background:#ffffff1a;border-radius:20px;padding:6px 12px;font-weight:600;position:absolute;right:20px}.lang-btn:active{background:#fff3}.quote-card{border-left:4px solid var(--primary-color);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;background:linear-gradient(135deg,#1e2128cc,#0f1115e6);align-items:flex-start;gap:15px;margin:10px 20px 20px;padding:20px;animation:.7s forwards slideUp;display:flex;box-shadow:0 4px 15px #0000004d}.quote-icon{color:var(--primary-color);opacity:.8;font-size:32px}.quote-card p{color:#e0e0e0;margin:0;font-size:1.05rem;font-style:italic;line-height:1.5}.reviews-card{border:1px solid var(--surface-border);border-radius:var(--border-radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2128b3;margin:10px 20px 30px;padding:25px 20px;animation:.8s forwards slideUp}.stars{color:#ffb300;margin-bottom:10px}.stars span{filter:drop-shadow(0 0 5px #ffb30080);font-size:28px}.reviews-card h3{margin-bottom:8px;font-size:1.4rem}.reviews-card p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.review-btn{color:#3c4043;transition:transform var(--transition-fast);background:#fff;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #0003}.review-btn:active{transform:scale(.98)}.google-icon{width:24px;height:24px}.menu-dia-card,.ofertas-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:10px 20px 30px;padding:25px 20px;animation:.6s forwards slideUp;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.menu-dia-card:before{content:"";background:linear-gradient(90deg,#2ecc71,#27ae60);height:4px;position:absolute;top:0;left:0;right:0}.ofertas-card:before{content:"";background:linear-gradient(90deg,#e74c3c,#c0392b);height:4px;position:absolute;top:0;left:0;right:0}.menu-dia-card h3,.ofertas-card h3{margin-bottom:15px;font-size:1.5rem}.ofertas-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.ofertas-list li{border-radius:var(--border-radius-sm);border-left:3px solid var(--primary-color);background:#ffffff0d;justify-content:space-between;align-items:center;padding:12px;display:flex}.ofertas-list li .day{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.ofertas-list li .offer{font-size:1rem;font-weight:600}.ofertas-list li.special-offer{background:#d4af371a;border-left:3px solid #f1c40f}.ofertas-list li.special-offer .day{color:#f1c40f}.daily-menu-item{border-bottom:1px dashed var(--surface-border);justify-content:space-between;padding:8px 0;display:flex}.daily-menu-item:last-child{border-bottom:none}.daily-menu-name{font-weight:600}.daily-menu-price{color:var(--primary-color);font-weight:700}
