/* ==========================================================================
   m3.css — lo que el diseño necesitaba de SP Page Builder, sin SP Page Builder
   --------------------------------------------------------------------------
   Las páginas hechas con M3 no llevan .sppb-*: su contenedor es
   [data-bsl-page] y sus filas son <section class="row">. Aquí están los
   equivalentes de las reglas de styles.css que apuntaban a clases de SPPB,
   acotadas a las páginas M3 para no tocar las que siguen en SPPB.
   Se carga después de styles.css.  Mutador, 18-sep-2026.
   ========================================================================== */

/* §1 · Párrafos — lo que daba .sppb-addon-content --------------------------- */
[data-bsl-page] p{
  margin-bottom: var(--p-margin-bottom);
  font-family: var(--font-body);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  font-weight: var(--body-font-weight);
  color: var(--mute);
}
[data-bsl-page] .text-mono,
[data-bsl-page] .text-mono p,
[data-bsl-page] .font-mono,
[data-bsl-page] .font-mono p{ font-family: var(--mono); }

/* §2 · Secciones — marcas de registro y rejilla ---------------------------- */
[data-bsl-page] section.row{ position: relative; }
[data-bsl-page] [data-section-theme="dark"] .mut-section-grid{ opacity: .02; }
[data-bsl-page] [data-section-theme="dark"] .mut-grid-col{
  border-color: rgba(239, 236, 228, .08);
  background: rgba(239, 236, 228, .005);
}
[data-bsl-page] section.mut-section--with-grid::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image: repeating-linear-gradient(
    to right, var(--rule), var(--rule) 1px, transparent 1px, transparent calc(100% / 12));
  opacity: .035;
  transition: opacity .5s ease;
}
[data-bsl-page] section.mut-section--with-grid[data-section-theme="dark"]::before{ opacity: .02; }

/* §3 · Flotantes (.bs-sticker, .bs-float-img) ------------------------------
   Antes había que neutralizar los envoltorios de SPPB; ahora sólo hay
   section.row > .col-*, y basta con estos dos.                              */
[data-bsl-page] .bs-section:has(:is(.bs-sticker, .bs-float-img)),
[data-bsl-page] .bs-section [class*="col-"]:has(:is(.bs-sticker, .bs-float-img)),
[data-bsl-page] .bs-section .row:has(:is(.bs-sticker, .bs-float-img)){ overflow: visible; }
[data-bsl-page] .bs-section [class*="col-"]:has(:is(.bs-sticker, .bs-float-img)),
[data-bsl-page] .bs-section .row:has(:is(.bs-sticker, .bs-float-img)){ position: static; }

/* §4 · Tira de color a sangre (.mut-swatches) ------------------------------ */
[data-bsl-page] [class*="col-"]:has(.mut-swatches),
[data-bsl-page] .bsl-addon:has(.mut-swatches){ overflow: visible; }

/* §5 · Addons de M3 — el envoltorio no debe estorbar ----------------------- */
[data-bsl-page] .bsl-addon{ display: contents; }
[data-bsl-page] .bsl-mutindex,
[data-bsl-page] .bsl-mutslider,
[data-bsl-page] .bsl-mutmarquee{ display: block; }