/* «Lo que ha dicho y hecho» agrupado por dicho (9 nov 2026, pedido de Daniel): una tarjeta por dicho y, abajo, todas
   las notas que lo publicaron (parciales/funcionario-dichos.php). Usa los colores de directorio-politico.css. */
.dpo-notas { margin-top: .75rem; padding-top: .65rem; border-top: 1px dashed var(--mr-linea, #e3dfe8); }
.dpo-notas-t { display: flex; align-items: center; gap: .4rem; margin: 0 0 .45rem; font-size: .74rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--mr-piedra, #6b6475); }
.dpo-notas-t i { color: var(--mr-morado, #7444b4); }
.dpo-notas-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.dpo-nota { position: relative; padding: .5rem .7rem .55rem; border-radius: .6rem; background: #f7f5fa; border: 1px solid transparent; min-width: 0; scroll-margin-top: calc(var(--alto-cabecera, 74px) + 1rem); }
.dpo-nota.principal { background: #f3eefb; border-color: #e4daf5; }
.dpo-nota.dpo-resaltada, .dpo-dicho.dpo-resaltada { box-shadow: 0 0 0 3px rgba(116, 68, 180, .35); }
.dpo-dicho { scroll-margin-top: calc(var(--alto-cabecera, 74px) + 1rem); }
.dpo-ancla { position: absolute; top: 0; }
.dpo-nota-cabeza { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .5rem; font-size: .86rem; line-height: 1.35; }
.dpo-nota-tipo { display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: .4rem; background: var(--tf, #ece9f1); color: var(--t, #4c4556); font-size: .74rem; flex: 0 0 auto; }
.dpo-nota-medio { color: #2b2338; font-weight: 700; overflow-wrap: anywhere; }
.dpo-nota-cabeza time { color: var(--mr-piedra, #6b6475); font-size: .8rem; white-space: nowrap; }
.dpo-nota-cabeza time::before { content: "·"; margin-right: .5rem; color: var(--mr-linea-2, #cfc8d8); }
.dpo-nota-propia { display: inline-flex; align-items: center; gap: .25rem; padding: 0 .45rem; border-radius: 999px; background: #e6f4ed; color: #155c43; font-size: .72rem; font-weight: 700; }
.dpo-nota-primera { padding: 0 .45rem; border-radius: 999px; background: #ece6f6; color: #4a2a80; font-size: .7rem; font-weight: 700; white-space: nowrap; }
.dpo-nota-titulo { margin: .25rem 0 0; font-size: .84rem; line-height: 1.4; color: #3f3850; overflow-wrap: anywhere; }
.dpo-nota-cita { margin: .3rem 0 0; font-size: .84rem; line-height: 1.45; color: #3f3850; overflow-wrap: anywhere; }
.dpo-nota-cita span { font-size: .74rem; font-weight: 700; color: var(--mr-piedra, #6b6475); }
.dpo-nota-aviso { margin: .3rem 0 0; font-size: .78rem; color: #6d4100; }
.dpo-nota-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .8rem; margin-top: .35rem; font-size: .82rem; }
.dpo-nota-acciones .pst-enlace { font-size: .82rem; }
.dpo-nota-cc { display: inline-flex; align-items: center; gap: .3rem; color: #5e4500; font-weight: 650; text-decoration: none; }
.dpo-nota-cc i { color: #b08300; }
.dpo-nota-cc:hover { text-decoration: underline; }
.dpo-nota-tenue { color: var(--mr-piedra, #6b6475); font-size: .78rem; }
.dpo-nota-acciones .dpo-verif { margin-left: auto; }
.dpo-notas-mas { margin-top: .4rem; }
.dpo-notas-mas > summary { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; padding: .25rem .7rem; border-radius: 999px; border: 1px solid var(--mr-linea, #e3dfe8); background: #fff; color: var(--mr-morado, #7444b4); font-size: .82rem; font-weight: 650; list-style: none; }
.dpo-notas-mas > summary::-webkit-details-marker { display: none; }
.dpo-notas-mas > summary::before { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: .7rem; transition: transform .15s; }
.dpo-notas-mas[open] > summary::before { transform: rotate(180deg); }
.dpo-notas-mas > summary:focus-visible { outline: 3px solid var(--mr-morado, #7444b4); outline-offset: 2px; }
.dpo-notas-mas[open] > .dpo-notas-lista { margin-top: .4rem; }
.dpo-leyenda .fa-layer-group { color: var(--mr-morado, #7444b4); }

@media (max-width: 575.98px) {
  .dpo-nota { padding: .45rem .55rem .5rem; }
  .dpo-nota-acciones .dpo-verif { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .dpo-notas-mas > summary::before { transition: none; }
}