/* ── Notas de Prensa ── */
.np-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.np-title { font-size:22px; font-weight:700; color:var(--text-primary,#1a1a1a); }
.np-btn { padding:9px 18px; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; border:none; transition:background .2s; }
.np-btn-primary { background:#FF5500; color:#fff; }
.np-btn-primary:hover { background:#e04a00; }
.np-btn-secondary { background:var(--bg-hover,#f3f4f6); color:var(--text-primary,#374151); }
.np-btn-secondary:hover { background:#e5e7eb; }
.np-btn-danger { background:#fee2e2; color:#dc2626; }
.np-btn-danger:hover { background:#fecaca; }
.np-stepper { display:flex; align-items:center; gap:0; margin-bottom:32px; }
.np-step { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:#9ca3af; }
.np-step.active { color:#FF5500; }
.np-step.done { color:#22c55e; }
.np-step-num { width:28px; height:28px; border-radius:50%; border:2px solid currentColor; display:flex; align-items:center; justify-content:center; font-size:12px; flex-shrink:0; }
.np-step.done .np-step-num { background:#22c55e; border-color:#22c55e; color:#fff; }
.np-step.active .np-step-num { background:#FF5500; border-color:#FF5500; color:#fff; }
.np-step-line { flex:1; height:2px; background:#e5e7eb; margin:0 8px; min-width:20px; }
.np-dropzone { border:2px dashed #d1d5db; border-radius:12px; padding:48px 24px; text-align:center; cursor:pointer; transition:all .2s; background:var(--bg-card,#fff); }
.np-dropzone:hover, .np-dropzone.drag-over { border-color:#FF5500; background:#fff8f5; }
.np-dropzone svg { width:40px; height:40px; color:#9ca3af; margin:0 auto 12px; display:block; }
.np-dropzone-title { font-size:15px; font-weight:600; color:var(--text-primary,#374151); margin-bottom:4px; }
.np-dropzone-sub { font-size:13px; color:#6b7280; }
.np-file-selected { background:#f0fdf4; border-color:#22c55e; }
.np-file-selected svg { color:#22c55e; }
.np-form-field { margin-bottom:16px; }
.np-form-field label { display:block; font-size:12px; font-weight:600; color:#6b7280; margin-bottom:6px; text-transform:uppercase; letter-spacing:.5px; }
.np-form-field input, .np-form-field textarea { width:100%; padding:10px 12px; border:1.5px solid #d1d5db; border-radius:8px; font-size:14px; outline:none; transition:border .2s; background:var(--bg-card,#fff); color:var(--text-primary,#374151); }
.np-form-field input:focus, .np-form-field textarea:focus { border-color:#FF5500; }
.np-progress-wrap { padding:40px 24px; text-align:center; }
.np-progress-icon { font-size:48px; margin-bottom:16px; display:block; }
.np-progress-title { font-size:18px; font-weight:700; color:var(--text-primary,#1a1a1a); margin-bottom:8px; }
.np-progress-sub { font-size:14px; color:#6b7280; margin-bottom:24px; }
.np-progress-bar { height:4px; background:#e5e7eb; border-radius:2px; overflow:hidden; max-width:300px; margin:0 auto; }
.np-progress-fill { height:100%; background:#FF5500; border-radius:2px; animation:np-progress-anim 2s ease-in-out infinite; }
@keyframes np-progress-anim { 0%{width:10%} 50%{width:70%} 100%{width:10%} }
.np-speaker-card { background:var(--bg-card,#fff); border:1px solid #e5e7eb; border-radius:12px; padding:20px; margin-bottom:16px; }
.np-speaker-header { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.np-speaker-badge { width:36px; height:36px; border-radius:50%; background:#FF5500; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; flex-shrink:0; }
.np-speaker-label { font-size:14px; font-weight:600; color:var(--text-primary,#374151); }
.np-speaker-sub { font-size:12px; color:#9ca3af; }
.np-audio-player { background:#f9fafb; border-radius:8px; padding:12px 16px; display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.np-audio-play-btn { width:36px; height:36px; border-radius:50%; background:#FF5500; border:none; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .2s; }
.np-audio-play-btn:hover { background:#e04a00; }
.np-audio-bar { flex:1; height:4px; background:#d1d5db; border-radius:2px; cursor:pointer; position:relative; }
.np-audio-fill { height:100%; background:#FF5500; border-radius:2px; width:0%; transition:width .1s; }
.np-audio-time { font-size:11px; color:#6b7280; flex-shrink:0; }
.np-note-output { background:var(--bg-card,#fff); border:1px solid #e5e7eb; border-radius:12px; padding:28px; line-height:1.8; }
.np-note-output h1 { font-size:22px; font-weight:700; color:var(--text-primary,#1a1a1a); margin-bottom:16px; font-family:Georgia,serif; }
.np-note-output p { margin-bottom:12px; color:var(--text-primary,#374151); font-size:15px; }
.np-note-output blockquote { border-left:3px solid #FF5500; padding:8px 16px; margin:16px 0; color:#6b7280; font-style:italic; background:#fff8f5; border-radius:0 8px 8px 0; }
.np-note-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.np-history-card { background:var(--bg-card,#fff); border:1px solid #e5e7eb; border-radius:10px; padding:16px 20px; cursor:pointer; transition:all .2s; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.np-history-card:hover { border-color:#FF5500; box-shadow:0 2px 8px rgba(255,85,0,.1); }
.np-badge { display:inline-flex; align-items:center; padding:3px 10px; border-radius:12px; font-size:11px; font-weight:600; }
.np-badge-ok { background:#dcfce7; color:#16a34a; }
.np-badge-wip { background:#fff7ed; color:#ea580c; }
.np-badge-err { background:#fee2e2; color:#dc2626; }
.np-empty { text-align:center; padding:60px 20px; color:#9ca3af; }
.np-empty-icon { font-size:48px; margin-bottom:12px; }
.np-editor-wrap { margin-top:16px; }
.np-editor-wrap textarea { width:100%; height:300px; padding:16px; border:1.5px solid #d1d5db; border-radius:8px; font-size:13px; font-family:monospace; resize:vertical; outline:none; }
.np-editor-wrap textarea:focus { border-color:#FF5500; }

/* ── New list styles ─── */
.np-history-card { display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:14px 16px; margin-bottom:8px; cursor:pointer; transition:box-shadow .15s; }
.np-history-card:hover { box-shadow:0 2px 8px rgba(0,0,0,.08); }
.np-badge-step2 { background:#fff7ed; color:#c2410c; border:1px solid #fed7aa; }
.np-dot-row { display:flex; gap:4px; align-items:center; }
.np-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.np-dot-done { background:#22c55e; }
.np-dot-active { background:#FF5500; }
.np-dot-pending { background:#e5e7eb; }
.np-btn-sm { padding:5px 10px; font-size:12px; }
.np-btn-danger { background:#fee2e2; color:#dc2626; border:1px solid #fca5a5; }
.np-btn-danger:hover { background:#fecaca; }