/* ========= Contenedor visual por carrusel (fondo, aire, título con barra) ========= */
.brc{
  --brc-space-y: 48px;          /* separación exterior entre carruseles (puede sobreescribirse inline) */
  --brc-pad: 28px;              /* padding interno */
  --brc-radius: 16px;
  --brc-title-color: #0f7f86;   /* color del texto del título */
  --brc-accent: #0f7f86;        /* color de la barrita del título */
  --brc-bg: #f7fafb;            /* fondo por defecto */
  --brc-shadow: 0 8px 28px rgba(0,0,0,.06);

  margin-block: var(--brc-space-y);
  padding: var(--brc-pad);
  background: var(--brc-bg);    /* <<< aplicado el fondo */
  /* border-radius: var(--brc-radius); */
  box-shadow: var(--brc-shadow);
}

/* Más separación y padding en desktop */
@media (min-width: 992px){
  .brc{ --brc-space-y: 64px; --brc-pad: 36px; }
}

/* Título con barra vertical a la izquierda (como captura) */
.brc__title{
  position: relative;
  margin: 0 0 16px;
  padding-left: 16px;
  font-size: 40px !important;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--brc-title-color);
  display: inline-block;
}
.brc__title::before{
  content: "";
  position: absolute;
  left: 0; top: 0.15em;
  width: 6px;
  height: 0.9em;
  border-radius: 3px;
  background: var(--brc-accent);
}

