/* Archivo: wp-content/themes/cellca/css/menu-icons.css */

.menu-principal-class > ul > li.menu-item-parent > a::after {
    content: url('../../img/iconos/fechamenu.svg');
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.menu-principal-class .sub-menu .menu-item-cellca-distribucion a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../img/iconos/distribution.svg');
    mask-image: url('../../img/iconos/distribution.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item a:hover::before {
    fill: var(--gradiente-hover);
}

.menu-principal-class .sub-menu .menu-item a:hover {
    background: var(--gradiente-hover);
    -webkit-background-clip: text;
    color: transparent;
    transform: scale(1.1);
}

.menu-principal-class .sub-menu .menu-item a:hover::before {
    background: var(--gradiente-hover);
}

.menu-principal-class .sub-menu .menu-item-cellca-outsourcing a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/outsourcing.svg');
    mask-image: url('../../img/iconos/outsourcing.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item-cellca-tecnologia a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/tecnologia.svg');
    mask-image: url('../../img/iconos/tecnologia.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item-cellca-e-learning a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/elearning.svg');
    mask-image: url('../../img/iconos/elearning.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item-planes-moviles a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/moviles.svg');
    mask-image: url('../../img/iconos/moviles.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item-planes-pyme a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/pyme.svg');
    mask-image: url('../../img/iconos/pyme.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item-planes-hogar a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/hogar.svg');
    mask-image: url('../../img/iconos/hogar.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}

.menu-principal-class .sub-menu .menu-item-recarga-electronica a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url('../../img/iconos/recarga.svg');
    mask-image: url('../../img/iconos/recarga.svg');
    mask-size: contain;
    background-color: var(--gris);
    transition: background-color 0.3s ease;
    margin-right: 10px;
}