/* 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 2 — Clases reutilizables para contenido SPPB
   (página Institucional y reutilizables en el resto del sitio)
   ============================================================ */

/* ---- Encabezado de sección (eyebrow + título + lead) ----
   Reemplaza los estilos inline repetidos en 5 secciones. */
.bps-eyebrow{
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--azul-900);
  font-weight:600;
  margin:0 0 10px 0;
}
.bps-eyebrow--light{ color:rgba(255,255,255,.65); }

.bps-section-title{
  font-size:clamp(22px,2.8vw,32px);
  font-weight:800;
  color:var(--azul-900);
  line-height:1.2;
  margin:0 0 20px 0;
}
.bps-section-title--light{ color:#fff; }
.bps-section-title--tight{ margin-bottom:6px; }

.bps-section-lead{
  font-size:15px;
  color:var(--gris-600);
  margin:0 0 24px 0;
}

/* Título hero de página (el H1 "Institucional" sobre fondo azul) */
.bps-page-hero-title{
  font-size:clamp(32px,5vw,52px);
  font-weight:800;
  color:#fff;
  line-height:1.1;
  margin:0;
}

/* ---- Prosa institucional (párrafos largos legibles) ---- */
.bps-prose p{
  font-size:16px;
  color:var(--gris-700);
  line-height:1.85;
  margin:0 0 16px 0;
}
.bps-prose p:last-child{ margin-bottom:0; }
.bps-prose strong{ color:var(--gris-900); }
.bps-prose--light p{ color:rgba(255,255,255,.82); }
.bps-prose--light strong{ color:#fff; }

/* ---- Cards de cargos (Comisión Directiva) ----
   Reemplaza los 11 bloques con estilos inline idénticos. */
.bps-cargo-card{
  background:var(--azul-50);
  border-radius:var(--radius-md);
  padding:12px 16px;
  border-left:3px solid var(--azul-900);
  margin-bottom:8px;
}
.bps-cargo-card__label{
  font-size:11px;
  font-weight:700;
  color:var(--azul-900);
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.bps-cargo-card__name{
  font-size:16px;
  font-weight:700;
  color:var(--gris-900);
  margin-top:2px;
}

/* Lista simple de vocales / nombres */
.bps-roster__heading{
  font-size:11px;
  font-weight:700;
  color:#697586;
  letter-spacing:1.2px;
  text-transform:uppercase;
  margin:16px 0 10px 0;
}
.bps-roster__item{
  border-bottom:1px solid var(--gris-300);
  padding:8px 0;
  font-size:16px;
  font-weight:600;
  color:var(--gris-900);
}
.bps-roster__item:last-child{ border-bottom:0; }

/* ---- Tabla institucional (histórica / de datos) ----
   Variante con thead azul; complementa la regla global
   .sppb-text-block table que ya tenías. */
.bps-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
  background:#fff;
  border-radius:var(--radius-md);
  overflow:hidden;
  border:1px solid var(--gris-300);
  margin:0 0 20px 0;
}
.bps-table th{
  background:var(--azul-900);
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.5px;
  text-align:left;
  padding:12px 18px;
}
.bps-table td{
  padding:12px 18px;
  color:var(--gris-700);
  border-bottom:1px solid var(--gris-300);
}
.bps-table tr:last-child td{ border-bottom:0; }
.bps-table tbody tr:nth-child(even){ background:var(--azul-50); }
/* Primera celda de cada fila resaltada (rol / cargo) */
.bps-table td:first-child{ font-weight:700; color:var(--azul-900); }
.bps-table .bps-badge-actual{
  display:inline-block;
  background:var(--azul-900);
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:2px 10px;
  border-radius:20px;
  margin-top:4px;
  letter-spacing:.5px;
}

/* ---- Stats / estadísticas (fallback si NO se usa el addon
   nativo Animated Number). El addon nativo ya trae sus estilos;
   estas clases sirven para versión raw_html si hiciera falta. */
.bps-stat{ text-align:center; padding:10px 0; }
.bps-stat__num{
  font-size:clamp(36px,4vw,52px);
  font-weight:800;
  color:#fff;
  line-height:1;
}
.bps-stat__label{
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,.75);
  margin-top:10px;
}

/* Da color de marca al número del addon nativo Animated Number
   cuando vive en una sección de fondo azul institucional. */
.bps-stat-native .sppb-animated-number,
.bps-stat-native .sppb-animated-number-title{ color:#fff !important; }
.bps-stat-native .sppb-animated-number-title{ color:rgba(255,255,255,.75) !important; }