/* Ancho de todos los .ast-container (contenido, header/navbar, footer):
   80% del viewport, con un tope de 1200px, centrado. */
.ast-container {
	width: 80% !important;
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Astra le agrega 35px de padding horizontal propio al container del
   navbar — lo sacamos para que quede al ras del container de 80%/1200px. */
#masthead .ast-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Botón de menú hamburguesa (mobile): sin padding a los costados, solo el
   vertical para mantener el área de toque. */
.menu-toggle {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Menu mobile (off-canvas de Astra): el header fijo tiene z-index 999999 y quedaba
   por encima del panel al abrirlo. El panel pasa por encima de todo. */
.ast-mobile-popup-drawer {
	z-index: 1000001 !important;
}

/* Mobile: el CSS adicional del sitio pone ".site-content .ast-container" en grid con
   una sola columna "1fr". Un "1fr" a secas no baja del ancho mínimo de su contenido,
   y en iOS el banner de ancho completo ensanchaba la columna (contenido corrido y
   cortado a la derecha). minmax(0,1fr) permite que la columna respete el 80%. */
@media (max-width: 768px) {
	body .site-content .ast-container {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body .site-content .ast-container > #primary {
		min-width: 0;
	}
}