/* styles.css — Módulo Planes Alimentarios */
:root { --entity-color: #e67e22; }

/* ── Badges extra estado ──────────────────────────── */
.ni-badge--borrador   { background:#fef9c3;color:#854d0e;border:1px solid #fde047 }
.ni-badge--completado { background:#dcfce7;color:#166534;border:1px solid #86efac }

/* ── Panel macro calculado ───────────────────────── */
.macro-calc-panel { margin: .5rem 0 1rem; }
.macro-placeholder {
  display:flex;flex-direction:column;align-items:center;gap:.75rem;
  padding:2rem;background:#fff7ed;border:2px dashed #fed7aa;
  border-radius:.625rem;color:#c2410c;text-align:center;font-style:italic;
}
.macro-placeholder i { font-size:2rem;color:#e67e22 }

.macro-result-grid {
  display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;
}
.macro-result-card {
  background:#fff;border-radius:.625rem;padding:.875rem .75rem;
  box-shadow:0 1px 3px rgba(0,0,0,.07);
  display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;
  border-top:3px solid var(--mc);
}
.mr-label { font-size:.75rem;font-weight:700;color:var(--mc);text-transform:uppercase;letter-spacing:.04em }
.mr-grams { font-size:1.375rem;font-weight:900;color:var(--mc) }
.mr-kcal  { font-size:.8rem;color:#94a3b8 }
.mr-pct   { font-size:.75rem;font-weight:700;color:#64748b }
.macro-result-total {
  background:linear-gradient(135deg,#fff7ed,#fff);
  border-radius:.625rem;padding:.875rem .75rem;
  box-shadow:0 1px 3px rgba(0,0,0,.07);
  display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;
  border-top:3px solid #e67e22;
}
.mr-total-label { font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase }
.mr-total-val   { font-size:1.5rem;font-weight:900;color:#e67e22 }
.mr-total-dist  { font-size:.75rem;color:#94a3b8 }

/* ── Grid de comidas ─────────────────────────────── */
.comidas-grid {
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;
}
.comida-card {
  background:#fff;border-radius:.625rem;border:1px solid #e2e8f0;
  padding:.875rem 1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.comida-header {
  display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;
}
.comida-icon  { font-size:1.25rem }
.comida-label { font-size:.8125rem;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.04em }
.comida-body  { font-size:.875rem;color:#475569;margin:0;line-height:1.5 }

/* ── Detail section title ────────────────────────── */
.detail-section-title {
  font-size:.875rem;font-weight:700;color:#64748b;
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;
  display:flex;align-items:center;gap:.4rem;
}
.detail-section-title i { color:#e67e22 }

@media (max-width:576px) {
  .macro-result-grid { grid-template-columns:repeat(2,1fr) }
  .comidas-grid      { grid-template-columns:1fr }
}