.footer {
    background-color: #2e3a94; /* Color de fondo azul */
    color: #fff; /* Color de texto blanco */
    padding: 10px 0;
    text-align: center;
}

.col-12 img{
    width: 70%;
    
}
/*.footer .social-icons a {
    color: #fff;
    font-size: 1.5rem;
    margin: 0 10px;
    transition: color 0.3s ease;
    
}*/
/*------------------------------------------------------------REDES SOCIALES-----------------------------------------------------------*/

/* Estilo general para los íconos */
.footer .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px; 
    height: 50px;
    border-radius: 15%;
    border: 2px solid #fff; /* Borde blanco */
    color: #fff;
    font-size: 1.5rem;
    margin: 0 10px;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

/* Animación de rebote continua */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

/* Mantener rebote mientras el cursor está sobre el ícono */
.footer .social-icons a:hover {
    animation: bounce 0.6s infinite ease-in-out;
}

/* Colores específicos para cada red social */
.footer .social-icons .bi-facebook:hover {
    color: #1877f2;
    border-color: #1877f2;
}
.footer .social-icons .bi-instagram:hover {
    color: #e4405f;
    border-color: #e4405f;
}
.footer .social-icons .bi-twitter-x:hover {
    color: #1da1f2;
    border-color: #1da1f2;
}
.footer .social-icons .bi-whatsapp:hover {
    color: #25d366;
    border-color: #25d366;
}
/*NUEVO*/
.footer .social-icons .bi-youtube:hover {
    color: #d32525;
    border-color: #d32525;
}
.footer .social-icons .bi-linkedin:hover {
    color: #0077b5;
    border-color: #0077b5;
}

@media (max-with: 760px){
    .footer {
        width: 100%;
    }
}
/*--------------------------------Cintillo de Copyright-------------------------------------------*/
.copyright {
    background-color: #27c9ad; /* Franja verde */
    text-align: center;
    padding: 10px 0;
    font-size: 0.9rem;
    color:white;
}