/* ============================================================================
   CS Integrador · FIX24 · Densidad visual global v1.2.24
   Objetivo: compactar espacios y alturas donde es seguro hacerlo, sin alterar
   lógica, responsive, jerarquía ni áreas táctiles críticas.
   ============================================================================ */

.ui-density-compact {
  --cs-density-section-y: clamp(38px, 3.7vw, 50px);
  --cs-density-section-y-soft: clamp(32px, 3.1vw, 44px);
  --cs-density-panel: clamp(20px, 2vw, 24px);
  --cs-density-gap: clamp(12px, 1.35vw, 18px);
  --cs-density-head-gap: clamp(14px, 1.6vw, 20px);
  line-height: 1.55;
}

/* Shell y controles: menos altura, conservando objetivos táctiles cómodos. */
.ui-density-compact .header-inner { min-height: 62px; gap: 20px; }
.ui-density-compact .main-menu { gap: 18px; }
.ui-density-compact .button { min-height: 44px; padding-inline: 18px; }
.ui-density-compact .button-small { min-height: 36px; padding-inline: 13px; }
.ui-density-compact .actions { gap: 10px; margin-top: 20px; }
.ui-density-compact .footer { padding-top: 22px; padding-bottom: 22px; }
.ui-density-compact .footer-inner { gap: 20px; }

/* Secciones públicas. El selector evita los <main class="section"> internos. */
.ui-density-compact main:not(.section) > section:not(.hero):not(.seo-hero) {
  padding-top: var(--cs-density-section-y) !important;
  padding-bottom: var(--cs-density-section-y) !important;
}
.ui-density-compact main:not(.section) > section.section-soft {
  padding-top: var(--cs-density-section-y-soft) !important;
  padding-bottom: var(--cs-density-section-y-soft) !important;
}
.ui-density-compact main:not(.section) > section :is(.section-heading,.section-head,.section-header,.section-intro,.section-copy) {
  margin-bottom: var(--cs-density-head-gap) !important;
}
.ui-density-compact main:not(.section) > section :is(.section-heading,.section-head,.section-header) > p:last-child {
  margin-top: 9px !important;
}
.ui-density-compact :is(.section-heading,.commercial-section-heading,.portfolio-heading) { gap: var(--cs-density-gap); }

/* Home: corrige específicamente el exceso visto en “Dónde genero mayor valor”. */
.ui-density-compact.home-compact .hero {
  padding-top: clamp(46px, 4.5vw, 58px) !important;
  padding-bottom: clamp(36px, 3.7vw, 48px) !important;
}
.ui-density-compact.home-compact .commercial-snapshot-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ui-density-compact.home-compact .commercial-snapshot-item { padding: 11px 14px; }
.ui-density-compact.home-compact .commercial-snapshot-note { margin: 6px 2px 0; }
.ui-density-compact.home-compact .commercial-snapshot-section + .problem-section {
  padding-top: 28px !important;
}
.ui-density-compact.home-compact .problem-section {
  padding-bottom: 34px !important;
}
.ui-density-compact.home-compact .problem-section .section-heading { margin-bottom: 16px !important; }
.ui-density-compact.home-compact .problem-grid {
  column-gap: clamp(24px, 3vw, 40px) !important;
  row-gap: 0 !important;
}
.ui-density-compact.home-compact .problem-item,
.ui-density-compact.home-compact .problem-item:hover {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.ui-density-compact.home-compact .problem-summary {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) 18px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 9px 4px !important;
}
.ui-density-compact.home-compact .problem-number {
  width: 34px !important;
  height: 34px !important;
}
.ui-density-compact.home-compact .problem-title {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.28 !important;
}
.ui-density-compact.home-compact .problem-description {
  padding: 0 8px 12px 54px !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}
