/*
 * Sistema editorial de espaciado · 2026-10-17
 * Capa final y centralizada: ajusta únicamente ritmo vertical y separaciones.
 * Heroes, imágenes, tipografía, color, composición y animaciones se conservan.
 */

:root {
  --space-section-normal: clamp(4.5rem, 5.5vw, 6rem);
  --space-section-feature: clamp(6rem, 6.8vw, 7rem);
  --space-section-compact: clamp(3.5rem, 4.5vw, 4.75rem);
  --space-section-mobile: clamp(3rem, 10vw, 4rem);
  --space-section-mobile-feature: clamp(4rem, 12vw, 5rem);
  --space-label-title: clamp(.75rem, 1vw, 1.25rem);
  --space-title-copy: clamp(1.5rem, 2vw, 2rem);
  --space-copy-action: clamp(1.75rem, 2.3vw, 2.25rem);
  --space-paragraph: clamp(1rem, 1.35vw, 1.5rem);

  /* Compatibilidad con las páginas que ya consumen estos tokens. */
  --section-space-desktop: var(--space-section-normal);
  --section-space-mobile: var(--space-section-mobile);
}

/* Inicio: conserva el hero especial y compacta el recorrido posterior. */
.home-manifesto,
.home-organizations,
.home-community,
.home-academy,
.home-meetings,
.home-reflections {
  padding-top: var(--space-section-normal) !important;
  padding-bottom: var(--space-section-normal) !important;
}

.home-universes {
  padding-top: var(--space-section-normal) !important;
  padding-bottom: var(--space-section-feature) !important;
}

.home-values,
.home-instagram,
.home-closing {
  padding-top: var(--space-section-feature) !important;
  padding-bottom: var(--space-section-feature) !important;
}

.home-section-heading {
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}

/* Filosofía, Comunidad y Academia. */
.identity-section,
.trajectory-section,
.purpose-section,
.hub-section,
.academy-catalog,
.academy-detail,
.wellbeing-alphabet,
.wellbeing-courses,
.programs-paths,
.program-category,
.programs-closing,
.program-detail-copy,
.program-detail-format,
.program-detail-journey,
.program-detail-closing,
.program-identification,
.program-outcomes,
.program-comparison,
.program-journey,
.program-experience,
.program-evidence,
.program-testimonials,
.program-facilitator,
.program-enrollment,
.program-faq,
.program-page-section,
.program-page-cta,
.program-page-related {
  padding-top: var(--space-section-normal) !important;
  padding-bottom: var(--space-section-normal) !important;
}

.program-final-cta {
  padding-top: var(--space-section-feature) !important;
  padding-bottom: var(--space-section-feature) !important;
}

.academy-catalog-heading,
.hub-heading {
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}

/* Psicoterapia: conserva el padding propio de cada módulo y corrige su separación. */
.therapy-help,
.therapy-method,
.therapy-process,
.therapy-voices,
.therapy-modality,
.therapy-faq,
.therapy-closing {
  margin-top: clamp(2.75rem, 4vw, 4rem) !important;
}

.therapy-page .psychotherapy-section {
  padding-bottom: var(--space-section-normal) !important;
}

.therapy-section-heading {
  margin-bottom: clamp(2.25rem, 3.5vw, 3.25rem) !important;
}

/* Encuentros de Bienestar. */
.meetings-intro,
.meetings-next-cycle,
.meetings-schedule,
.meetings-experience {
  padding-top: var(--space-section-normal) !important;
  padding-bottom: var(--space-section-normal) !important;
}

.meetings-schedule-heading,
.meetings-experience-heading {
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}

/* Construyendo Bienestar y sus landings comerciales. */
.organizations-framework,
.organizations-paths,
.organizations-audience,
.organizations-ecosystem,
.institutional-positioning,
.institutional-method,
.institutional-map,
.institutional-plans,
.institutional-dimensions,
.institutional-deliverables,
.institutional-closing,
.org-programs-context,
.org-programs-catalog,
.org-programs-formats,
.org-programs-institutional,
.org-programs-closing {
  padding-top: var(--space-section-normal) !important;
  padding-bottom: var(--space-section-normal) !important;
}

