/* Footer general */
#cja {
    background-color: aliceblue ;  /* Fondo oscuro */
    color: black;           /* Texto claro */
    

}

/* Contenedor */
.footer-container {
    padding: 10px 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}

/* Logo */

.logo{
    height: 80px;
}

.footer-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* recorta para llenar */
    display: block;
    border-radius: 50%;       /* Circular */
    border: 2px solid rgba(211, 194, 194, 0.74);
}

/* Texto */
#cja p {
    margin: 5px 0;
    font-size: 14px;
}

/* Enlaces */
.footer-links a {
    color: black;
    text-decoration: none;
    margin: 0 10px;
    font-size: 20px;
}

.footer-links a:hover {
    text-decoration: underline;
}

/* Redes sociales */

.footer-social
{
    display: flex;
    flex-direction: row;
}

.footer-social a {
    align-items: center;
    color:  black;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    margin: 5px;
    text-decoration: none;
}


.footer-social .fa-facebook-f 
{
   
     background-color: #1877F2;
     color: whitesmoke;
   
     justify-content: center;
     border-radius: 10%;
     text-align: center;
  
}


.footer-social i
{
    display: flex;
    justify-content: center; /* centra horizontalmente */
    align-items: center;     /* centra verticalmente */
    width: 40px;
    height: 40px;
    margin: 5px;


}

.footer-social i:hover{
    background-color: rgba(64, 184, 253, 0.635);
}

.footer-social .fa-instagram 
{
  
     background-color: #E4405F;
     color: whitesmoke;
     
     border-radius: 10%;
}



.footer-social .fa-whatsapp 
{
    
     background: rgb(83, 255, 97);
     color: rgb(255, 255, 255);
     
     border-radius: 10%;
     
}



@media (max-width: 800px)
{

.footer-container 
{
    display: flex;
    flex-direction: column;
   
}

.footer-social 
{
    display: flex;
    flex-direction: column;
    font-size: 50px;
}

.footer-social h2
{
    display: flex;
    flex-direction: column;
    font-size: 50px;
}

.footer-social i:hover{
    background-color: rgba(64, 184, 253, 0.635);
}

}