/* Perfiles del Directorio de Organizaciones con la plantilla de la ficha de iniciativa (14 nov 2026, Daniel):
   organizaciones, activistas y personas ciudadanas. Usa las clases de diputacion.css (dip-hero, dip-bloque…).
   Sin colores de partidos: morado y neutros; verde y ámbar solo para decir «hay acciones» o «faltan». */

.dir-hero .dip-foto .obs-avatar.retrato { background: #f3ecfb; color: #4b2a7b; }
.dir-hero .dip-foto .obs-avatar.retrato .obs-iniciales { color: #4b2a7b; }
.dir-hero .dip-foto .obs-avatar.retrato img { object-fit: contain; background: #fff; }
.dir-hero .dip-foto .obs-avatar.dor-retrato-foto img { object-fit: cover; }
.dir-apodo { font-weight: 500; opacity: .85; }
.dir-desc { margin: .75rem 0 0; color: #e6e0ee; line-height: 1.5; font-size: .98rem; }
.dir-orgs { margin: .4rem 0 0; font-size: .92rem; color: #d7cfe6; }

/* La etiqueta de alianza y el aviso de señalamientos se pensaron para fondo claro: van en una pastilla clara dentro del encabezado oscuro. */
.dir-claro { margin-top: .8rem; padding: .7rem .85rem; border-radius: 12px; background: #fff; color: var(--mr-tinta, #251c33); }
.dir-claro a:not(.btn) { color: var(--mr-morado-2, #4b2a7b); }
.dir-claro .snl-recuadro { margin-top: .5rem; }
.dir-claro > :first-child { margin-top: 0; }
.dir-claro > :last-child { margin-bottom: 0; }
.dir-claro-t { margin: 0 0 .35rem; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mr-piedra, #6b6475); }

/* Incidencia */
.dir-inc-equipo { margin: 0 0 1rem; padding: .55rem .75rem; border-radius: 10px; background: #efe7fb; color: #4b2a7b; font-size: .88rem; }
.dir-inc-veredicto { display: flex; align-items: center; gap: .55rem; margin: 0 0 .4rem; font-size: 1.25rem; }
.dir-inc-verde .dir-inc-veredicto i { color: #1f7a5a; }
.dir-inc-ambar .dir-inc-veredicto i { color: #a15c07; }
.dir-inc-gris .dir-inc-veredicto i { color: #6b6475; }
.dir-inc-barras { display: grid; gap: .5rem; margin: 1rem 0; }
.dir-inc-barra { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr) 2.5rem; align-items: center; gap: .6rem; font-size: .9rem; }
.dir-inc-barra i { display: block; height: .7rem; border-radius: 999px; min-width: 4px; }
.dir-inc-barra i.acc { background: #1f7a5a; }
.dir-inc-barra i.dec { background: #a99bc7; }
.dir-inc-barra b { text-align: right; }
.dir-inc-cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)); gap: .6rem; margin: 0 0 1.2rem; }
.dir-inc-cifras > div { padding: .6rem .75rem; border: 1px solid var(--mr-linea, #e3dfe8); border-radius: 12px; background: #faf8fc; }
.dir-inc-cifras dt { font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mr-piedra, #6b6475); }
.dir-inc-cifras dd { margin: .1rem 0 0; font-size: 1.4rem; font-weight: 800; }
.dir-inc-tipos { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 1.2rem; padding: 0; }
.dir-inc-tipos li { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .7rem; border-radius: 999px; background: #efe7fb; color: #4b2a7b; font-size: .84rem; }
.dir-inc-tipos strong { font-weight: 800; }
.dir-inc-lista { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .45rem; }
.dir-inc-item a { display: block; padding: .55rem .75rem; border-radius: 10px; background: #f7f5fa; color: inherit; text-decoration: none; border: 1px solid transparent; }
.dir-inc-item a:hover, .dir-inc-item a:focus-visible { border-color: var(--mr-morado, #7444b4); }
.dir-inc-item-t { display: block; font-weight: 600; line-height: 1.35; }
.dir-inc-item-m { display: block; margin-top: .15rem; font-size: .82rem; color: var(--mr-piedra, #6b6475); }
.dir-inc-ok { color: #1f7a5a; }
@media (max-width: 575.98px) { .dir-inc-barra { grid-template-columns: minmax(0, 1fr) 2.5rem; } .dir-inc-barra i { grid-column: 1 / -1; grid-row: 2; } }

/* Aviso único de señalamientos (ya no se repite «en duda» y «tiene señalamientos») */
.snl-recuadro.snl-fusion { display: block; }

/* Vista del encabezado de personas y organizaciones en celular */
@media (max-width: 575.98px) { .dir-hero .dip-identidad { grid-template-columns: 4.5rem minmax(0, 1fr); gap: .8rem; } }

.dir-inc-cifras .dir-inc-fecha { font-size: 1rem; }
.dir-inc-cifras .dir-inc-nota { margin: .1rem 0 0; font-size: .78rem; color: var(--mr-piedra, #6b6475); }