.organizations-solutions-heading,
.organizations-ecosystem-heading,
.institutional-section-heading,
.org-programs-heading {
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}

/* Conferencias, Consultoría y Reflexiones conservan el offset del header. */
.speaking-detail-section,
.reflections-detail-section {
  padding-bottom: var(--space-section-normal) !important;
}

.consultancy-areas,
.consultancy-cta {
  padding-top: var(--space-section-normal) !important;
  padding-bottom: var(--space-section-normal) !important;
}

.consultancy-method {
  padding-bottom: var(--space-section-normal) !important;
}

.reflection-subscribe {
  margin-top: clamp(2.5rem, 4vw, 3.5rem) !important;
}

/* Relaciones tipográficas frecuentes, sin cambiar tamaños ni estilos. */
.home-eyebrow,
.home-overline,
.organizations-eyebrow,
.organizations-section-kicker,
.institutional-kicker,
.org-programs-kicker,
.meetings-eyebrow {
  margin-bottom: var(--space-label-title);
}

.home-actions,
.organizations-hero-actions,
.institutional-actions,
.org-programs-actions {
  margin-top: var(--space-copy-action);
}

@media (max-width: 760px) {
  .home-manifesto,
  .home-universes,
  .home-organizations,
  .home-community,
  .home-academy,
  .home-meetings,
  .home-reflections,
  .home-values,
  .home-instagram,
  .home-closing,
  .identity-section,
  .trajectory-section,
  .purpose-section,
  .hub-section,
  .academy-catalog,
  .academy-detail,
  .wellbeing-alphabet,
  .wellbeing-courses,
  .programs-paths,
  .program-category,
  .programs-closing,
  .program-detail-copy,
  .program-detail-format,
  .program-detail-journey,
  .program-detail-closing,
  .program-identification,
  .program-outcomes,
  .program-comparison,
  .program-journey,
  .program-experience,
  .program-evidence,
  .program-testimonials,
  .program-facilitator,
  .program-enrollment,
  .program-faq,
  .program-page-section,
  .program-page-cta,
  .program-page-related,
  .meetings-intro,
  .meetings-next-cycle,
  .meetings-schedule,
  .meetings-experience,
  .organizations-framework,
  .organizations-paths,
  .organizations-audience,
  .organizations-ecosystem,
  .institutional-positioning,
  .institutional-method,
  .institutional-map,
  .institutional-plans,
  .institutional-dimensions,
  .institutional-deliverables,
  .institutional-closing,
  .org-programs-context,
  .org-programs-catalog,
  .org-programs-formats,
  .org-programs-institutional,
  .org-programs-closing,
  .consultancy-areas,
  .consultancy-cta {
    padding-top: var(--space-section-mobile) !important;
    padding-bottom: var(--space-section-mobile) !important;
  }

  .therapy-help,
  .therapy-method,
  .therapy-process,
  .therapy-voices,
  .therapy-modality,
  .therapy-faq,
  .therapy-closing {
    margin-top: clamp(2.5rem, 10vw, 3.25rem) !important;
  }

  .therapy-page .psychotherapy-section {
    padding-bottom: var(--space-section-mobile) !important;
  }

  .home-values,
  .home-closing,
  .program-final-cta {
    padding-top: var(--space-section-mobile-feature) !important;
    padding-bottom: var(--space-section-mobile-feature) !important;
  }

  .home-section-heading,
  .academy-catalog-heading,
  .hub-heading,
  .therapy-section-heading,
  .meetings-schedule-heading,
  .meetings-experience-heading,
  .organizations-solutions-heading,
  .organizations-ecosystem-heading,
  .institutional-section-heading,
  .org-programs-heading {
    margin-bottom: 2.5rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* Esta capa no crea movimiento; preserva la preferencia existente. */
  html {
    scroll-behavior: auto;
  }
}