/*INDEX  - HEADER */

.contactos-header li:hover a , .iconos-header  li:hover a{

    color: var(--color-secundario) ;

}

.contactos-header li:hover i{

    color: var(--color-tipografía);

}


/*INDEX  - HEADER */

/*INDEX - MENU */
#mainav .menu-hamburguesa {

    display: none;

}

@media (max-width: 768px){


    /* #mainav ul{display:none;} */


    #mainav ul{ display: none;}

    #mainav ul.desplegado{
        display: flex;
        flex-direction: column;
    }

    #mainav li a{display:block; padding:15px 0;}


    #mainav ul ul ul.menu-subcategorias{

        left: 60px;
        top:2px;
        background-color: var(--color-secundario);

    }

    #mainav .menu-hamburguesa {

        display: flex;
        justify-content: center;
        align-items: center;

    }

    #mainav .menu-hamburguesa button{

        padding: .6rem 1rem;

    }



}

/*INDEX - MENU */


/* FOOTER */

.enlaces-footer a:hover{

    color: var(--color-terciario);

}

/* FOOTER */




/*VISTA PRODUCTO*/







.contenedor-datos-producto{

    padding: 2rem 3rem;

}

.titulo-producto{

        font-size: 2rem;
        font-weight: bold;
        color: var(--color-terciario);

    }

    .subtitulo-producto{

        font-size: 1rem;
        color: var(--color-tipografía) ;


}

.parrafo-precio .bg-verde{

    background-color: green;

}




/*VISTA PRODUCTO*/





/*TIENDA ONLINE*/




.producto-tienda{

    margin: auto;

}




/*TIENDA ONLINE*/




/* SUBSCRIPCION MENSUAL */




.subscripciones > div{

    border-radius: .6rem;

}





/* SUBSCRIPCION MENSUAL */



/* LISTA SUBSCRIPCION*/

#lista3 {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

#lista3 ol {
    margin: 0 0 0 2em;
}

#lista3 li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: var(--color-tipografía);
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;
}

#lista3 li:hover{
    background: #eee;
}

#lista3 li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: var(--color-terciario);
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

#lista3 li:after{
    position: absolute;
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;
}

#lista3 li:hover:after{
    left: -.5em;
    border-left-color: var(--color-terciario);
}





/* LISTA SUBSCRIPCION*/


/* DESCRIPCIONES DE PRODUCTOS  */

.vermas:hover{

    color:var(--color-secundario);

}

.descripcionOculta{

    animation-name: descripcion ;
    animation-duration: 1s;
    transition: all 1s ease;
}

@keyframes descripcion {

    from{

        color: transparent

    }

    to{

        color:(--color-secundario);

    }


}

/* DESCRIPCIONES DE PRODUCTOS  */