/* Alinea el contenido con el borde interior del logo y WhatsApp del menú. */
:root { --site-content-gutter: max(48px, calc(50vw - 570px)); }

main .hero.section,
main .capability-section,
main .stack-section-inner,
main .intro-section,
main .services-section.section,
main .consbi-galaxy .galaxy-layout,
main .faq-screen,
main .contact-section .contact-inner,
.actia-shell,
.site-footer,
.product-footer {
  width: calc(100% - var(--site-content-gutter) - var(--site-content-gutter)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Estas secciones ya tienen ancho propio y no necesitan otro margen interior. */
main .services-section.section { padding-left: 0 !important; padding-right: 0 !important; }
.product-main .product-screen { padding-left: var(--site-content-gutter) !important; padding-right: var(--site-content-gutter) !important; }
.product-main .product-content-wrap { width: 100%; max-width: none; }

@media (max-width: 680px) {
  :root { --site-content-gutter: 24px; }
  main .services-section.section { padding-left: 0 !important; padding-right: 0 !important; }
  .product-main .product-screen { padding-left: var(--site-content-gutter) !important; padding-right: var(--site-content-gutter) !important; }
}