/* Guía de alta de organización (3.9.91): cuatro pasos con estado por color. */
.alta-guia { grid-column:1 / -1; margin:0 0 6px; padding:12px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; }
.alta-guia-steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
.alta-guia-steps li { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; }
.alta-guia-steps b { display:block; color:#0f172a; font-size:14px; }
.alta-guia-steps small { display:block; margin-top:2px; color:#475569; font-size:12px; line-height:1.35; }
.alta-num { flex:0 0 28px; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:#e2e8f0; color:#334155; font-weight:800; font-size:13px; }
.alta-guia-steps li[data-state="pending"] { border-color:#fcd34d; background:#fffbeb; }
.alta-guia-steps li[data-state="pending"] .alta-num { background:#fde68a; color:#713f12; }
.alta-guia-steps li[data-state="done"] { border-color:#86efac; background:#f0fdf4; }
.alta-guia-steps li[data-state="done"] .alta-num { background:#16a34a; color:#fff; }
.alta-guia-steps li[data-state="ready"] { border-color:#93c5fd; background:#eff6ff; }
.alta-guia-steps li[data-state="ready"] .alta-num { background:#2563eb; color:#fff; }
.alta-guia-steps li[data-state="later"] { border-style:dashed; }
@media (max-width:480px) { .alta-guia-steps { grid-template-columns:1fr; } }

/* Aviso de fechas sugeridas o de demo: visible, con el color de sugerencia (3.9.96). */
.alta-fechas-nota { margin:6px 0 2px; padding:10px 12px; border:1px solid #eab308; border-left:5px solid #eab308; border-radius:8px; background:#fef9c3; color:#713f12; font-size:14px; font-weight:600; line-height:1.4; }
