.programa-panel { max-width:1500px; margin:auto; height:100%; background:#f7f9fc; }
.programa-panel .plan-cabecera { align-items:flex-start; gap:20px; }
.programa-panel h2 { margin:5px 0 6px; font-size:25px; letter-spacing:-.6px; }
.programa-panel .programa-acciones { display:flex; gap:8px; flex-wrap:wrap; }
.programa-panel .programa-filtros { display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin:22px 0; }
.programa-filtros label:first-child { flex:1; min-width:220px; }
.programa-resumen { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:22px 24px; background:#fff; border:1px solid #e1e7ee; border-radius:12px; }
.programa-resumen div { display:grid; gap:9px; }
.programa-resumen div+div { border-left:1px solid #e1e7ee; padding-left:24px; }
.programa-resumen span { font-size:12px; color:#65758a; }
.programa-resumen strong { font-size:27px; font-weight:600; font-variant-numeric:tabular-nums; }
.programa-contexto { display:flex; justify-content:space-between; gap:16px; font-size:12px; color:#65758a; margin:18px 2px; }
.programa-scroll { width:100%; max-width:100%; box-sizing:border-box; overflow:auto; border:1px solid #dce4ee; border-radius:12px; background:#fff; }
.programa-grafico { box-sizing:border-box; min-width:850px; --programa-identidad:300px; --programa-etiqueta:40px; }
.programa-eje { display:grid; grid-template-columns:var(--programa-identidad) 1fr; background:#f1f5f9; border-bottom:1px solid #e1e7ee; padding:18px 24px; }
.programa-eje>span { font-size:10px; letter-spacing:.1em; color:#687a8f; }
.programa-eje>div { margin-left:var(--programa-etiqueta); }
.programa-eje .plan-eje { margin-left:0; }
.programa-filas { position:relative; }
.programa-guia { position:absolute; top:0; bottom:0; left:calc(var(--programa-identidad) + var(--programa-etiqueta) + 24px); right:24px; pointer-events:none; z-index:2; }
.programa-hoy { position:absolute; top:0; bottom:0; border-left:1px dashed #bd6142; }
.programa-hoy>span { position:absolute; top:4px; left:4px; font-size:9px; color:#a44b2d; font-style:normal; font-weight:700; background:#fff9; }
.programa-fila { display:grid; grid-template-columns:var(--programa-identidad) 1fr; padding:22px 24px; min-height:128px; border-bottom:1px solid #e8edf3; align-items:center; }
.programa-fila:last-child { border-bottom:0; }
.programa-identidad { padding-right:22px; min-width:0; }
.programa-identidad .plan-abrir { display:grid; gap:4px; max-width:100%; text-align:left; }
.programa-identidad .plan-abrir small { color:#738296; font-size:10px; letter-spacing:.04em; }
.programa-identidad .plan-abrir strong { color:#20364e; font-size:14px; overflow-wrap:anywhere; }
.programa-identidad p { margin:8px 0 0; font-size:10px; color:#6c7a8b; }
.programa-fila .programa-observacion { grid-column:1 / -1; margin:12px 0 0; font-size:11px; color:#526578; white-space:pre-wrap; overflow-wrap:anywhere; }
.programa-estado { display:flex; align-items:center; gap:12px; margin-top:10px; font-size:12px; }
.programa-estado .plan-salud { font-size:9px; }
.programa-pistas { display:grid; gap:12px; }
.programa-pistas>div { display:grid; grid-template-columns:var(--programa-etiqueta) 1fr; align-items:center; }
.programa-pistas>div>span { font-size:9px; color:#7b899a; letter-spacing:.04em; }
.programa-pistas>div>div { position:relative; height:18px; background:repeating-linear-gradient(90deg,#f1f5f9 0,#f1f5f9 1px,transparent 1px,transparent 25%); }
.programa-barra { position:absolute; height:100%; border-radius:4px; min-width:2px; }
.programa-barra.lb,.programa-leyenda i.lb { background:#f1dfb8; border:1px solid #ba9b68; color:#34485d; }
.programa-barra.real,.programa-leyenda i.real { background:#577c96; border:1px solid #3a627d; color:white; }
.programa-barra.en-curso { background:repeating-linear-gradient(135deg,#607f9630 0 4px,#607f9660 4px 7px); color:#243e54; border-right:2px dashed #2b465d; }
.programa-leyenda { display:flex; gap:20px; flex-wrap:wrap; margin:14px 0 24px; color:#728196; font-size:11px; }
.programa-leyenda>span { display:flex; align-items:center; gap:6px; }
.programa-leyenda i { width:18px; height:7px; border-radius:2px; }
.programa-historia { font-size:12px; color:#64748b; border-top:1px solid #dce4ee; padding:16px 0; }
.programa-historia summary { cursor:pointer; }
.programa-historia li { padding:6px 0; }
.programa-editor { max-width:850px; margin:20px auto; padding:24px; border:1px solid #e1e7ee; border-radius:12px; background:white; }
.programa-editor>label { margin:14px 0; }
.programa-editor select { width:100%; }
.programa-editor ol { padding-left:24px; }
.programa-editor li { padding:10px 0; }
.programa-editor li>div { display:flex; gap:5px; align-items:center; }
.programa-editor li span { flex:1; }
.programa-vacio { padding:60px 24px; text-align:center; color:#64748b; }
@media(max-width:700px) { .programa-resumen { gap:10px; padding:16px; } .programa-resumen strong { font-size:19px; } .programa-resumen div+div { padding-left:10px; } .programa-contexto { flex-direction:column; gap:5px; } .programa-panel .plan-cabecera { flex-direction:column; } }

.programa-fila { border-bottom:1px solid #d3dde7; }
.programa-fila:nth-child(even) { background:rgba(72,107,140,.045); }
.programa-barra { box-sizing:border-box; border-radius:2px; }
.programa-barra>span { display:block; text-align:center; font-size:10px; font-weight:600; line-height:16px; white-space:nowrap; overflow:hidden; }
.programa-pistas>div>div { background:linear-gradient(#e8edf2,#e8edf2) center/100% 1px no-repeat; }