/*
  Theme Name: Alma Audio
  Theme URI: https://laprimera.net
  Version: 1.0.0
  Template: Divi
  Author: La Primera Telecomunicación S.L.
  Author URI: https://laprimera.net
  Text Domain: alma-audio
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* --- Contenedor de Filtros Nativos --- */
.custom-subcat-filter {
    margin-bottom: 25px;
}

.custom-subcat-filter ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px; /* Separaci¨®n entre botones */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.custom-subcat-filter ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Estilo Base de las C¨¢psulas (Inactivo) --- */
.custom-subcat-filter ul li a {
    display: inline-block !important;
    background-color: #141414 !important; /* Fondo gris oscuro */
    color: #888888 !important; /* Texto gris atenuado */
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 22px !important;
    border: 1px solid #222222 !important;
    border-radius: 30px !important; /* P¨ªldora perfecta */
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* --- Estado Hover --- */
.custom-subcat-filter ul li a:hover {
    background-color: #1c1c1c !important;
    border-color: #444444 !important;
    color: #ffffff !important;
}

/* --- Estado Activo (Acento Verde de la Categor¨ªa Seleccionada) --- */
.custom-subcat-filter ul li.active a,
.custom-subcat-filter ul li a.active {
    background-color: #141414 !important;
    border-color: #55b326 !important; /* Tu color verde de marca */
    color: #55b326 !important;
    font-weight: 600 !important;
    box-shadow: 0 0 8px rgba(85, 179, 38, 0.15) !important;
}