.ui-density-compact.home-compact .experience-grid,
.ui-density-compact.home-compact .journey-step-grid { gap: 12px; }
.ui-density-compact.home-compact .journey-step-card { padding: 15px 16px; }
.ui-density-compact.home-compact .about-home-grid,
.ui-density-compact.home-compact .portal-grid,
.ui-density-compact.home-compact .faq-layout { gap: clamp(20px, 3vw, 34px); }
.ui-density-compact.home-compact .solutions-section.home-sout-compact {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.ui-density-compact.home-compact .solution-home-strip-compact .solution-home-copy.solution-home-copy-compact {
  padding: 18px 22px !important;
  gap: 14px 22px !important;
}
.ui-density-compact.home-compact .cta-section {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

/* Catálogo público y páginas de servicio. */
.ui-density-compact.services-commercial-compact .service-catalog-hero {
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}
.ui-density-compact.services-commercial-compact .commercial-journey-section {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.ui-density-compact .service-card { min-height: 0; padding: 22px; }
.ui-density-compact .service-card-rich { min-height: 0; }
.ui-density-compact .service-focus-selector { margin-top: 16px; }
.ui-density-compact .service-focus-option { min-height: 78px; padding: 11px 13px; }
.ui-density-compact .service-focus-detail {
  gap: clamp(24px, 3.5vw, 42px);
  padding: clamp(22px, 3vw, 32px);
}
.ui-density-compact .service-focus-badge { margin-top: 12px; }
.ui-density-compact .service-focus-copy h3 { margin-top: 18px; margin-bottom: 10px; }
.ui-density-compact .service-focus-value { margin-top: 14px; }
.ui-density-compact .service-focus-actions { padding-top: 22px; }
.ui-density-compact .service-focus-section + .service-focus-section { margin-top: 20px; padding-top: 18px; }
.ui-density-compact .service-focus-tech-group { padding: 13px; }
.ui-density-compact .work-method-grid article { padding: 20px; }
.ui-density-compact .work-method-grid h3 { margin-top: 14px; }
.ui-density-compact .technology-intro { margin-bottom: 20px; }
.ui-density-compact .buyer-fit-section,
.ui-density-compact .investment-contract-section { padding-top: 38px !important; padding-bottom: 38px !important; }
.ui-density-compact .buyer-fit-grid article { padding: 14px; }
.ui-density-compact .investment-contract-grid article { padding: 16px; }
.ui-density-compact .continuity-plan-section { padding: 22px; }
.ui-density-compact .continuity-plan-card { padding: 18px; }

/* SEO / landings: mantener lectura editorial, acortar recorrido vertical. */
.ui-density-compact .seo-main { padding-top: 54px; }
.ui-density-compact .seo-crumbs { margin-bottom: 18px; }
.ui-density-compact .seo-hero { padding-bottom: 44px !important; }
.ui-density-compact .seo-grid,
.ui-density-compact .seo-proof,
.ui-density-compact .seo-related { padding-top: 40px !important; padding-bottom: 40px !important; }
.ui-density-compact .seo-grid { gap: 30px; }
.ui-density-compact .seo-list li { padding-top: 12px; padding-bottom: 12px; }
.ui-density-compact .seo-related a { padding-top: 11px; padding-bottom: 11px; }
.ui-density-compact .seo-footer { margin-top: 46px; padding-top: 22px; padding-bottom: 30px; }

/* Formularios, autenticación y alta de solicitudes. */
.ui-density-compact .auth-section { padding-top: 52px; padding-bottom: 52px; }
.ui-density-compact .auth-grid { gap: clamp(34px, 4vw, 52px); }
.ui-density-compact .auth-copy { padding-top: 10px; }
.ui-density-compact .privacy-note { margin-top: 20px; padding: 16px; }
.ui-density-compact .form-card { padding: 26px; }
.ui-density-compact .form-card label,
.ui-density-compact .profile-form label,
.ui-density-compact .upload-box label,
.ui-density-compact .panel > form:not(.inline-form) label { margin-bottom: 13px; }
.ui-density-compact input:not([type="checkbox"]):not([type="radio"]),
.ui-density-compact select { height: 44px; }
.ui-density-compact .form-grid { gap: 12px; }
.ui-density-compact .form-section-heading { margin-bottom: 18px; padding-bottom: 13px; }
.ui-density-compact .registration-layout { gap: 38px; }
.ui-density-compact .stepper { margin-bottom: 20px; }
.ui-density-compact .request-create-head { gap: 28px; margin-bottom: 20px; }
.ui-density-compact .request-create-assurance { padding: 14px 16px; }
.ui-density-compact .request-create-panel { padding: 24px; }
.ui-density-compact .request-create-panel .panel-heading { margin-bottom: 16px; }

/* Panels internos: reducción moderada. Se excluyen paneles que ya son compactos. */
.ui-density-compact .panel:not(.compact-panel):not(.filter-panel-collapsible):not(.admin-support-panel):not(.quick-interaction-panel) {
  padding: var(--cs-density-panel);
}
.ui-density-compact .panel-heading { gap: 16px; margin-bottom: 16px; }
.ui-density-compact .stack { gap: 14px; }
.ui-density-compact .admin-grid { gap: 16px; }
.ui-density-compact .dashboard-head-row { gap: 20px; }
.ui-density-compact .empty { padding-top: 20px; padding-bottom: 20px; }
.ui-density-compact .table-wrap th,
.ui-density-compact .table-wrap td { padding: 10px; }
.ui-density-compact .request-detail-layout { gap: 18px; }
.ui-density-compact .request-documents { gap: 16px; }
.ui-density-compact .request-metadata { margin-bottom: 18px; }
.ui-density-compact .request-metadata > div { padding-top: 9px; padding-bottom: 9px; }
.ui-density-compact .request-payment-summary { margin-bottom: 15px; gap: 10px; }
.ui-density-compact .request-payment-summary > div { padding: 13px; }
.ui-density-compact .request-compact-actions { gap: 12px; margin-bottom: 16px; }
.ui-density-compact .compact-action-grid { gap: 10px; }
.ui-density-compact .compact-toggle-card { padding: 12px 14px; }
.ui-density-compact .service-lifecycle-panel { margin-top: 14px; margin-bottom: 18px; }
.ui-density-compact .service-lifecycle-grid { margin-top: 14px; gap: 10px; }
.ui-density-compact .lifecycle-stage { min-height: 90px; padding: 13px; }
.ui-density-compact .lifecycle-capabilities { margin-top: 14px; padding-top: 12px; }

/* Mi espacio: ya era compacto; solo se reduce la altura de filas y bloques auxiliares. */
.ui-density-compact .dashboard-section { padding-top: 20px; padding-bottom: 24px; }
.ui-density-compact .dashboard-table-head { padding: 11px 16px; }
.ui-density-compact .request-table-row { padding: 14px 16px; }
.ui-density-compact .new-request-compact { gap: 22px; margin-top: 16px; padding: 20px 22px; }
.ui-density-compact .dashboard-table-heading { margin-bottom: 11px; }

/* Administración. */
.ui-density-compact .admin-page-head,
.ui-density-compact .analytics-page-head { margin-bottom: 18px; }
.ui-density-compact .admin-table-heading { gap: 18px; margin-bottom: 14px; }
.ui-density-compact .admin-filter-grid { gap: 9px; padding: 14px; }
.ui-density-compact .admin-table-meta { margin-top: 13px; }
.ui-density-compact .customer-profile-panel { padding: 22px; }
.ui-density-compact .profile-heading { gap: 16px; margin-bottom: 16px; }
.ui-density-compact .relationship-section { margin-top: 19px; padding-top: 16px; }
.ui-density-compact .split-heading { gap: 18px; margin-bottom: 15px; }
.ui-density-compact .account-page-head { margin-bottom: 20px; }
.ui-density-compact .account-page-head .back-link { margin-bottom: 14px; }
.ui-density-compact .account-divider { margin-top: 22px; margin-bottom: 22px; }
.ui-density-compact .account-actions { margin-top: 20px; padding-top: 16px; }
.ui-density-compact .account-security-note { margin-top: 17px; }

/* Workspaces por etapa: ya son densos; recorte ligero, sin tocar controles. */
.ui-density-compact .stage-workspace-page { padding-top: 20px; }
.ui-density-compact .stage-workspace-shell,
.ui-density-compact .stage-main,
.ui-density-compact .stage-side { gap: 14px; }
.ui-density-compact .stage-project-head { padding: 18px 20px; }
.ui-density-compact .stage-route { gap: 9px; }
.ui-density-compact .stage-route-card { min-height: 104px; padding: 13px; }
.ui-density-compact .stage-page-grid { gap: 14px; }
.ui-density-compact .stage-panel-head { margin-bottom: 12px; }
.ui-density-compact .stage-period-body { gap: 11px; padding: 13px; }
.ui-density-compact .stage-period-head { padding: 12px 14px; }
.ui-density-compact .stage-lock-note { padding: 14px; }

/* Mantener gráficos con altura suficiente: la compactación no recorta visualizaciones. */
.ui-density-compact .analytics-chart-card,
.ui-density-compact .analytics-line-chart,
.ui-density-compact .analytics-column-chart,
.ui-density-compact .analytics-column-bars,
.ui-density-compact .analytics-donut-layout { contain: layout paint; }

@media (max-width: 980px) {
  .ui-density-compact .header-inner { min-height: 60px; }
  .ui-density-compact .auth-grid,
  .ui-density-compact .registration-layout { gap: 30px; }
  .ui-density-compact .request-detail-layout,
  .ui-density-compact .stage-page-grid { gap: 14px; }
}

@media (max-width: 760px) {
  .ui-density-compact {
    --cs-density-section-y: 30px;
    --cs-density-section-y-soft: 28px;
    --cs-density-panel: 17px;
    --cs-density-gap: 10px;
    --cs-density-head-gap: 14px;
    line-height: 1.5;
  }

  .ui-density-compact .header-inner { min-height: 58px; }
  .ui-density-compact .button { min-height: 44px; }
  .ui-density-compact .button-small { min-height: 40px; }
  .ui-density-compact .actions { margin-top: 16px; }

  .ui-density-compact.home-compact .hero { padding-top: 30px !important; padding-bottom: 30px !important; }
  .ui-density-compact.home-compact .commercial-snapshot-section + .problem-section { padding-top: 24px !important; }
  .ui-density-compact.home-compact .problem-section { padding-bottom: 28px !important; }
  .ui-density-compact.home-compact .problem-summary {
    grid-template-columns: 38px minmax(0,1fr) 22px !important;
    min-height: 50px !important;
    padding: 8px 0 !important;
  }
  .ui-density-compact.home-compact .problem-number { width: 30px !important; height: 30px !important; }
  .ui-density-compact.home-compact .problem-description { padding: 0 0 11px 48px !important; }
  .ui-density-compact.home-compact .solutions-section.home-sout-compact { padding-top: 24px !important; padding-bottom: 24px !important; }
  .ui-density-compact.home-compact .solution-home-strip-compact .solution-home-copy.solution-home-copy-compact { padding: 16px !important; }
  .ui-density-compact.home-compact .cta-section { padding-top: 34px !important; padding-bottom: 34px !important; }

  .ui-density-compact .seo-main { padding-top: 40px; }
  .ui-density-compact .seo-hero { padding-bottom: 32px !important; }
  .ui-density-compact .seo-grid,
  .ui-density-compact .seo-proof,
  .ui-density-compact .seo-related { padding-top: 30px !important; padding-bottom: 30px !important; }

  .ui-density-compact .auth-section { padding-top: 34px; padding-bottom: 34px; }
  .ui-density-compact .form-card { padding: 20px; }
  .ui-density-compact .request-create-head { gap: 16px; margin-bottom: 16px; }
  .ui-density-compact .request-create-panel { padding: 18px; }
  .ui-density-compact .registration-layout { gap: 22px; }
  .ui-density-compact .stepper { margin-bottom: 16px; }

  .ui-density-compact .panel:not(.compact-panel):not(.filter-panel-collapsible):not(.admin-support-panel):not(.quick-interaction-panel) { padding: 17px; }
  .ui-density-compact .panel-heading { gap: 10px; margin-bottom: 13px; }
  .ui-density-compact .stack { gap: 12px; }
  .ui-density-compact .request-table-row { padding: 13px; }
  .ui-density-compact .new-request-compact { gap: 14px; margin-top: 13px; padding: 17px; }
  .ui-density-compact .customer-profile-panel { padding: 18px; }
  .ui-density-compact .stage-project-head { padding: 15px 16px; }
  .ui-density-compact .stage-route-card { min-height: 0; padding: 12px; }
  .ui-density-compact .stage-workspace-page { padding-top: 16px; }
}

/* ============================================================================
   CS Integrador · FIX58 · Densidad vertical global
   Objetivo: reducir espacios verticales desperdiciados en todas las vistas
   manteniendo estructura, tipografía, responsive, áreas táctiles y funcionalidad.
   ============================================================================ */

/* FIX58_DENSIDAD_VERTICAL_GLOBAL_START */

.ui-density-compact {
  --cs-density-section-y: clamp(30px, 2.9vw, 40px);
  --cs-density-section-y-soft: clamp(26px, 2.5vw, 34px);
  --cs-density-panel: clamp(18px, 1.7vw, 22px);
  --cs-density-gap: clamp(10px, 1.15vw, 16px);
  --cs-density-head-gap: clamp(12px, 1.3vw, 17px);
}

/* Shell global: menos aire arriba/abajo sin reducir botones táctiles. */
.ui-density-compact .header-inner {
  min-height: 56px;
}
.ui-density-compact .main-menu {
  gap: 15px;
}
.ui-density-compact .actions {
  margin-top: 16px;
}
.ui-density-compact .footer {
  padding-top: 18px;
  padding-bottom: 18px;
}
.ui-density-compact .footer-inner {
  gap: 16px;
}

/* Contexto de moneda/TRM: información útil, pero en una franja mucho más compacta. */
.ui-density-compact > .container > .seo-currency-context {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 9px !important;
  padding-bottom: 8px !important;
  line-height: 1.35 !important;
}
.ui-density-compact > .container > .seo-currency-context .fx-trm-inline {
  margin-top: 2px !important;
}

/* Secciones públicas generales. */
.ui-density-compact main:not(.section) > section:not(.hero):not(.seo-hero) {
  padding-top: var(--cs-density-section-y) !important;
  padding-bottom: var(--cs-density-section-y) !important;
}
.ui-density-compact main:not(.section) > section.section-soft {
  padding-top: var(--cs-density-section-y-soft) !important;
  padding-bottom: var(--cs-density-section-y-soft) !important;
}
.ui-density-compact main:not(.section) > section :is(
  .section-heading,
  .section-head,
  .section-header,
  .section-intro,
  .section-copy,
  .commercial-section-heading,
  .portfolio-heading
) {
  margin-bottom: var(--cs-density-head-gap) !important;
}

/* Home: conserva jerarquía, reduce únicamente altura. */
.ui-density-compact.home-compact .hero {
  padding-top: clamp(34px, 3.3vw, 44px) !important;
  padding-bottom: clamp(28px, 2.8vw, 36px) !important;
}
.ui-density-compact.home-compact .problem-section {
  padding-bottom: 28px !important;
}
.ui-density-compact.home-compact .solutions-section.home-sout-compact {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.ui-density-compact.home-compact .cta-section {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

/* Servicios / catálogo público. */
.ui-density-compact.services-commercial-compact .service-catalog-hero {
  padding-top: 26px !important;
  padding-bottom: 22px !important;
}
.ui-density-compact.services-commercial-compact .commercial-journey-section,
.ui-density-compact.services-commercial-compact .fix49-journey-section {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.ui-density-compact .buyer-fit-section,
.ui-density-compact .investment-contract-section {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.ui-density-compact .service-card {
  padding: 19px;
}
.ui-density-compact .buyer-fit-grid article {
  padding: 12px;
}

/* Diagnóstico: corrige específicamente el vacío visible entre TRM y contenido. */
.ui-density-compact .diagnostic-hero {
  padding-top: clamp(26px, 2.8vw, 34px) !important;
  padding-bottom: clamp(26px, 2.8vw, 34px) !important;
}
.ui-density-compact .diagnostic-hero-grid {
  gap: clamp(26px, 4vw, 56px) !important;
}
.ui-density-compact .diagnostic-summary,
.ui-density-compact .diagnostic-plan-card {
  padding: 22px;
}
.ui-density-compact .diagnostic-summary {
  gap: 10px;
}
.ui-density-compact .diagnostic-list-grid > div {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ui-density-compact .diagnostic-plan-grid {
  gap: 18px;
}

/* Landings SEO. */
.ui-density-compact .seo-main {
  padding-top: 40px;
}
.ui-density-compact .seo-crumbs {
  margin-bottom: 14px;
}
.ui-density-compact .seo-hero {
  padding-bottom: 34px !important;
}
.ui-density-compact .seo-grid,
.ui-density-compact .seo-proof,
.ui-density-compact .seo-related {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.ui-density-compact .seo-footer {
  margin-top: 36px;
  padding-top: 18px;
  padding-bottom: 24px;
}

/* Login, registro, recuperación y formularios públicos. */
.ui-density-compact .auth-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.ui-density-compact .auth-grid {
  gap: clamp(28px, 3.2vw, 42px);
}
.ui-density-compact .privacy-note {
  margin-top: 16px;
  padding: 14px;
}
.ui-density-compact .form-card {
  padding: 22px;
}
.ui-density-compact .registration-layout {
  gap: 30px;
}
.ui-density-compact .request-create-head {
  gap: 20px;
  margin-bottom: 16px;
}
.ui-density-compact .request-create-panel {
  padding: 20px;
}

/* Paneles privados y administración: compactación prudente. */
.ui-density-compact .panel:not(
  .compact-panel
):not(
  .filter-panel-collapsible
):not(
  .admin-support-panel
):not(
  .quick-interaction-panel
) {
  padding: clamp(17px, 1.6vw, 20px);
}
.ui-density-compact .panel-heading {
  gap: 12px;
  margin-bottom: 13px;
}
.ui-density-compact .stack {
  gap: 12px;
}
.ui-density-compact .dashboard-section {
  padding-top: 16px;
  padding-bottom: 19px;
}
.ui-density-compact .new-request-compact {
  gap: 16px;
  margin-top: 13px;
  padding: 17px 19px;
}
.ui-density-compact .admin-page-head,
.ui-density-compact .analytics-page-head {
  margin-bottom: 14px;
}
.ui-density-compact .admin-table-heading {
  gap: 14px;
  margin-bottom: 11px;
}
.ui-density-compact .account-page-head {
  margin-bottom: 16px;
}
.ui-density-compact .stage-workspace-page {
  padding-top: 14px;
}
.ui-density-compact .stage-workspace-shell,
.ui-density-compact .stage-main,
.ui-density-compact .stage-side,
.ui-density-compact .stage-page-grid {
  gap: 12px;
}
.ui-density-compact .stage-project-head {
  padding: 15px 17px;
}

/* No se reduce el mínimo táctil de botones/inputs ni la altura de gráficos. */

@media (max-width: 980px) {
  .ui-density-compact .header-inner {
    min-height: 55px;
  }
  .ui-density-compact .auth-grid,
  .ui-density-compact .registration-layout {
    gap: 24px;
  }
}

@media (max-width: 760px) {
  .ui-density-compact {
    --cs-density-section-y: 24px;
    --cs-density-section-y-soft: 22px;
    --cs-density-panel: 16px;
    --cs-density-gap: 9px;
    --cs-density-head-gap: 12px;
  }

  .ui-density-compact .header-inner {
    min-height: 54px;
  }

  .ui-density-compact .actions {
    margin-top: 14px;
  }

  .ui-density-compact > .container > .seo-currency-context {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .ui-density-compact.home-compact .hero {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .ui-density-compact.home-compact .problem-section {
    padding-bottom: 24px !important;
  }
  .ui-density-compact.home-compact .cta-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .ui-density-compact.services-commercial-compact .service-catalog-hero {
    padding-top: 22px !important;
    padding-bottom: 20px !important;
  }

  .ui-density-compact .diagnostic-hero {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }
  .ui-density-compact .diagnostic-hero-grid {
    gap: 22px !important;
  }
  .ui-density-compact .diagnostic-summary,
  .ui-density-compact .diagnostic-plan-card {
    padding: 18px;
  }

  .ui-density-compact .seo-main {
    padding-top: 30px;
  }
  .ui-density-compact .seo-hero,
  .ui-density-compact .seo-grid,
  .ui-density-compact .seo-proof,
  .ui-density-compact .seo-related {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .ui-density-compact .auth-section {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .ui-density-compact .form-card,
  .ui-density-compact .request-create-panel {
    padding: 17px;
  }

  .ui-density-compact .dashboard-section {
    padding-top: 13px;
    padding-bottom: 16px;
  }
  .ui-density-compact .stage-workspace-page {
    padding-top: 12px;
  }
}

/* FIX58_DENSIDAD_VERTICAL_GLOBAL_END */