.image-container {
    position: relative;
    display: block;
}

.overlay-text {
    position: absolute;
    top: 0;
    color: white;  /* Color del texto, elige según tu diseño */
    box-sizing: border-box;
    left: 0;
    padding: 50px;
}

.overlay-image {
    position: absolute;
    top: 5rem;
    box-sizing: border-box;
    left: 0;
    width: 250px;
    padding: 50px;
}

.footer {
    background-color: #123658;
    color: white;
}

.footer-izquierda {
    text-align: left;
}

.footer-centro {
    text-align: center;
}

.footer-derecha {
    text-align: right;
}

.footer-logo {
    width: 80%; 
    height: auto; 
    max-width: 200px; 
}

.footer-social-logo {
    height: 2rem; 
    width: auto; 
}

.footer-derecha .footer-link {
    color: white;         /* Establece el color del texto a blanco */
    text-decoration: none; /* Elimina el subrayado de los enlaces */
}

.footer-derecha .footer-link:hover {
    text-decoration: underline; /* Opcional: añade subrayado al pasar el mouse para mejorar la interactividad */
}