/* ===============================
   FOOTER
   =============================== */
/* ===============================
   FOOTER (OPTIMIZADO + ACCESIBLE)
   =============================== */

footer {
    background: var(--color-footer);
    color: var(--gray-300);
    font-size: 0.9rem;
}

/* Navegación legal */
footer ul.navbar-nav {
    display: flex;
}

@media (min-width: 768px) {
    footer ul.navbar-nav {
        flex-direction: row;
    }
}

footer ul.navbar-nav li a {
    color: var(--text-primary);
    margin-left: 20px;
    font-size: 0.8rem;
    letter-spacing: 1px;
    transition: color 0.3s;
}



/* Estructura */
.footer-top,
.footer-bottom {
    border-top: 1px solid #222;
}

.footer-top {
    padding: 60px 20px;
}

.footer-bottom {
    padding-top: 20px;
}

/* Columnas */
.footer-content {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    flex-wrap: wrap;
}

.footer-col h5 {
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
}

/* Enlaces */
.footer-col a {
    color: #e0e0e0;
    text-decoration: none;
}

/* Logos */
.logos-footer .view-content {
    display: flex;
    align-items: center;
}

.logos-footer .view-content {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

@media (max-width: 768px) {
    .logos-footer .view-content {
        justify-content: center;
    }
}

.logos-footer img {
    width: auto;
    height: auto;
    min-width: 240px;
    /* ← CLAVE */
    max-width: 180px;
    min-height: 60px;
    /* ← evita 0px */
    max-height: 80px;
    object-fit: contain;
    display: block;
}

/* RRSS */
.rrss-footer .view-content {
    display: flex;
    align-items: center;
}

.icono-rrss {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icono-rrss img {
    height: 40px;
}

/* ===== FIX MOBILE LOGOS + RRSS ===== */

footer .region-footer {
    display: flex;
}

@media (max-width: 768px) {

    footer ul.navbar-nav {
        flex-direction: column;
        gap: 10px;
    }

    footer ul.navbar-nav li a {
        margin-left: 0;
    }

    .footer-bottom .container {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    footer .region-footer {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    /* Logos al principio */
    .logos-footer {
        display: flex;
        justify-content: flex-start;
        margin: 20px 0;
    }

    .logos-footer .view-content {
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
    }

    .logos-footer img {
        min-width: 100px;
        max-width: 160px;
        min-height: 60px;
        max-height: 50px;
    }

    .icono-rrss {
        min-width: 44px;
        min-height: 44px;
        padding: 6px;
        /* reduce “aire” visual */
    }

    .icono-rrss img {
        height: 32px;
    }

    .rrss-footer .view-content > div {
        margin: 0;
        /* elimina márgenes heredados de Views */
    }
}

/* RRSS centradas y con wrap */
.rrss-footer .view-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    max-width: 250px;
}

footer .region-footer {

    width: 100%;
    align-items: center;
    justify-content: space-between;
}


nav#block-b5subtheme-piedepagina li:first-child > a.nav-link {
    margin: 0;
}