/* =========================================================
   SECTION RHYTHM V1 — RITMO VISUAL GLOBAL
   Solo controla:
   - separación vertical ENTRE secciones
   - fondos alternados muy suaves
   - líneas divisorias discretas
   - adaptación móvil de esos espacios

   NO modifica componentes internos, datos, tipografía
   particular de cada módulo, imágenes, panel ni backend.
   ========================================================= */

:root{
  --rhythm-warm-white:#fffdf9;
  --rhythm-cream:#faf7f2;
  --rhythm-sage-cream:#f5f5f0;
  --rhythm-plum:#4d3049;
  --rhythm-line:rgba(77,48,73,.095);

  --rhythm-y:clamp(4.5rem,6.4vw,6rem);
  --rhythm-y-compact:clamp(3.8rem,5.5vw,5rem);
}

/* La página deja de depender de blanco puro */
body{
  background:var(--rhythm-warm-white);
}

/* =========================================================
   PORTADA
   La portada conserva su composición y altura propia.
   Solo armonizamos el fondo.
   ========================================================= */

main > .hero{
  background:var(--rhythm-warm-white) !important;
}

/* =========================================================
   QUIÉN SOY + FORMACIÓN
   ========================================================= */

main > #perfil{
  padding-top:var(--rhythm-y) !important;
  padding-bottom:var(--rhythm-y) !important;

  background:var(--rhythm-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* La banda de credenciales ya funciona como separador fuerte.
   Se compacta un poco para no crear una pausa excesiva. */
main > .profile-credentials{
  padding-top:clamp(2.4rem,3.5vw,3.15rem) !important;
  padding-bottom:clamp(2.4rem,3.5vw,3.15rem) !important;
}

/* =========================================================
   ÁREAS / AFECCIONES
   ========================================================= */

main > .specialties{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-warm-white) !important;
}

main > #afecciones{
  padding-top:var(--rhythm-y) !important;
  padding-bottom:var(--rhythm-y) !important;

  background:var(--rhythm-sage-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   ¿CÓMO LO HACEMOS?
   ========================================================= */

main > #como-lo-hacemos{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-warm-white) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   MÓDULOS INTERMEDIOS OPCIONALES
   ========================================================= */

main > #servicios,
main > .services{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-cream) !important;
}

main > .approach{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-warm-white) !important;
}

main > .guides{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-sage-cream) !important;
}

main > .resources{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-cream) !important;
}

/* =========================================================
   GALERÍA
   ========================================================= */

main > #galeria{
  padding-top:var(--rhythm-y) !important;
  padding-bottom:var(--rhythm-y) !important;

  background:var(--rhythm-warm-white) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   ACTIVIDAD ACADÉMICA
   No toca Publicaciones / Eventos / Video internamente.
   Solo el contenedor general.
   ========================================================= */

main > #actividad-academica{
  padding-top:var(--rhythm-y) !important;
  padding-bottom:clamp(3.4rem,5vw,4.7rem) !important;

  background:var(--rhythm-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   CASO DEL MES — si está activo
   ========================================================= */

main > #caso-del-mes{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-sage-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   TESTIMONIOS
   ========================================================= */

main > #testimonios{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-warm-white) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   CONVENIOS — si está activo
   ========================================================= */

main > .insurers{
  padding-top:clamp(2.7rem,4vw,3.5rem) !important;
  padding-bottom:clamp(2.7rem,4vw,3.5rem) !important;

  background:var(--rhythm-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   PREGUNTAS FRECUENTES
   ========================================================= */

main > #faq{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-sage-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   CONSULTORIOS
   ========================================================= */

main > #ubicacion{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-cream) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   FORMULARIO DE CONTACTO / SOLICITUD
   Mantiene su fondo ciruela. Solo normaliza la respiración.
   ========================================================= */

main > #citas{
  padding-top:clamp(4.6rem,6.5vw,6rem) !important;
  padding-bottom:clamp(4.6rem,6.5vw,6rem) !important;

  box-shadow:inset 0 1px rgba(255,255,255,.08);
}

main > #contacto{
  padding-top:var(--rhythm-y-compact) !important;
  padding-bottom:var(--rhythm-y-compact) !important;

  background:var(--rhythm-warm-white) !important;

  box-shadow:inset 0 1px var(--rhythm-line);
}

/* =========================================================
   CTA FINAL
   ========================================================= */

main > .final-cta{
  padding-top:clamp(4rem,5.5vw,5rem) !important;
  padding-bottom:clamp(4rem,5.5vw,5rem) !important;
}

/* =========================================================
   EVITAR HUECOS DOBLES
   Márgenes exteriores de los encabezados se mantienen dentro
   de cada módulo; esta capa no añade margin entre secciones.
   ========================================================= */

main > section{
  margin-top:0;
  margin-bottom:0;
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){
  :root{
    --rhythm-y:clamp(3.8rem,7vw,4.8rem);
    --rhythm-y-compact:clamp(3.25rem,6vw,4rem);
  }

  main > #actividad-academica{
    padding-bottom:3.3rem !important;
  }
}

/* =========================================================
   MÓVIL
   Separación suficiente para reconocer cada capítulo,
   pero sin obligar a demasiado scroll.
   ========================================================= */

@media(max-width:600px){
  :root{
    --rhythm-y:2.9rem;
    --rhythm-y-compact:2.55rem;
  }

  main > #perfil,
  main > #afecciones,
  main > #como-lo-hacemos,
  main > #galeria,
  main > #actividad-academica,
  main > #caso-del-mes,
  main > #testimonios,
  main > #faq,
  main > #ubicacion,
  main > #contacto{
    padding-top:var(--rhythm-y) !important;
    padding-bottom:var(--rhythm-y) !important;
  }

  main > .specialties,
  main > .services,
  main > .approach,
  main > .guides,
  main > .resources{
    padding-top:var(--rhythm-y-compact) !important;
    padding-bottom:var(--rhythm-y-compact) !important;
  }

  main > .profile-credentials{
    padding-top:2rem !important;
    padding-bottom:2rem !important;
  }

  main > #actividad-academica{
    padding-bottom:2.7rem !important;
  }

  main > #citas{
    padding-top:3.3rem !important;
    padding-bottom:3.3rem !important;
  }

  main > .final-cta{
    padding-top:3rem !important;
    padding-bottom:3rem !important;
  }
}

/* Movimiento reducido: esta hoja no añade animaciones. */