/**
 * Estilos para la navegación de categorías
 */

/* Contenedor principal */
#nav-categories {
    padding: 0;
    margin: 0;
    width: 100%;
}

#nav-categories-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

/* Navegación de categorías */
.categories-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #eee;
}

/* Menú de categorías */
.sites360-categories-nav {
    width: 100%;
    padding: 0;
    margin: 0;
}

.sites360-categories-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}

/* Elementos del menú */
.sites360-category-item {
    margin: 0;
    padding: 0;
}

/* Enlaces de categorías */
.sites360-category-item a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 4px solid transparent;
}

/* Hover y estado activo */
.sites360-category-item a:hover,
.sites360-category-item.active a {
    border-bottom-color: #f43f5e; /* Color dorado, igual que en enlaces externos y logo */
    color: #f43f5e; /* Color dorado para el texto también */
}

/* Media queries */
@media (max-width: 768px) {
    #nav-categories {
        display: none;
    }
}