/* =========================================================
   TRUALL · DIVI 4 · RESPONSIVE
   Breakpoints estándar usados por Divi.
   ========================================================= */

/*
 * DESKTOP DIVI
 * 981px en adelante
 */
@media (min-width: 981px) {
    /* Agregar aquí reglas desktop reutilizables. */
}

/*
 * TABLET + MÓVIL DIVI
 * 980px hacia abajo
 */
@media (max-width: 980px) {
    /* Agregar aquí reglas tablet/móvil reutilizables. */
}

/*
 * MÓVIL
 * 767px hacia abajo
 */
@media (max-width: 767px) {

    /*
     * 2 COLUMNAS EN MÓVIL
     *
     * Agregar clase a la FILA Divi:
     * tr_mobile_2col
     */
    .tr_mobile_2col {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }

    .tr_mobile_2col > .et_pb_column {
        float: none !important;
        clear: none !important;
        width: 50% !important;
        max-width: 50% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}