:root{--verde-oscuro: #1e3d2f;--verde: #2e7d4f;--crema: #faf7f0;--tinta: #24312a;--borde: #e2ddd2}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:var(--crema);color:var(--tinta)}.app{max-width:720px;margin:0 auto;padding:0 1rem 3rem}header{padding:1.25rem 0 .5rem}header h1{margin:0 0 .75rem;color:var(--verde-oscuro);font-size:1.5rem}nav{display:flex;gap:.5rem;border-bottom:2px solid var(--borde)}nav button{background:none;border:none;padding:.6rem 1rem;font-size:1rem;cursor:pointer;color:var(--tinta);border-bottom:3px solid transparent}nav button.activo{color:var(--verde-oscuro);font-weight:700;border-bottom-color:var(--verde)}.aviso{background:#fff8e1;border:1px solid #e6d9a8;padding:.6rem .9rem;border-radius:8px}.aviso.error{background:#fdecea;border-color:#f0b8b1}.siguiente{font-size:1.05rem}.etapa{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:1rem 1.25rem;margin:.75rem 0}.etapa.completa{border-color:var(--verde)}.etapa h2{margin:0 0 .5rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{background:var(--verde-oscuro);color:#fff;border-radius:6px;padding:.1rem .5rem;font-size:.9rem}.chip{font-size:.75rem;border-radius:999px;padding:.15rem .6rem;margin-left:auto}.chip.draft{background:#fff3cd}.chip.activa{background:#d7ecd9}.etapa ul{margin:0;padding-left:1.1rem}.etapa li{margin:.25rem 0;font-size:.95rem}.bitacora{list-style:none;padding:0}.bitacora li{display:flex;gap:1rem;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:.9rem 1.1rem;margin:.6rem 0}.bitacora time{color:var(--verde-oscuro);font-weight:700;white-space:nowrap}.bitacora p{margin:.25rem 0 0;color:#55604f}