/**
 * Ajustes que deben cargar al final.
 *
 * ─────────────────────────────────────────────────────────────────────────
 * POR QUÉ EXISTE ESTA HOJA
 * ─────────────────────────────────────────────────────────────────────────
 * Ocho hojas del tema entran por `@import` desde style.css. Un `@import`
 * conserva su propia URL, y esas ocho no llevan versión: con la caché de 6
 * horas del servidor, editarlas no se ve hasta que vence.
 *
 * Eso ya costó varias rondas —la fuente de íconos, las hojas de Mi cuenta—
 * y volvió a pasar con el footer: el arreglo estaba en el servidor y el
 * navegador seguía sirviendo la copia vieja.
 *
 * Se intentó sacar las ocho de `@import` y encolarlas. No funcionó: cambia
 * su posición relativa a las hojas del tema padre, y el grid del footer
 * —que es de floats de Storefront, no flex— se descuadra. Ese refactor
 * merece su propio pase, con prueba página por página.
 *
 * Mientras tanto, esta hoja: se encola con pp_ver() (la URL cambia sola al
 * editarla) y va en prioridad 100, después de todo. Es el lugar para
 * correcciones puntuales que deben ganar.
 *
 * NO es un cajón de sastre. Lo que sea de una sección concreta va en su
 * hoja; acá sólo lo que necesita cargar al final para tener efecto.
 */

/* ═══════════════════════════════════════════════════════════════════
   Footer alineado con el header
   ═══════════════════════════════════════════════════════════════════ */

/*
 * El contenido del footer quedaba 19 px más adentro que el del header: el
 * logo de abajo no caía debajo del de arriba.
 *
 * No era el contenedor —los dos miden 1360 px y arrancan en el mismo
 * punto—, sino la clase `fix` de la fila de widgets. Es el clearfix de
 * Storefront: agrega ::before y ::after. En un contenedor flex esos
 * pseudo-elementos SON ítems flex, así que el reparto del espacio los
 * contaba como dos columnas más y se comían el aire de los extremos.
 *
 * Por eso `justify-content` decía `space-between` y se comportaba distinto:
 * no era una regla pisada, eran dos ítems fantasma.
 *
 * Se desactivan —el clearfix no hace falta en flex— y se copia el relleno
 * lateral del header (1rem, css/header-style.css:90). Medido a 1440 px: los
 * dos empiezan en 53 y terminan en 1381.
 */
.site-footer .footer-widgets {
    padding-left: 1rem;
    padding-right: 1rem;
}

.site-footer .footer-widgets::before,
.site-footer .footer-widgets::after {
    display: none;
}