/* ---------------------------------------------------------------
   theme1366 - Columnas del footer
   Los bloques del hook displayFooter se renderizan directamente
   dentro de #footer .row sin wrappers de Bootstrap, así que se
   apilan. Este archivo les da el layout en columnas.
   --------------------------------------------------------------- */

/* Newsletter: fila completa arriba */
#footer .row > #newsletter_block_left {
    float: none;
    width: 100%;
    margin-bottom: 30px;
}

/* Resto de bloques: columnas lado a lado */
#footer .row > section,
#footer .row > .footer-block {
    float: left;
    width: 20%;
    padding-right: 20px;
    box-sizing: border-box;
    vertical-align: top;
}

#footer .row::after {
    content: "";
    display: table;
    clear: both;
}

/* Separación vertical entre fila de newsletter y columnas */
#footer .row > #social_block {
    margin-top: 0;
}

/* Separador vacío que emite el hook: ocupa ancho completo y
   rompe los floats, dejando "Síganos" solo en su propia fila. */
#footer .row > div.clearfix:empty {
    display: none;
}

#footer .row > section .title_block,
#footer .row > section h4 {
    margin-top: 0;
}

/* Apilar en pantallas pequeñas (como hace Bootstrap) */
@media (max-width: 767px) {
    #footer .row > section,
    #footer .row > .footer-block {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 25px;
    }
    #footer .row > #newsletter_block_left {
        margin-bottom: 25px;
    }
}