/*
 * JUNTA FV - PORTAL-UX-A4-C3-C2-R1
 * Columnas independientes, sin mover el HTML
 * permanentemente ni modificar el JS existente.
 */

/* Sin JavaScript, permanece la cuadricula original.
   El nuevo layout solo se activa tras comprobar
   que todas las tarjetas estan presentes. */

@media (min-width: 621px) {

    body.portal-ux-a4 #noticias.grid-top.jfv-c3-independent,
    body.portal-ux-a4 #resumen-comunidad.home-extra.jfv-c3-independent {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        align-items: start;
        gap: 16px;
    }

    body.portal-ux-a4 #noticias.jfv-c3-independent > .jfv-c3-stack,
    body.portal-ux-a4 #resumen-comunidad.jfv-c3-independent > .jfv-c3-stack {
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-width: 0;
        align-self: start;
    }

    body.portal-ux-a4 #noticias.jfv-c3-independent .jfv-c3-stack > article.card,
    body.portal-ux-a4 #resumen-comunidad.jfv-c3-independent .jfv-c3-stack > article.card {
        min-width: 0;
        min-height: 0;
        height: auto;
        align-self: stretch;
    }
}

/* Proteccion del contenido dinamico */
body.portal-ux-a4 #noticias .mini-item,
body.portal-ux-a4 #resumen-comunidad .mini-item {
    min-width: 0;
}

body.portal-ux-a4 #noticias .mini-item b,
body.portal-ux-a4 #resumen-comunidad .mini-item b,
body.portal-ux-a4 #resumen-comunidad .mini-item small {
    overflow-wrap: anywhere;
}

/* Pie de pagina: cuatro bloques equilibrados */
@media (min-width: 1024px) {
    body.portal-ux-a4 footer .footer-inner {
        display: grid;
        grid-template-columns:
            minmax(0,1.2fr)
            minmax(0,.95fr)
            minmax(0,1fr)
            minmax(0,1fr);
        align-items: start;
        gap: 25px;
        padding-block: 32px;
    }

    body.portal-ux-a4 footer .footer-inner > .motto {
        grid-column: 1 / -1;
        justify-self: center;
        width: min(100%,680px);
        margin-top: 4px;
    }
}

@media (min-width: 621px) and (max-width: 1023px) {
    body.portal-ux-a4 footer .footer-inner {
        grid-template-columns: repeat(2,minmax(0,1fr));
        align-items: start;
        gap: 20px;
    }

    body.portal-ux-a4 footer .footer-inner > .motto {
        grid-column: 1 / -1;
        justify-self: center;
        width: min(100%,620px);
    }
}

/* Movil conserva el orden original del DOM.
   Se mantiene una tarjeta por fila. */
@media (max-width: 620px) {
    body.portal-ux-a4 #noticias.grid-top,
    body.portal-ux-a4 #resumen-comunidad.home-extra {
        grid-template-columns: minmax(0,1fr);
        gap: 14px;
    }

    body.portal-ux-a4 footer .footer-inner {
        grid-template-columns: minmax(0,1fr);
        gap: 20px;
    }

    body.portal-ux-a4 footer .footer-inner > .motto {
        grid-column: auto;
        width: 100%;
        margin-top: 0;
    }
}

body.portal-ux-a4 footer .footer-block,
body.portal-ux-a4 footer .motto {
    min-width: 0;
    overflow-wrap: anywhere;
}