/* ============================
   Estilos del Footer GTO
   ============================ */

footer.gto-footer {
    background-color: #C8D8EB; /* 👈 igual que WordPress */
    color: #004b87;
    border-top: 1px dotted #ABABAB;
    margin: 0 auto;
    position: relative;
    font-size: 13px;
    font-family: 'Proxima Nova', sans-serif;
    text-align: left; /* 👈 alineación más natural */
    padding: 30px 0;
}

    /* 🔹 Enlaces y textos principales */
    footer.gto-footer a,
    footer.gto-footer h4,
    footer.gto-footer p,
    footer.gto-footer li {
        color: #004b87;
        font-size: 13px;
        font-family: 'Proxima Nova', sans-serif;
        text-align: left; /* 👈 alineación más natural */
        /*font-weight: bold;*/ /* 👈 ahora en negritas */
        text-decoration: none;
        padding: 0 0;
    }

    footer.gto-footer li {
        margin: 0px 11px;
    }

        footer.gto-footer a:hover {
            color: #3399FF; /* 🔹 azul más claro */
            text-decoration: none; /* 👈 sin subrayado */
        }

/* 🔹 Widgets dentro del footer */
.gto-footer .gto-widget,
.gto-footer .gto-widget a,
.gto-footer .gto-widget a:link,
.gto-footer .gto-widget a:visited,
.gto-footer .gto-widget a:hover {
    text-align: left;
}

/* 🔹 Bloques de texto especiales */
.gto-footer-text a,
.gto-footer-text a:link {
    color: #004b87;
    font-size: 11px;
    font-family: 'Proxima Nova', sans-serif;
    text-decoration: none;
}

    .gto-footer-text a,
    .gto-footer-text a:link,
    .gto-footer-text a:visited,
    .gto-footer-text a:hover,
    .gto-footer-text td,
    .gto-footer-text th,
    .gto-footer-text caption {
        color: #004b87;
        font-size: 11px;
        font-family: 'Proxima Nova', sans-serif;
    }

.gto-footer-text p {
    padding: 0;
    text-align: left;
}

/* 🔹 Sección inferior */
footer.gto-footer .footer-bottom {
    margin-top: 10px;
    /*border-top: 1px solid #b9c8e6;*/
    padding-top: 10px;
    font-size: 13px;
    font-family: 'Proxima Nova', sans-serif;
    text-align: left;
}

footer.gto-footer .fa-exclamation-circle {
    color: #ffc107; /* amarillo estilo Bootstrap warning */
    font-size: 1.2em; /* opcional, para que resalte un poco más */
    margin-right: 6px; /* espacio entre ícono y texto */
}

.images-logos {
    margin-bottom: 20px; /* espacio debajo de los logos */
}

    .images-logos img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0; /* 👈 quita el centrado */
        text-align: left; /* por claridad */
    }

/* Logo 1 */
.logo-gto {
    max-height: 60px;
    width: auto;
}

/* Logo 2 */
.logo-two {
    max-height: 50px;
    width: auto;
}
/* Alineación en pantallas grandes */
@media (min-width: 768px) {
    
    .logo-gto {
        margin-right: auto;
    }

    .logo-two {
        margin-left: auto;
    }
}

/* Alineación en pantallas chicas */
@media (max-width: 767px) {
    .images-logos {
        justify-content: center; /* ambos centrados */
        text-align: center;
    }

        .images-logos img {
            margin: 10px 0;
        }
}

/* ============================
   FIX FOOTER SIN ROMPER LAYOUT
   ============================ */

/* Asegurar ancho consistente con header y main */
footer.gto-footer .footer-veda {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Desktop */
@media (min-width: 992px) {

    footer.gto-footer .footer-veda > .row {
        display: flex;
        flex-wrap: wrap;
    }

        /* Columna izquierda (Atención + Sede) */
        footer.gto-footer .footer-veda > .row > .col-sm-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        /* Transparencia */
        footer.gto-footer .footer-veda > .row > .trans {
            flex: 0 0 25%;
            max-width: 25%;
        }

        /* Redes */
        footer.gto-footer .footer-veda > .row > .redes {
            flex: 0 0 25%;
            max-width: 25%;
        }
}


/* ============================
   FIX footer-bottom debajo
   ============================ */

/* Forzar que footer-bottom baje debajo de las 4 columnas */
footer.gto-footer .footer-bottom {
    width: 100%;
    flex-basis: 100%;
    display: block;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px dotted #ABABAB;
}

/* Desktop: 2 columnas abajo (6 + 6) */
@media (min-width: 992px) {

    footer.gto-footer .footer-bottom > .col-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

footer.gto-footer .row {
    margin-left: 0;
    margin-right: 0;
}