/* macro_semanal.css — bloques desplegables de «Macro semanal» (#macro-bloque). Reutiliza el componente .cb de Informes. */
#macro-bloque .mx-bloque { margin-bottom: 12px; }
#macro-bloque .mx-bloque[hidden], #macro-bloque .mx-sub[hidden] { display: none; }
#macro-bloque .mx-bloque > .cb-cab .cb-t { font-size: 17px; text-transform: none; }
#macro-bloque .mx-bloque > .cb-cab .cb-sub { flex: 1 1 260px; }
#macro-bloque .mx-sub { margin: 0; }
#macro-bloque .mx-sub > .cb-cab { padding: 10px 14px; }
#macro-bloque .mx-sub > .cb-cab .cb-t { font-size: 14.5px; text-transform: none; }
#macro-bloque .mx-sub > .cb-cuerpo > .cb-plie > .cb-in { padding: 4px 12px 14px; }
#macro-bloque .mx-bloque .cb-in > .panel { margin: 0; }
.mx-nota { margin: 0 0 8px; font-size: 12px; line-height: 1.45; color: var(--text-muted); }
.mx-com { margin: 0 0 8px; font-size: 14px; line-height: 1.5; }
#macro-bloque .mas-cb { margin-top: 6px; }
@media (max-width: 900px) {
  #macro-bloque .mx-bloque > .cb-cab { padding: 12px 14px; gap: 2px 10px; }
  #macro-bloque .mx-bloque > .cb-cab .cb-sub { flex-basis: 100%; order: 3; font-size: 12px; }
  #macro-bloque .mx-bloque > .cb-cab .chev { margin-left: auto; }
}

/* «Análisis propio» (derivados.js) */
.dv-lista { display: grid; gap: 8px; margin: 0 0 8px; }
.dv-card { border: 1px solid var(--border, rgba(128,128,128,.25)); border-radius: 10px; padding: 10px 12px; }
.dv-card p { margin: 4px 0 0; font-size: 14px; line-height: 1.5; }
.dv-t { font-weight: 600; font-size: 14px; }
.dv-etq { margin-top: 4px; }

/* Tarjeta post-evento (post_evento.js) */
.pe-zona { margin: 0 0 12px; display: grid; gap: 8px; }
.pe-card { border: 1px solid var(--t-sec, var(--accent, #888)); border-left-width: 4px; border-radius: 10px; padding: 10px 12px; background: var(--card, rgba(128,128,128,.06)); }
.pe-cab { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 12px; margin-bottom: 6px; }
.pe-etq { font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.pe-hora { color: var(--text-muted); }
.pe-det > summary { list-style: none; cursor: pointer; }
.pe-det > summary::-webkit-details-marker { display: none; }
.pe-l { margin: 0 0 6px; font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pe-det[open] > summary .pe-l { -webkit-line-clamp: unset; display: block; }
.pe-mas { font-size: 12px; color: var(--text-muted); text-decoration: underline; }
.pe-det[open] > summary .pe-mas::after { content: " · cerrar"; }
.pe-detalle h4 { margin: 10px 0 4px; font-size: 13px; }
.pe-ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.45; }
.pe-ul .pe-sinvineta { list-style: none; margin-left: -18px; }
.pe-tabla { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 4px 0; }
.pe-tabla th, .pe-tabla td { text-align: left; padding: 3px 6px; border-bottom: 1px solid var(--border, rgba(128,128,128,.2)); }
.pe-hist > summary { cursor: pointer; font-size: 13px; color: var(--text-muted); }
.pe-fecha { font-size: 12px; color: var(--text-muted); margin: 8px 0 2px; }

/* Filtro de relevancia y Lo más relevante de la semana (relevancia.js) */
.rl-zona { margin: 8px 0 0; display: grid; gap: 8px; }
.rl-tit { margin: 4px 0 0; font-size: 15px; }
.rl-card { border: 1px solid var(--border, rgba(128,128,128,.25)); border-radius: 10px; padding: 10px 12px; }
.rl-cab { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; font-size: 12px; margin-bottom: 4px; }
.rl-cuando { margin-left: auto; color: var(--text-muted); }
.rl-l { margin: 0 0 4px; font-size: 14px; line-height: 1.45; }
.rl-orig { font-size: 12px; color: var(--text-muted); }
.rl-et { display: inline-block; font-size: 12px; font-weight: 700; padding: 1px 7px; border-radius: 999px; border: 1px solid currentColor; }
.rl-muy { color: #c0392b; } .rl-rel { color: #b9770e; } .rl-ctx { color: var(--text-muted); }
.rl-tema { font-size: 12px; color: var(--text-muted); }
.rl-afecta { margin-top: 2px; font-size: 12.5px; color: var(--text-muted); }
.rl-compacta { opacity: .85; }
.rl-mas > summary { cursor: pointer; font-size: 13px; color: var(--text-muted); margin: 4px 0; }
.rl-mas .rl-card { margin-top: 8px; }

/* Móvil (360-390 px): menos scroll, sin scroll horizontal de la página, tablas con scroll interno y tarjetas compactas */
@media (max-width: 600px) {
  #macro-bloque { max-width: 100%; overflow-x: hidden; overflow-wrap: anywhere; }
  #macro-bloque .mx-bloque { margin-bottom: 8px; }
  #macro-bloque .mx-bloque > .cb-cab { padding: 9px 12px; }
  #macro-bloque .mx-bloque > .cb-cab .cb-t { font-size: 15.5px; }
  #macro-bloque .mx-bloque > .cb-cab .cb-sub { font-size: 12px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  #macro-bloque .mx-bloque > .cb-cuerpo > .cb-plie > .cb-in { padding: 4px 10px 10px; }
  #macro-bloque .mx-sub > .cb-cab { padding: 8px 10px; }
  #macro-bloque .mx-sub > .cb-cuerpo > .cb-plie > .cb-in { padding: 2px 8px 10px; }
  #macro-bloque table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #macro-bloque img, #macro-bloque svg { max-width: 100%; height: auto; }
  .pe-zona, .rl-zona { gap: 6px; }
  .pe-card, .rl-card, .dv-card { padding: 8px 10px; }
  .pe-l, .rl-l, .dv-card p, .mx-com { font-size: 13px; line-height: 1.4; margin-bottom: 3px; }
  .rl-l { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  .rl-cab { gap: 4px 6px; }
  .rl-tit { font-size: 14px; }
  .rl-zona > .mx-nota { display: none; }
  .mx-nota { font-size: 12px; margin-bottom: 6px; }
  #macro-evento .titular, #macro-evento .ts-semana .ts-p { font-size: 13px; }
}
.ts-relato{margin:6px 0 8px;padding-left:18px;font-size:14px;line-height:1.5}.ts-relato li{margin:4px 0}