/* Créditos Metabiblioteca */

.myCredits {
    background-color: var(--color02);
    text-align: center;
    color: #fff;
}

.myCredits a {
    color: #fff;
    font-family: "Poppins", sans-serif !important;
}

.myCredits img {
    width: 45px;
}

.myCredits {
    padding: 7px;
}

footer.footer-gobierno {
    border-top: 1px solid #dfdfdf;
}

/* Estilos del contenedor principal del footer */
.footer-gobierno {
    background-color: #ffffff; /* Fondo blanco */
    width: 100%;
    font-family: Arial, Helvetica, sans-serif; /* Tipografía estándar limpia */
    box-sizing: border-box;
}

/* Contenedor interno para alinear los elementos */
.footer-container {
    display: flex;
    justify-content: space-between; /* Separa logo a la izq y texto a la der */
    align-items: center; /* Centra verticalmente */
    padding: 15px 40px; /* Espaciado interno */
    max-width: 1200px; /* Ancho máximo sugerido */
    margin: 0 auto; /* Centrar en pantalla */
}

/* Estilos para el logo */
.footer-logo img {
    height: 55px; /* Altura ajustada para coincidir con la imagen */
    width: auto;
    display: block;
}

/* Estilos para el texto de la derecha */
.footer-info {
    text-align: right; /* Alineación a la derecha */
    color: #333333; /* Color de texto gris oscuro */
    font-size: 12px; /* Tamaño de letra pequeño y legible */
    line-height: 1.4; /* Espaciado entre líneas */
}

.footer-info p {
    margin: 0; /* Eliminar márgenes por defecto de los párrafos */
    font-weight: 400;
}

/* Barra tricolor inferior (Amarillo, Azul, Rojo) */
.footer-bar {
    width: 100%;
    height: 6px; /* Grosor de la línea inferior */
    background: linear-gradient(to right, 
        #FFDD00 0%, #FFDD00 50%,  /* Amarillo ocupa el 50% */
        #034EA2 50%, #034EA2 75%, /* Azul ocupa el 25% */
        #ED1C24 75%, #ED1C24 100% /* Rojo ocupa el 25% */
    );
    border: none;
}

/* Ajuste para móviles (Responsive) */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* Uno debajo del otro en móviles */
        text-align: center;
        padding: 20px;
        gap: 15px;
    }
    
    .footer-info {
        text-align: center;
    }
}