html { scroll-padding-top: var(--site-header-height, 126px); }

#servicios .gestoria-card h3 { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 500; line-height: 1.2; font-size: 1.2rem !important; }

main > section#contacto.newsletter { padding-top: 64px !important; }
main > section#contacto.newsletter { padding-bottom: 9rem !important; }

@media (min-width: 992px) {
  main > section#contacto.newsletter { padding-bottom: clamp(36px, 6vh, 72px) !important; }
}

main > section:is(#inicio, #servicios, #documentos, #actividades, #junta, #contacto) {
  min-height: calc(100vh - var(--site-header-height, 126px));
  min-height: calc(100dvh - var(--site-header-height, 126px));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Compact the desktop sections without clipping content or scaling text. */
@media (min-width: 992px) {
  main > section:is(#servicios, #documentos, #actividades, #junta, #contacto) {
    padding-block: clamp(12px, 2vh, 24px) !important;
  }
  main > section:is(#servicios, #documentos, #actividades, #junta, #contacto) > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #documentos .document-grid > .col { width: 33.333333%; }
  #documentos .document-button { min-height: 90px; padding: 12px !important; }
  #documentos .document-copy strong { font-size: .9rem; }
  #documentos .document-copy small { margin-top: 4px !important; }
  #documentos .document-icon { width: 36px; height: 36px; font-size: 1.2rem; }
  #documentos h2 { font-size: 2.25rem; margin-bottom: 12px !important; }
  #documentos > .container > p { margin-bottom: 0; }
  #actividades .section-heading { margin-bottom: 12px !important; }
  #actividades .activity-feature img {
    min-height: 0;
    height: clamp(260px, calc(100dvh - var(--site-header-height, 126px) - 110px), 410px);
  }
  #actividades .activity-copy { padding: 20px 24px; }
  #actividades .activity-copy h3 { font-size: 1.9rem; margin: 12px 0; }
  #servicios .gestoria-content, #servicios .gestoria-card { padding: 24px; }
  #servicios .gestoria-content h2 { font-size: 3rem; margin: 12px 0; padding-right: 120px; }
  #servicios .gestoria-price-badge { width: 115px; min-height: 90px; top: 16px; right: 16px; padding: 12px; }
  #servicios .gestoria-price-badge strong { font-size: 2.6rem; }
  #servicios .gestoria-card-icon { width: 42px; height: 42px; }
  #servicios .gestoria-card > small { margin-top: 12px; }
  #servicios .gestoria-card h3 { font-size: 1.8rem; margin-bottom: 16px; }
  #servicios .gestoria-hours { padding-top: 12px; margin-top: 16px; }
  #contacto .contact-grid > * { padding: 12px 16px; }
  #contacto .contact-grid small { margin-bottom: 4px; }
  #contacto .newsletter-signup { margin-top: 40px !important; padding-top: 40px !important; }
  #contacto .newsletter-signup p { margin-bottom: 0; }
  #contacto h2 { font-size: 2rem; }
  #junta .membership-panel { padding: 24px; }
}