.main-menu.menu-light .navigation li a span {
    display: inline !important;
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu {
    width: 270px !important;
}
body.vertical-layout.vertical-menu.menu-expanded .content{
    margin-left: 270px
}
.vertical-overlay-menu .main-menu{
    width: 270px !important;
}
#search {
    margin-bottom: 20px;
}

.modal-header {
    border-bottom: none !important;
}
.modal-footer{
    border-top: none !important;
}

.product-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}
@media (max-width: 576px) { /* XS: Pantallas menores a 576px */
    .product-list {
        grid-template-columns: repeat(2, minmax(50%, 1fr)); /* Garantiza columnas del 50% */
        gap: 5px;
    }
}

.product-card {
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    text-align: center;
}
@media (max-width: 576px) { /* XS: Pantallas menores a 576px */
    .product-card {
        border-radius: 8px;
        padding: 5px;
        word-wrap: break-word; /* Fuerza el ajuste de palabras largas */
    }
}


.imagen-producto {
    width: 100%;            /* Ancho fijo de 150px */
    height: 180px;           
    display: flex;           /* Flexbox para centrar la imagen */
    align-items: center;     /* Centrado vertical */
    justify-content: center; /* Centrado horizontal */
    overflow: hidden;        /* Ocultar el desbordamiento si la imagen es más grande */
    margin-bottom: 20px;
}

.imagen-producto img {
    max-width: 100%;         /* Ajustar el ancho máximo */
    max-height: 100%;        /* Ajustar el alto máximo a 150px */
    object-fit: contain;     /* Escalar la imagen sin deformarla */
}