/* ============================================================
   TWL · Ritmo de secciones (r3) — paleta unificada + contraste
   ------------------------------------------------------------
   RESPETA el tono que el diseño ya define en cada sección (claras
   con texto oscuro, oscuras con texto claro). NO voltea tonos
   (voltear rompía CTA/nav diseñados para fondo oscuro).
   Solo: unifica los claros a UNO, los grises oscuros a negro, y
   restaura texto oscuro en las bandas claras (revierte el catch-all
   de twl-contrast-fix.css que las dejaba con texto claro ilegible).
   Los átomos de las oscuras los marca twl-section-rhythm-v3.js.

   Cargado DESPUÉS de twl-contrast-fix. No toca la home.
   ============================================================ */

:root{
  --twl-paper:#f3f1ec;       /* ÚNICO claro de banda */
  --twl-ink:#0a0a0a;         /* ÚNICO negro de banda */
  --twl-paper-h:#0f0f0f;     /* títulos sobre claro */
  --twl-paper-tx:#2e2d29;    /* cuerpo sobre claro */
}

/* ---- 1 · BANDAS CLARAS: fondo unificado --------------------------------- */
body:not(.home) :is(
  .twl-breadcrumb,
  .twl-local-why, .twl-local-service-detail, .twl-local-location, .twl-local-related,
  .twl-dc-proceso, .twl-dc-gallery, .twl-dc-versus,
  .twl-featured-cases, .twl-related-guides, .twl-other-services, .twl-cluster-seo, .twl-resources,
  .twl-hub-section--light,
  .rp-system, .rp-custom, .rp-quality,
  .mf-section--alt,
  .wr-diagnosis, .wr-welding,
  .tb-section--light,
  .twl-seg-services
){
  background:var(--twl-paper) !important;
}

/* ---- 2 · BANDAS CLARAS: texto oscuro (revierte el catch-all) ------------- */
body:not(.home) :is(
  .twl-breadcrumb,
  .twl-local-why, .twl-local-service-detail, .twl-local-location, .twl-local-related,
  .twl-dc-proceso, .twl-dc-gallery, .twl-dc-versus,
  .twl-featured-cases, .twl-related-guides, .twl-other-services, .twl-cluster-seo, .twl-resources,
  .twl-hub-section--light,
  .rp-system, .rp-custom, .rp-quality,
  .mf-section--alt,
  .wr-diagnosis, .wr-welding,
  .tb-section--light,
  .twl-seg-services,
  .twl-areas-zone--local, .twl-areas-zone--medium, .twl-areas-zone--far,
  .twl-dc-when-not
) :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,dt){
  color:var(--twl-paper-tx);
}
body:not(.home) :is(
  .twl-breadcrumb,
  .twl-local-why, .twl-local-service-detail, .twl-local-location, .twl-local-related,
  .twl-dc-proceso, .twl-dc-gallery, .twl-dc-versus,
  .twl-featured-cases, .twl-related-guides, .twl-other-services, .twl-cluster-seo, .twl-resources,
  .twl-hub-section--light,
  .rp-system, .rp-custom, .rp-quality,
  .mf-section--alt,
  .wr-diagnosis, .wr-welding,
  .tb-section--light,
  .twl-seg-services,
  .twl-areas-zone--local, .twl-areas-zone--medium, .twl-areas-zone--far
) :is(h1,h2,h3,h4,h5,h6){
  color:var(--twl-paper-h);
}

/* ---- 3 · GRISES OSCUROS INTERMEDIOS → negro único ----------------------- */
body:not(.home) :is(.twl-dc-ba, .wr-problem, .wl-rev, .twl-vh__hero){
  background-color:var(--twl-ink) !important;
}

/* ---- 4 · FAQ: "frecuentes" del título SIEMPRE naranja (vence al tema) ---- */
body:not(.home) .twl-section.twl-faq .twl-section__title :is(b,strong,span,em){
  color:#e76301 !important;
}

/* canvas de átomos: siempre detrás del contenido */
.twl-particles-canvas{ position:absolute; inset:0; z-index:0; pointer-events:none; }