body.ocultar-header header.cabecera {
  display: none !important;
}

/* Fuentes y tipografía */
.container body {
    font-family: "GT Walsheim Pro", sans-serif;
    color: #5c5a52;
    background: #e7e2cf;
    font-size: 1.4rem; /* antes 1.6rem */
}

.container h1, h2, h3, h4 {
    font-family: "Reckless Neue", sans-serif;
    color: #5c5a52;
    text-transform: uppercase;
}

/* Food Cards */
.food-card {
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 4px 12px rgba(92, 90, 82, 0.1);
    border-radius: 6px !important;
}

.food-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 24px rgba(92, 90, 82, 0.15);
}

.food-card img {
    border-bottom: 1px solid #e7e2cf;
    transition: transform 0.3s ease;
}

.food-card:hover img {
    transform: scale(1.05);
}

/* Price Tag */
.price-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #5c5a52;
    color: #e7e2cf;
    padding: 5px 10px; /* antes 6px 12px */
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.2rem; /* antes 1.4rem */
    transition: all 0.3s ease;
}

.food-card:hover .price-tag {
    background: #e7e2cf;
    color: #5c5a52;
    transform: scale(1.1);
}

/* Category Buttons */
.category-btn {
    font-family: "GT Walsheim Pro", sans-serif;
    font-weight: 500;
    color: #5c5a52;
    background: #e7e2cf;
    border: 2px solid #5c5a52;
    font-size: 1.3rem; /* añadido */
    padding: 0.6rem 2rem; /* ajustado */
    transition: all 0.3s ease;
    border-radius: 0px !important;
}

/* Estilo para botones no activos al hacer hover */
.category-btn:not(.active):hover {
    background: #e7e2cf;
    color: #616161; /* gris para texto */
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(92,90,82,0.15);
}

.category-btn:hover, .category-btn.active {
    background: #5c5252;
    color: #e7e2cf;
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(92,90,82,0.15);
}

/* Section Titles */
.menu-section h2 {
    border-color: #5c5a52;
    margin-bottom: 1.5rem; /* antes 2rem */
    font-size: 2.2rem; /* antes 2.8rem */
    position: relative;
}

.menu-section h2::after {

}

/* Food Card Text */
.food-card h3 {
    font-size: 1.5rem; /* antes 1.8rem */
    font-weight: 700;
    color: #5c5a52;
    margin-bottom: 0.4rem; /* antes 0.5rem */
}

.food-card p {
    color: #5c5a52;
    font-weight: 400;
    font-size: 1.3rem; /* antes 1.5rem */
    line-height: 1.5; /* antes 1.6 */
}

/* Cart Modal */
#cartModal {
    background: rgba(92,90,82,0.95);
}

#cartModal .bg-white {
    background: #e7e2cf;
    border-radius: 15px;
    overflow: hidden;
}

#cartModal h3 {
    color: #5c5a52;
    font-size: 1.5rem; /* antes 1.8rem */
}

#cartModal button {
    background: #5c5a52;
    color: #e7e2cf;
    font-size: 1.3rem; /* añadido */
    padding: 0.6rem 2rem; /* ajustado */
    transition: all 0.3s ease;
}

#cartModal button:hover {
    background: #e7e2cf;
    color: #5c5a52;
    box-shadow: 0 6px 12px rgba(92,90,82,0.2);
}

/* Animaciones suaves */
.animate-fadeInOut {
    animation: fadeInOut 2.3s ease forwards;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(-10px); }
    10% { opacity: 1; transform: translateY(0); }
    90% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-10px); }
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .food-card {
        margin-bottom: 20px; /* antes 25px */
    }
}