/* =========================================================
   MÁRGENES UNIFORMES DEL INDEX PRINCIPAL
   - NO toca la primera sección (#inicio)
   - NO agrega espacio después del footer
   - Solo ordena las secciones internas de escritorio
   ========================================================= */
@media (min-width: 821px) {
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) {
    padding-top: clamp(88px, 8.2dvh, 116px) !important;
    padding-right: clamp(34px, 5.2vw, 84px) !important;
    padding-bottom: clamp(64px, 7dvh, 96px) !important;
    padding-left: clamp(34px, 5.2vw, 84px) !important;
    box-sizing: border-box !important;
  }

  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) > .face-inner,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .gch-section-wrap,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .soluciones-layout,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .recursos-layout,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .sobre-gilberth-layout,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .insights-layout,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .sector-publico-layout,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .contact-struct-v2,
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) .centered {
    width: min(1430px, 100%) !important;
    max-width: 1430px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  /* Secciones especiales: todas con el mismo respiro lateral */
  body.site-public .face#confianza .gc-trust-wrap,
  body.site-public .face#problemas .gc-problems-wrap,
  body.site-public .face#servicios .gc-services-premium-wrap,
  body.site-public .face#pmo .pmo-exact-wrap,
  body.site-public .face#conversion .conversion-exact-layout,
  body.site-public .face#roadmap .roadmap-exact-layout,
  body.site-public .face#avance .gch-dark-grid {
    width: min(1430px, 100%) !important;
    max-width: 1430px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Evita que grillas grandes se peguen a los bordes dentro del marco */
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .gc-trust-diff-grid,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .gc-stats-strip,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .gc-problems-grid,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .cards-6,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .recurso-carousel-shell,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .insights-card-grid,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .pmo-exact-dashboard,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .conversion-exact-grid,
  body.site-public .face:not(#inicio):not(#footer-corporativo-page) .roadmap-cards-exact {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Contacto: mantiene el formulario y bloques dentro del mismo margen */
  body.site-public .face#contacto .contact-struct-v2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .78fr) !important;
    gap: clamp(26px, 3vw, 48px) !important;
    align-items: start !important;
  }

  /* Footer queda sin espacio vacío al final */
  body.site-public .site-stage[data-screen-root] > .face#footer-corporativo-page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 821px) and (max-height: 860px) {
  body.site-public .site-stage[data-screen-root] > .face:not(#inicio):not(#footer-corporativo-page) {
    padding-top: 78px !important;
    padding-bottom: 58px !important;
  }
}