/* ===========================================================
   community-fix.css — contraste de los titulos de Comunidad
   2026-09-16 · Claude

   PROBLEMA: en Comunidad los titulos de los bloques oscuros salian
   en azul marino sobre azul marino. Medido: rgb(11,27,51) sobre
   rgb(10,30,56) = contraste 1.03. Invisibles.

   CAUSA: network.css trae
       #app, #app .section-title, #app h1, #app h2, #app h3 {color:...}
   Ese selector lleva un ID (especificidad 1-0-1), asi que aplasta a
   community.css, que SI pedia #fff para esos mismos titulos pero solo
   con clases (0-2-1). Por eso los parrafos se leian y los titulos no:
   los parrafos no estan en esa lista.

   SOLUCION: reponer el color con la misma jerarquia (#app + clase),
   sin !important y sin tocar network.css, que lo usan las demas vistas.
   =========================================================== */

/* Anuncios "En el radar" */
#app .brbc-announcements h2,
#app .brbc-announcements h3{color:#fff}

/* Columna derecha: circulos, misiones, eventos, "En vivo" */
#app .brbc-sidebar h2,
#app .brbc-sidebar h3,
#app .brbc-sidebar h4{color:#fff}
#app .brbc-side-title h2{color:#fff}
#app .brbc-circle h3,
#app .brbc-mission h3,
#app .brbc-event h3{color:#fff}

/* El feed central vive sobre fondo claro: ahi el titulo oscuro es el bueno. */
#app .brbc-feed-heading h2{color:var(--paper)}

/* El dato "tu acceso" del hero se cortaba cuando el nombre del plan
   es largo (p.ej. "Acompañamiento"): venia a tamano fijo sin ajuste. */
#app .brbc-hero dt{font-size:clamp(15px,1.5vw,24px);line-height:1.15;
  overflow-wrap:anywhere;hyphens:auto}