/*
 * layout.css
 * ------------------------------------------------------------
 * Estructura general del sitio: container, header, footer,
 * grids principales. Componentes UI reutilizables van en
 * components.css.
 * ------------------------------------------------------------
 */

/* ==========================================================
   Container
   ========================================================== */
.container {
    width: var(--container-width, 90%);
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0;
}

/* Nota: el styling de .site-header vive en assets/css/site_header.css
 * (refactor con variantes classic/centered/hamburger). Las reglas viejas
 * acá generaban un margin-bottom que dejaba un hueco entre header y hero. */

/* ==========================================================
   Site footer (público)
   --------------------------------------------------------
   El styling completo vive en site_header.css (footer minimalista
   con fondo oscuro). Acá no agregamos border-top: cuando la home
   cierra con la banda CTA oscura, ese borde generaba una línea
   horrible entre suscripción y footer.
   ========================================================== */

/* ==========================================================
   Main content
   ========================================================== */
main {
    padding-bottom: var(--space-2xl);
    padding-top: 2rem; /* aire bajo el header sticky */
}
/* La home arranca con un hero que pega contra el header a propósito. */
main.home { padding-top: 0; }