/* Clínica UNADECA: complementos al estilo común */
.grupo{display:inline-block;padding:1px 9px;border-radius:999px;font:600 12px var(--f-head);background:var(--tint);color:var(--blue-700)}
.grupo.externo{background:var(--gold-tint);color:#6F5C2B}.grupo.personal{background:#ECEBE7;color:#4d4d48}
.franjas{display:grid;gap:8px}
.franja{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:10px 14px}
.franja.libre{background:#FBFAF6;border-style:dashed}
.franja .h{font:700 16px var(--f-head);color:var(--blue);min-width:92px;font-variant-numeric:tabular-nums}
.franja .q{flex:1;min-width:160px}
.franja .q small{display:block;color:var(--muted)}
.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px}
.v{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--card)}
.v small{display:block;color:var(--muted);font-size:12px}
.v b{font:700 20px var(--f-head);font-variant-numeric:tabular-nums;color:var(--ink)}
.v em{font-style:normal;font-size:12px;margin-left:4px;font-weight:700}
.v.warn{background:var(--warn-bg);border-color:#E7C98C}.v.warn b,.v.warn em{color:var(--warn)}
.v.bad{background:var(--bad-bg);border-color:#E0A9A9}.v.bad b,.v.bad em{color:var(--bad)}
.entrada{border-left:4px solid var(--line);padding:6px 0 6px 14px;margin:0 0 16px}
.entrada.med{border-left-color:var(--heaven)}.entrada.dx{border-left-color:var(--blue)}.entrada.com{border-left-color:var(--sunset)}
.entrada .h{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.entrada .h b{color:var(--ink)}
.entrada.corregida .cuerpo{text-decoration:line-through;opacity:.6}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;background:var(--tint);color:var(--blue-700)}
.chip.alergia{background:var(--bad-bg);color:var(--bad);font-weight:600}.chip.condicion{background:var(--warn-bg);color:var(--warn)}
.procs{display:flex;gap:8px;flex-wrap:wrap}
.procs a{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-decoration:none;font-size:14px}
.procs a.on,.procs a:hover{border-color:var(--blue);background:var(--tint)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
textarea{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:8px;width:100%;min-height:76px}
.lista-simple{margin:0;padding:0;list-style:none}.lista-simple li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.dias-chk{display:flex;gap:10px;flex-wrap:wrap}

/* Dos columnas de las pantallas de día y ficha (no usar .cols/.col: son del gráfico de barras) */
.dcols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.dcol{min-width:0}
@media (max-width:900px){.dcols{grid-template-columns:1fr}}

/* Varios procedimientos: los datos de cada uno aparecen al marcarlo */
.multiproc .pitem{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
.multiproc .pcampos{display:none;margin-top:10px}
.multiproc .pitem:has(input[name=pid]:checked){border-color:var(--blue);background:#f7f9fc}
.multiproc .pitem:has(input[name=pid]:checked) .pcampos{display:block}