/* Scrollable Mobile Menu - Solo mobile */
@media (max-width: 768px) {
    .smm-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        align-items: center;
        padding: 15px 10px 0 10px;
        background-color: #fff;
        color: #000;
        border-bottom: 1px solid #ddd;
    }

    .smm-menu {
        list-style: none;
        display: inline-flex;
        padding: 0;
        gap: 15px;
        margin: 0;
    }

    .smm-menu li a {
        display: inline-block;
        padding: 8px 16px;
        color: inherit; /* Hereda color del contenedor */
        text-decoration: none;
        transition: background-color 0.3s, color 0.3s;
        white-space: nowrap;
        border-radius: 50px;
    }

    /* Hover y activo */
    .smm-menu li a:hover,
    .smm-menu li.current-menu-item > a {
        background-color: #f5f5f5;
        color: #7e7e7e;
        border: 1px solid #f5f5f5;
    }
}

/* Ocultar en desktop */
@media (min-width: 769px) {
    .smm-container {
        display: none;
    }
}