/**
 * Footer: logotipo + 4 widgets en una sola fila horizontal.
 *
 * El tema pinta el logotipo como una celda MÁS del grid `.footer-main`, y
 * `footer-style2` lo declara con solo 4 columnas. Por eso logo + Menú +
 * Servicios + Contacto llenaban la fila y el cuarto widget ("Empresas
 * Aliadas") caía a un segundo renglón.
 *
 * Aquí se pasa a 5 celdas. Las columnas se dimensionan por CONTENIDO (`auto`)
 * en lugar de repartirse en partes iguales (`1fr`): la de Contacto necesita
 * ~255px por el correo `contacto@safetyprotection.com.mx`, y con columnas
 * iguales de ~230px se partiría en dos líneas. El espacio sobrante se reparte
 * entre las columnas con `space-between`.
 *
 * Solo aplica de 1200px en adelante: por debajo de ese ancho el tema ya
 * reacomoda el footer en 3 y luego 2 columnas, y ese comportamiento se
 * respeta tal cual.
 *
 * Holgura: a 1200px de viewport el contenedor deja 1152px útiles y el
 * contenido de las 5 columnas suma ~870px, así que no desborda.
 */

@media only screen and (min-width: 1200px) {

    .footer-style2 .footer-main {
        grid-template-columns: repeat(5, auto);
        justify-content: space-between;
        align-items: start;
        gap: 32px;
    }

    /* El bloque del logotipo reservaba 412px porque está pensado para llevar
       un párrafo debajo (opción `footer_text_3` del panel del tema). Aquí solo
       lleva el logotipo, que mide 140px, así que se libera todo ese ancho. */
    .footer-style2 .footer-widget.footer-about {
        min-width: 140px;
    }
}