/* Club BPS — parte del set custom-club-* (CSS global del sitio).
   Cargado como archivo fisico via index.php del template (registerAndUseStyle + ?v=filemtime).
   Partido desde el antiguo custom-club.css monolitico; un archivo por BLOQUE. */

/* ============================================================
   BLOQUE 3 — Título/Subtítulo NATIVOS de sección (row) SPPB
   Estiliza el markup que genera SP Page Builder cuando se usa
   el campo "title"/"subtitle" a nivel de SECCIÓN (no addon).
   Markup nativo:
     .sppb-section > .sppb-row-container > .sppb-section-title
        > h2.sppb-section-title-heading   (el "title")
        > .sppb-section-title-desc         (el "subtitle")
   (Algunas versiones usan .sppb-title-heading / .sppb-title-subheading;
    cubrimos ambas variantes.)
   ============================================================ */
/* Alineación a la izquierda — pisa las clases .center/.right que SP Page
   Builder pone según la configuración de alineación de cada sección. */
.sppb-section-title{
  text-align:left !important;
}
.sppb-section-title-heading,
.sppb-title-heading,
.sppb-section-title > h1,
.sppb-section-title > h2,
.sppb-section-title > h3{
  font-size:clamp(22px,2.8vw,32px);
  font-weight:800;
  color:var(--azul-900);
  line-height:1.2;
  margin:0 0 12px 0;
  /* !important porque SPPB también fija text-align directo sobre el propio
     heading (no sólo heredado del contenedor .center/.right) según la
     alineación configurada por sección. */
  text-align:left !important;
}
.sppb-section-title-desc,
.sppb-title-subheading,
.sppb-section-title-description{
  text-align:left !important;
}
/* Distintivo de marca: barra tricolor (misma receta que el borde superior
   del footer) debajo del título, en todo el ancho del contenedor — el h3
   ya es block-level así que su ::after ocupa el 100% del ancho sin nada
   extra. Más fina que la primera versión (era 4px arriba, ahora 3px abajo). */
.sppb-section-title-heading::after,
.sppb-title-heading::after{
  content:'';
  display:block;
  width:100%;
  height:3px;
  margin-top:14px;
  border-radius:2px;
  background:linear-gradient(to right,
    var(--azul-900) 0%,var(--azul-900) 33.33%,
    var(--rojo-600) 33.33%,var(--rojo-600) 66.66%,
    var(--verde-700) 66.66%,var(--verde-700) 100%);
}
.bps-section--dark .sppb-section-title-heading::after,
.bps-section--dark .sppb-title-heading::after{
  background:linear-gradient(to right,
    #fff 0%,#fff 33.33%,
    var(--rojo-600) 33.33%,var(--rojo-600) 66.66%,
    var(--verde-700) 66.66%,var(--verde-700) 100%);
}
.sppb-section-title-desc,
.sppb-title-subheading,
.sppb-section-title-description{
  font-size:15px;
  color:var(--gris-600);
  font-weight:400;
  margin:0 0 24px 0;
}
/* Sección oscura (fondo azul institucional): título y subtítulo en blanco.
   Marcada con la clase .bps-section--dark en los settings de la row. */
.bps-section--dark .sppb-section-title-heading,
.bps-section--dark .sppb-title-heading,
.bps-section--dark .sppb-section-title > h1,
.bps-section--dark .sppb-section-title > h2,
.bps-section--dark .sppb-section-title > h3{
  color:#fff;
}
.bps-section--dark .sppb-section-title-desc,
.bps-section--dark .sppb-title-subheading{
  color:rgba(255,255,255,.82);
}