/* Paletas (modificadores de color/acento) */
.brc.brc--teal   { --brc-title-color:#0f7f86; --brc-accent:#0f7f86; }
.brc.brc--purple { --brc-title-color:#6b4bb6; --brc-accent:#6b4bb6; }
.brc.brc--orange { --brc-title-color:#c8652a; --brc-accent:#c8652a; }
.brc.brc--pink   { --brc-title-color:#b23a7d; --brc-accent:#b23a7d; }

/* Fondos distintos por carrusel */
.brc.brc--bg-1{ --brc-bg: linear-gradient(180deg, #f6fbfc 0%, #eef6f8 100%); }
.brc.brc--bg-2{ --brc-bg: linear-gradient(180deg, #faf7fd 0%, #f3eefb 100%); }
.brc.brc--bg-3{ --brc-bg: linear-gradient(180deg, #fff7f1 0%, #fff2e9 100%); }
.brc.brc--bg-4{ --brc-bg: linear-gradient(180deg, #fff8fb 0%, #ffeef6 100%); }

/* ===== Temas accesibles para tarjetas de RECURSOS (añade .brc--theme-*) ===== */
.brc{
  /* tokens por defecto (oscuro suave) */
  --rc-card-bg: #101216;
  --rc-card-text: #E9EEF3;
  --rc-card-muted: #B7C2CF;
  --rc-chip-bg: rgba(255,255,255,.08);
  --rc-border: rgba(255,255,255,.12);
  --rc-btn-text: #E9EEF3;
  --rc-btn-border: rgba(233,238,243,.35);
  --rc-btn-bg: transparent;
  --rc-btn-hover: rgba(233,238,243,.08);
  --rc-cta-accent: #C6D312;
}
/* Claro */
.brc--theme-light{
  --rc-card-bg:#F7FAFB; --rc-card-text:#15202B; --rc-card-muted:#4B5B6A;
  --rc-chip-bg:rgba(0,0,0,.06); --rc-border:rgba(0,0,0,.06);
  --rc-btn-text:#15202B; --rc-btn-border:rgba(21,32,43,.28); --rc-btn-bg:#fff; --rc-btn-hover:rgba(0,0,0,.05);
  --rc-cta-accent:#0F7F86;
}
/* Teal (marca) */
.brc--theme-teal{
  --rc-card-bg:#0B272A; --rc-card-text:#EAF7F8; --rc-card-muted:#B9E1E4;
  --rc-chip-bg:rgba(198,211,18,.12); --rc-border:rgba(234,247,248,.16);
  --rc-btn-text:#EAF7F8; --rc-btn-border:rgba(234,247,248,.35); --rc-btn-bg:transparent; --rc-btn-hover:rgba(198,211,18,.16);
  --rc-cta-accent:#C6D312;
}
/* Slate */
.brc--theme-slate{
  --rc-card-bg:#161A1E; --rc-card-text:#F1F5F9; --rc-card-muted:#C7D0DB;
  --rc-chip-bg:rgba(241,245,249,.08); --rc-border:rgba(203,213,225,.16);
  --rc-btn-text:#F1F5F9; --rc-btn-border:rgba(203,213,225,.35); --rc-btn-bg:transparent; --rc-btn-hover:rgba(241,245,249,.08);
  --rc-cta-accent:#60A5FA;
}
/* Sand */
.brc--theme-sand{
  --rc-card-bg:#FFF9F0; --rc-card-text:#2A1F15; --rc-card-muted:#6B5A49;
  --rc-chip-bg:rgba(42,31,21,.05); --rc-border:rgba(42,31,21,.12);
  --rc-btn-text:#2A1F15; --rc-btn-border:rgba(42,31,21,.28); --rc-btn-bg:#fff; --rc-btn-hover:rgba(198,211,18,.18);
  --rc-cta-accent:#C6D312;
}
/* Lilac */
.brc--theme-lilac{
  --rc-card-bg:#F6F2FF; --rc-card-text:#231942; --rc-card-muted:#675A87;
  --rc-chip-bg:rgba(35,25,66,.06); --rc-border:rgba(35,25,66,.15);
  --rc-btn-text:#231942; --rc-btn-border:rgba(35,25,66,.28); --rc-btn-bg:#fff; --rc-btn-hover:rgba(15,127,134,.10);
  --rc-cta-accent:#0F7F86;
}

/* ========= A PARTIR DE AQUÍ, TU CSS ORIGINAL (con mejoras puntuales) ========= */
/* BR – Carousel (Entradas + Recursos + Casos) */
.brcb-wrap {
  /* Tamaños base */
  --gap: 24px;
  --item-w: 360px;
  --item-h: 280px;
  --radius: 16px;

  /* Colores y sombras */
  --ink: #1f2937;
  --muted: #6c7683;
  --line: #e8edf3;
  --soft: #f6f8fa;
  --shadow-sm: 0 3px 10px rgba(0,0,0,.06);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.12);

  /* Navegación */
  --nav-size: 58px;
  --nav-icon: 32px;
}

/* Cabecera */
.brcb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 2px 10px;
}

/* (El título visible es .brc__title dentro de .brcb-head) */

/* Estructura rail/track */
.brcb-rail { position: relative; }
.brcb-track {
  display: flex;
  gap: var(--gap);
  overflow: auto;
  scroll-snap-type: x mandatory;
  padding: 2px calc(var(--nav-size) + 24px);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  align-items: flex-start;
}
.brcb-track::-webkit-scrollbar { display: none; }

.brcb-item {
  flex: 0 0 var(--item-w);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
}

/* Tarjetas */
.brcb-card {
  display: block;
  width: var(--item-w);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}
.brcb-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

/* Imagen */
.brcb-img {
  width: 100%;
  height: var(--item-h);
  background-size: cover;
  background-position: center;
  background-color: #eef2f6;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7a869a;
  font-size: 14px;
}
.brcb-img.noimg span { opacity: .85; }

/* Meta */
.brcb-meta { padding: 14px; }
.brcb-post-title {
  font-size: 24px !important;
  line-height: 1.3;
  margin: 0;
  color: var(--ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

}

/* Título de entrada + flecha */
.brcb-meta--entry .brcb-entry-title-row { display:flex; align-items:center; gap:30px; }
.brcb-go { font-size:20px; line-height:1; transform:translateY(1px); opacity:.85; }

/* Chips contadores */
.brcb-chips { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.brcb-chip { font-size:13px; padding:5px 10px; border:1px solid var(--line); background: var(--soft); color: var(--muted); }

/* Relacionados */
.brcb-linked-cards { margin-top:16px; display:flex; flex-direction:column; gap:16px; }
.brcb-linked-placeholder{ visibility:hidden; pointer-events:none; }
.brcb-linked-head {
  font-size: 18px; font-weight: 800; color: var(--muted);
  text-transform: uppercase; letter-spacing: .3px; margin: 4px 6px 6px;
}

/* ===== RECURSOS – CTA fila con icono grande + botón ===== */
.brc .brcb-card--recurso{
  background: var(--rc-card-bg);
  color: var(--rc-card-text);
  border: 1px solid var(--rc-border);
}
.brc .brcb-card--recurso .rm-bui-title,
.brc .brcb-card--recurso .brcb-post-title{ color: var(--rc-card-text); }
.brc .brcb-card--recurso .rm-bui-excerpt{ color: var(--rc-card-muted); }

.brc .brcb-card--recurso .brcb-btn-row{ display:flex; align-items:center; gap:12px; margin-top:8px; }
.brc .brcb-card--recurso .brcb-btn-row img{ width:56px; height:56px; object-fit:contain; flex-shrink:0; } /* icono grande */
.brc .brcb-card--recurso .rm-bui-btn{
  display:inline-block; padding:10px 16px; border-radius:8px; font-size:14px;
  color: var(--rc-btn-text); border:1px solid var(--rc-btn-border); background: var(--rc-btn-bg);
  text-transform: uppercase; letter-spacing:.3px; transition: background .2s,border-color .2s,color .2s;
}
.brc .brcb-card--recurso .rm-bui-btn:hover{
  background: var(--rc-btn-hover); border-color: var(--rc-cta-accent); color: var(--rc-cta-accent);
}

/* CASOS REALES */
.brcb-card--caso .brcb-excerpt {
  margin: 10px 0 14px; color: #6b7280; font-size: 14px; line-height: 1.45;
}
.brcb-case-footer { display:grid; grid-template-columns:56px 1fr; align-items:center; gap:12px; margin-top:6px; }
.brcb-case-avatar { width:56px; height:56px; display:block; border-radius:50%; object-fit:cover; background:#e9edf2; border:2px solid #fff; box-shadow:0 1px 6px rgba(0,0,0,.06); }
.brcb-case-info { display:flex; flex-direction:column; line-height:1.2; }
.brcb-case-name { font-weight:700; color:#111827; }
.brcb-case-topic { font-size:18px; color:#6b7280; margin-top:2px; }

/* Navegación */
.brcb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: var(--nav-size); height: var(--nav-size); border-radius: 50%;
  border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm);
  display: grid; place-items: center; cursor: pointer; user-select: none;
  font-size: var(--nav-icon); font-weight: bold; z-index: 5;
}
.brcb-prev { left: -140px; }
.brcb-next { right: -140px; }
.brcb-nav:disabled { opacity: .35; cursor: default; }

/* Responsivo */
@media (max-width: 1280px) { .brcb-prev { left: -90px; } .brcb-next { right: -90px; } }
@media (max-width: 1024px) {
  .brcb-wrap { --item-w: 320px; --item-h: 200px; }
  .brcb-prev { left: -60px; } .brcb-next { right: -60px; }
}
@media (max-width: 820px)  {
  .brcb-wrap { --item-w: 78vw; --item-h: 200px; --nav-size: 52px; --nav-icon: 28px; }
  .brcb-track { padding: 2px 54px; }
  .brcb-prev { left: 6px; } .brcb-next { right: 6px; }
}
@media (max-width: 420px) {
  .brcb-wrap { --item-w: 86vw; --item-h: 180px; --nav-size: 48px; --nav-icon: 24px; }
  .brcb-track { padding: 2px 48px; }
}

/* Estados vacíos */
.brcb-empty { color: var(--muted); border: 1px dashed var(--line); padding: 12px; margin: 6px 44px; }

/* Ajustes de flecha/título entrada (se oculta en tema negro abajo) */
.brcb-entry-title-row { display:flex !important; align-items:center !important; gap:0 !important; }
.brcb-entry-title-row .brcb-post-title { margin:0 !important; padding-right:6px !important; }
.brcb-entry-title-row .brcb-go { width:20px !important; height:20px !important; margin:0 !important; padding:0 !important; vertical-align:middle !important; transform: translateX(-2px) !important; }
.brcb-post-title{ margin-top: 30px !important; }

/* ============================================================
   BR Carousel – Tema Negro + Títulos Blancos + Borde Amarillo fijo
   (sigue mandando si lo usas porque lleva !important)
   ============================================================ */

:root{
  --brand-lime: #C6D312;   /* acento principal */
  --brand-teal: #007E8E;   /* acento secundario */
  --ink: #FFFFFF;          /* texto principal blanco */
  --muted: #CCCCCC;        /* texto secundario */
  --line: #C6D312;         /* usamos el mismo amarillo como borde activo */
  --soft: #0F1114;
  --soft-2: #171A1F;
  --font-title: "Space Grotesk", system-ui, sans-serif;
  --font-text: "Poppins", system-ui, sans-serif;
}

/* === Fondo general en negro === */
.brc, .brcb-track, .brcb-rail, .brcb-wrap {
  background: #000000 !important;
  color: var(--ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* === Títulos === */
.brc__title,
.brcb-post-title,
.brcb-case-name {
  color: #fff !important;
  font-family: var(--font-title);
  font-weight: 700;
}
.brc__title::before { background: var(--brand-lime) !important; }

/* === Tarjetas === */
.brcb-card {
  background: #251f1f !important;
  border: 2px solid var(--brand-lime) !important; /* borde amarillo SIEMPRE visible */
  border-radius: 0 !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: none !important;
}
.brcb-card:hover { transform: none !important; border-color: var(--brand-lime) !important; }

/* === Chips contadores === */
.brcb-chip { background: var(--soft) !important; color: var(--muted) !important; border: 1px solid var(--brand-lime) !important; }
.brcb-chip[data-type="recursos"] b,
.brcb-chip[data-type="casos"] b { color: var(--brand-lime) !important; }

/* === Tarjetas de recurso (overlay legacy) === */
.brcb-card--recurso .brcb-cta { background: rgba(0,0,0,0.6) !important; color:#fff !important; font-family: var(--font-title); font-weight:700; }
.brcb-card--recurso .brcb-cta-icon { color: var(--brand-lime) !important; }

/* === Caso real === */
.brcb-card--caso .brcb-excerpt { color: var(--muted) !important; }
.brcb-case-topic { color: var(--brand-teal) !important; }

/* === Navegación === */
.brcb-nav {
  background: #000 !important; color: var(--brand-lime) !important;
  border: 1px solid var(--brand-lime) !important; border-radius: 0 !important; font-size: 28px !important;
}
.brcb-nav:hover { background: #0F1114 !important; color: #fff !important; }

/* === Estado vacío === */
.brcb-empty { background:#000 !important; color: var(--muted) !important; border: 1px dashed var(--brand-lime) !important; }

/* === Accesibilidad === */
.brcb-card:focus-visible, .brcb-nav:focus-visible { outline: 3px solid var(--brand-lime) !important; outline-offset: 2px !important; }

/* === Ajustes === */
.brcb-go{ display: none !important; }
.brcb-card {
  background: #222426 !important;  /* gris antracita */
  border: 2px solid #C6D312 !important;
  color: #FFFFFF !important;
}

/* === Ajuste final tarjetas de RECURSOS (cuerpo blanco, botón amarillo) === */
.brc .brcb-card--recurso{
  background:#ffffff !important;
  color:#103D56 !important;
  border:1px solid #E5E7EB !important;
  box-shadow:0 4px 18px rgba(0,0,0,.08) !important;
}
.brc .brcb-card--recurso .brcb-post-title,
.brc .brcb-card--recurso .rm-bui-title{
  color:#103D56 !important;
}
.brc .brcb-card--recurso .rm-bui-excerpt{
  color:#2f5872 !important;
}
.brc .brcb-card--recurso .brcb-btn-row{
  display:flex;align-items:center;gap:12px;margin-top:10px;
}
.brc .brcb-card--recurso .brcb-btn-row img{
  width:56px;height:56px;object-fit:contain;flex-shrink:0;
}
.brc .brcb-card--recurso .rm-bui-btn{
  display:inline-block;
  padding:11px 18px;
  border-radius:10px;
  background:#c6d312 !important;
  border:1px solid #c6d312 !important;
  color:#103D56 !important;
  text-transform:uppercase;
  letter-spacing:.3px;
  font-weight:700;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.brc .brcb-card--recurso .rm-bui-btn:hover{
  background:#b9c50f !important;
  box-shadow:0 6px 18px rgba(198,211,18,.35);
  transform:translateY(-1px);
}
.brc .brcb-card--recurso .brcb-cta{
  background:transparent !important;
  color:#103D56 !important;
}
.brc .brcb-card--recurso .brcb-cta-icon{
  color:#103D56 !important;
}
.brc .brcb-card--recurso .brcb-chip{
  background:#F3F4F6 !important;
  border:1px solid #E5E7EB !important;
  color:#103D56 !important;
}