/* Estilos generales del footer */
footer {
    background-color: #002244;
    /* Fondo azul oscuro */
    color: #ffffff;
    /* Texto en blanco */
    padding: 20px;
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
}

/* Estilos para las secciones del footer */
.footer-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px;
}

/* Eliminar la línea divisoria de la última sección */
.footer-section:last-child {
    border-bottom: none;
}

/* Estilos para los divs izquierdo y derecho */
.footer-left,
.footer-right {
    flex: 1;
    /* Ocupan el mismo espacio */
    padding: 5px 10px;
}

/* Estilos para los elementos de la izquierda */
.footer-left {
    text-align: left;
}

/* Estilos para los elementos de la derecha */
.footer-right {
    text-align: right;
}

/* Estilos para los enlaces */
footer a {
    color: #ffffff;
    /* Texto en blanco */
    text-decoration: none;
    /* Sin subrayado */
    transition: color 0.3s;
}

footer a:hover {
    color: #D4AF37;
    /* Color dorado al hacer hover */
}

.footer-credits {
    border-top: 2px solid #011e3b; /* Línea superior dorada */
    background-color: #002244;
    font-size: 0.8em;
    /* Tamaño de fuente más pequeño */
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    padding: 20px;
}

/* Estilos responsivos */
@media (max-width: 768px) {
    .footer-section {
        flex-direction: column;
        /* Cambiar a disposición vertical en móviles */
        text-align: center;
        padding: 10px 0;
    }

    .footer-left,
    .footer-right {
        padding: 10px 0;
        /* Espaciado vertical en móviles */
    }

    .footer-left, .footer-right {
        text-align: center;
    }

}