.navbar{position:relative!important}.page-header{padding:150px 0 80px;color:#fff;background:linear-gradient(rgba(44,62,80,.8),rgba(44,62,80,.8)),url(https://muliermutate.info/_tema/site/main/images/menu-header-bg.jpg);background-size:cover;text-align:center;background-position:50%}.page-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.page-header p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.breadcrumb{justify-content:center;font-size:1rem;gap:.5rem;align-items:center;display:flex}.breadcrumb a{text-decoration:none;color:#f7a608;transition:color .3s ease}.breadcrumb a:hover{color:#fff}.breadcrumb span{opacity:.7}.categories-grid{grid-template-columns:1fr 1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.categories-grid{grid-template-columns:1fr;gap:1.5rem}}.section-title{font-size:2rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{height:4px;transform:translateX(-50%);content:"";position:absolute;bottom:-10px;border-radius:2px;background:linear-gradient(45deg,#f7a608,#e6940a);left:50%;width:80px}.menu-categories{padding:3rem 0}.menu-category-card{overflow:hidden;text-decoration:none;transition:all .3s ease;position:relative;aspect-ratio:1/1;cursor:pointer;width:100%;display:block}.menu-category-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.category-image{height:100%;overflow:hidden;position:relative;width:100%}.category-image img{height:100%;transition:transform .3s ease;object-fit:cover;width:100%}.menu-category-card:hover .category-image img{transform:scale(1.1)}.category-overlay{justify-content:center;right:0;transition:all .3s ease;position:absolute;opacity:0;bottom:0;top:0;align-items:center;background:linear-gradient(45deg,rgba(247,166,8,.9),rgba(230,148,10,.9));left:0;display:flex}.menu-category-card:hover .category-overlay{opacity:1}.menu-category-card:hover .category-title{opacity:0}.category-title{padding:30px 20px;position:absolute;bottom:0;left:0;width:100%;font-family:var(--font-bebas);z-index:0}.category-title h3{font-size:50px;font-weight:600;text-shadow:1px 1px 1px #000;color:#fff;margin:0}.category-title .cta-line{border-color:currentcolor #fff #fff;border-top:1px solid #fff;margin:1rem 0 0}.category-info{transform:translateY(20px);color:#fff;transition:transform .3s ease;text-align:center}.menu-category-card:hover .category-info{transform:translateY(0)}.category-info h3{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.category-info p{font-size:1.1rem;margin-bottom:1.5rem;color:#fff;opacity:.9;line-height:1.5}.category-btn{padding:12px 30px;text-decoration:none;font-weight:600;color:#f7a608;transition:all .3s ease;border-radius:50px;background:#fff;display:inline-block}.category-btn:hover{transform:translateY(-2px);color:#fff;background:#2c3e50}.popular-items{padding:5rem 0;background:#f8f9fa}.popular-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.popular-item{overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:20px;background:#fff}.popular-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.item-image{height:200px;overflow:hidden;position:relative}.item-image img{height:100%;transition:transform .3s ease;object-fit:cover;width:100%}.popular-item:hover .item-image img{transform:scale(1.05)}.item-badge{padding:5px 15px;font-size:.8rem;font-weight:600;right:15px;color:#fff;position:absolute;top:15px;border-radius:20px;background:#f7a608}.item-content{padding:1.5rem}.item-content h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.item-content p{margin-bottom:1rem;color:#6c757d;line-height:1.6}.item-price{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#f7a608}.item-link{text-decoration:none;font-weight:600;color:#2c3e50;transition:all .3s ease;gap:.5rem;align-items:center;display:inline-flex}.item-link:hover{color:#f7a608;gap:1rem}.item-link:after{transition:transform .3s ease;content:"→"}.item-link:hover:after{transform:translateX(5px)}.menu-features{padding:5rem 0;background:#fff}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{padding:2rem;transition:all .3s ease;text-align:center;border-radius:15px}.feature-card:hover{transform:translateY(-5px);background:#f8f9fa}.feature-icon{height:80px;justify-content:center;transition:all .3s ease;margin:0 auto 1.5rem;align-items:center;border-radius:50%;background:linear-gradient(45deg,#f7a608,#e6940a);width:80px;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon i{font-size:2rem;color:#fff}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.feature-card p{color:#6c757d;line-height:1.6}.menu-cta{padding:5rem 0;color:#fff;text-align:center;background:linear-gradient(135deg,#2c3e50,#34495e)}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{justify-content:center;flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:768px){.page-header{padding:120px 0 60px}.page-header h1{font-size:2.5rem}.menu-category-card{height:250px}.popular-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width:480px){.page-header h1{font-size:2rem}.menu-category-card{height:300px}.category-title h3{font-size:40px}.category-info h3{font-size:1.5rem}.item-content{padding:1rem}.feature-card{padding:1.5rem}}.fade-in{transform:translateY(30px);transition:all .6s ease;opacity:0}.fade-in.visible{transform:translateY(0);opacity:1}.slide-in-left{transform:translateX(-50px);transition:all .6s ease;opacity:0}.slide-in-left.visible{transform:translateX(0);opacity:1}.slide-in-right{transform:translateX(50px);transition:all .6s ease;opacity:0}.slide-in-right.visible{transform:translateX(0);opacity:1}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}