/* ==========================================================================
   COMPONENTE: ETIQUETAS DE SECCIÓN (BADGES)
   Capa: componentes (ver CLAUDE.md, "Arquitectura CSS").
   Se usa en la agenda, el muro de inicio, el calendario, el listado de
   inscritos, páginas de contenido (directorio)...

   Uso: .badge-seccion + la clase de su sección (.badge-castores,
   .badge-manada...). Los colores vienen de la paleta de theme.json.
   Las variantes por pantalla (badge apagado en un evento cancelado, tamaño
   en la agenda...) viven en el CSS de su módulo.

   Los !important (color y fondo) son heredados y están PENDIENTES de
   revisar: hay que averiguar a qué ganan antes de quitarlos.

   Movido aquí el 19/10/2026 desde style.css, con los mismos valores. Se
   carga justo detrás de style.css (functions.php), así que mantiene su
   posición frente al resto de hojas.
   ========================================================================== */

.badge-seccion {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: var(--wp--custom--radio--badge);
    padding: 4px 10px;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    line-height: 1;
}

.badge-castores         { background-color: var(--wp--preset--color--castores) !important; }
.badge-manada           { background-color: var(--wp--preset--color--manada) !important; }
.badge-tropa            { background-color: var(--wp--preset--color--tropa) !important; }
.badge-esculta          { background-color: var(--wp--preset--color--esculta) !important; }
.badge-clan             { background-color: var(--wp--preset--color--clan) !important; }
.badge-kanguros         { background-color: var(--wp--preset--color--kanguros) !important; }
.badge-grupo            { background-color: var(--wp--preset--color--grupo) !important; }
.badge-consejo          { background-color: var(--wp--preset--color--consejo) !important; }
.badge-asde-exmu-mundo  { background-color: var(--wp--preset--color--asde-exmu-mundo) !important; }
.badge-publico          { background-color: var(--wp--preset--color--publico) !important; }

/* Alias de sección usados en páginas de contenido (p. ej. /informacion/
   contacto-directorio-de-grupo/): "Colonia" = Castores, "Scout" = Tropa,
   "Clan Rover" = Clan, "Scouters" = gris de grupo. */
.badge-colonia          { background-color: var(--wp--preset--color--castores) !important; }
.badge-scout            { background-color: var(--wp--preset--color--tropa) !important; }
.badge-clan-rover       { background-color: var(--wp--preset--color--clan) !important; }
.badge-scouters         { background-color: var(--wp--preset--color--grupo) !important; }