/* /var/www/asbc.es/modules/sociogram/assets/css/sociogram.css */

/* ══════════════════════════════════════════════════════════════════════════
   SOCIOGRAMA · las clases propias del instrumento (Fase 11, entrega 11c-3;
   el Z-08 de modularizacion.md, decisión D-41)
   ══════════════════════════════════════════════════════════════════════════

   Vivían en el app.css del NÚCLEO desde julio de 2026, y describen conceptos
   del sociograma, no de una página: los colores de los anillos del mapa de
   distancia social, la pista del género de la tabla resumen y los cuatro
   perfiles sociométricos. Que estuvieran allí hacía que apagar el módulo no
   se llevara su CSS, y que el día que el módulo saliera a su propio paquete
   sus informes se vieran sin color sin que nada fallara.

   Las publica bin/modules-publish-assets y las cargan, en su bloque
   head_extra (con el parcial `@sociogram/_stylesheet.html.twig`), las tres
   plantillas que las usan: el informe del grupo, el individual y la página
   pública /school-sociogram. head_extra va DETRÁS de app.css, así que la
   cascada queda como cuando estas reglas vivían en aquel fichero: ninguna
   regla del núcleo las pisaba.

   Van en CSS y no en un `style` en línea por la CSP del sitio
   (`style-src 'self'`), que bloquea los estilos en línea. */

/* --- Leyendas del sociograma individual: mismos colores que los SVG
   (octantes y anillos del mapa de distancia social). --- */
.asbc-soc-blue      { color: #1e6fc4; }
.asbc-soc-blue-soft { color: #a8c2e8; }
.asbc-soc-red       { color: #b22222; }
.asbc-soc-red-soft  { color: #d8a5a5; }

/* --- Informe sociométrico: pista visual del género en la tabla resumen,
   misma convención de color que el SVG (#8FBC8F male / #F5DEB3 female).
   (No estaban entre las diez clases del Z-08, que no las contó: se vieron al
   medir, en la 11c-3, qué clases del app.css solo usaba un módulo.) --- */
.asbc-gender-male {
    background-color: #8FBC8F;
    color: #222;
}
.asbc-gender-female {
    background-color: #F5DEB3;
    color: #222;
}
/* 2026-07-20: género «Sin especificar» → gris neutro (mismo criterio que el
   color neutro del SVG del sociograma). */
.asbc-gender-unspecified {
    background-color: #C9C9C9;
    color: #222;
}

/* --- Informe sociométrico: PERFIL del alumno (2026-07-13) -------------------
   Etiqueta de color junto al nombre en la tabla de indicadores individuales.
   Los colores son EXACTAMENTE los del título del diagrama de estatus
   (SociometricProfile::color()), para que la tabla y el SVG se lean como una
   sola cosa. La clase la compone SociometricProfile::cssClass().

   El púrpura del "controvertido" es la mezcla del azul del popular y el rojo
   del rechazado — que es justo lo que ese perfil significa: alto en los dos. */
.asbc-soc-profile-popular       { background-color: #1e6fc4; color: #fff; }
.asbc-soc-profile-rejected      { background-color: #b22222; color: #fff; }
.asbc-soc-profile-controversial { background-color: #8e44ad; color: #fff; }
.asbc-soc-profile-ignored       { background-color: #666666; color: #fff; }

/* --- Página pública: los cuatro perfiles sociométricos. La etiqueta de color
   del encabezado usa las clases de arriba (las de la tabla de indicadores del
   informe), para que la web pública y la aplicación hablen con los mismos
   colores. --- */
.asbc-soc-profile-card .panel-title .label {
    font-size: 14px;
    padding: 5px 12px;
}
.asbc-soc-profile-card .panel-body p {
    margin-bottom: 0;
}