/*MENU REDES SOCIALES*/
.menu-redes{
    position:fixed;
    bottom:35px;
    right:25px;
    width:75px;
    height:75px;
    z-index:99999;
}

/*BOTON PRINCIPAL*/
.boton-redes{
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    padding: 0 !important; /*Evitamos que se deforme en el index*/
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;  
    border-radius: 50%;
    background: #FFD700 !important; 
    color: #000 !important;
    border: 1px solid transparent;
    font-size: 32px !important;
    cursor: pointer;
    transition: transform .55s cubic-bezier(.22,1,.36,1), background .25s, color .25s, border-color .25s, box-shadow .25s ease;
}

.boton-redes i { /*Forzamos al icono + a quedarse ahí*/
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

.boton-redes:hover {
    background: #000 !important;
    color:var(--dorado);
    border-color:var(--dorado);
    color: #FFD700 !important;
    box-shadow: 0 0 8px orange, 0 0 15px orange, 0 0 30px gold;
}

/*Hacer que el icono + gire*/
.menu-redes.activo .boton-redes{
    background: #000 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
    transform: rotate(45deg);
}

.menu-redes.activo .boton-redes:hover{
    background: #000 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
    transform: rotate(45deg) scale(1.10);

}

/*Redes*/
.social{
    position:absolute;
    left:2px;
    top:2px;
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:white;
    font-size:24px;
    opacity:0;
    pointer-events:none;
    transition: transform .45s ease, opacity .35s ease, box-shadow .25s ease, filter .25s ease;

}

/*Colores*/
.whatsapp{
    background:#25D366;
}
.facebook{
    background:#1877F2;
}
.ubicacion{
    background:#E53935;
}

/*Efectos*/
/* WhatsApp */
.menu-redes.activo .whatsapp:hover{
    transform:translate(-90px,-5px) scale(1.20);

    filter:
        drop-shadow(0 0 8px orange)
        drop-shadow(0 0 15px orange)
        drop-shadow(0 0 25px gold);
}

/* Facebook */
.menu-redes.activo .facebook:hover{
    transform:translate(-78px,-78px) scale(1.20);

    filter:
        drop-shadow(0 0 8px orange)
        drop-shadow(0 0 15px orange)
        drop-shadow(0 0 25px gold);
}

/* Ubicación */
.menu-redes.activo .ubicacion:hover{
    transform:translate(-5px,-108px) scale(1.20);

    filter:
        drop-shadow(0 0 8px orange)
        drop-shadow(0 0 15px orange)
        drop-shadow(0 0 25px gold);
}

/*Posiciones de los logos de Redes*/
/* WhatsApp */
.menu-redes.activo .whatsapp{
    transform:translate(-100px,-5px);
    opacity:1;
    pointer-events:auto;

}

/* Facebook */
.menu-redes.activo .facebook{
    transform:translate(-85px,-85px);
    opacity:1;
    pointer-events:auto;

}

/* Ubicación */
.menu-redes.activo .ubicacion{
    transform:translate(-5px,-115px);
    opacity:1;
    pointer-events:auto;
}