/*
Theme Name: Punto (Astra Child)
Template: astra
Version: 5.38
Description: Tema hijo de Astra para el sitio de Punto (marketing + backend). Los cambios propios del sitio van aquí, nunca en el tema Astra original, para que las actualizaciones de Astra no los borren.
Author: Punto
*/

/* Estilos propios del sitio van debajo de esta línea */

/* ============================================================================
   Portada "limpia" (body.home)
   ============================================================================
   La portada de Punto se dibuja a sí misma de punta a punta; no quiere ir metida
   dentro del molde de página estándar de Astra. Solo aplica en el home — el resto
   del sitio (blog, páginas internas) conserva el header/footer normales, y el
   footer se deja vivo también en el home, a pedido de Jonathan.

   v4 — v2/v3 solo apagaban .site-header/.entry-header y el padding de .ast-container,
   y quedaba blanco arriba y a los lados igual. El motivo: Astra no pone el aire en un
   solo sitio. Según el layout de contenedor elegido en el Personalizador, puede venir
   de #content, de .site-content, del max-width de .ast-container, del padding de
   .ast-separate-container, o del recuadro blanco de .ast-article-single. Por eso acá
   se apagan TODOS los candidatos de una vez en vez de ir uno por uno a ciegas.
   ========================================================================= */

/* 1. Nada de cabecera ni títulos de página en la portada. */
body.home .site-header,
body.home header#masthead,
body.home .entry-header,
body.home .page-header,
body.home .ast-archive-description {
  display: none !important;
}

/* 2. Todos los contenedores intermedios, a ancho completo y sin aire propio.
      #content y .site-content son los que causaban el blanco DE ARRIBA;
      .ast-container y .entry-content, el blanco DE LOS LADOS. */
body.home #page,
body.home #content,
body.home .site-content,
body.home #primary,
body.home .content-area,
body.home .ast-container,
body.home .ast-container-fluid,
body.home main#main,
body.home .entry-content,
body.home article,
body.home .ast-article-single,
body.home .ast-article-post {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 3. El layout "caja separada" de Astra pinta un fondo alrededor del artículo:
      eso es literalmente el marco claro de los lados que se veía. */
body.home.ast-separate-container #content,
body.home.ast-separate-container .site-content,
body.home.ast-separate-container .ast-separate-container {
  background: transparent !important;
  padding: 0 !important;
}

/* 4. Astra limita el ancho de los hijos directos de .entry-content en algunos layouts.
      La portada tiene que poder ir de borde a borde. */
body.home .entry-content > * {
  max-width: none !important;
}

/* 5. Sin scroll horizontal por un hijo que se pase de ancho. */
body.home {
  overflow-x: hidden;
}