@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ============================================
   NEBO WIDGET v7 - COLORES DINAMICOS
   FeedCurato® Theme: feedcurato-dark
   ============================================ */

/* TEMA DARK (default) - Usa variables CSS inyectadas */
.nebo-widget{--nebo-bg:#1e1e2e;--nebo-card:rgba(255,255,255,0.04);--nebo-border:rgba(255,255,255,0.1);--nebo-border-primary:color-mix(in srgb, var(--nebo-primary) 20%, transparent);--nebo-text:#fafafa;--nebo-muted:#a0a0b0;--nebo-positive:#34d399;--nebo-negative:#f87171;--nebo-neutral:#fbbf24;--nebo-logo-text:#fff;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;border-radius:10px;background:var(--nebo-bg);border:1px solid var(--nebo-primary);box-shadow:0 4px 20px color-mix(in srgb, var(--nebo-primary) 25%, transparent);margin:24px 0;overflow:hidden}

/* TEMA LIGHT */
.nebo-widget.light{--nebo-bg:#ffffff;--nebo-card:rgba(0,0,0,0.02);--nebo-border:rgba(0,0,0,0.08);--nebo-border-primary:color-mix(in srgb, var(--nebo-primary) 25%, transparent);--nebo-text:#1a1a2e;--nebo-muted:#64748b;--nebo-positive:#10b981;--nebo-negative:#ef4444;--nebo-neutral:#f59e0b;--nebo-logo-text:#1a1a2e;box-shadow:0 4px 24px rgba(0,0,0,0.08)}

/* Light theme specific overrides */
.nebo-widget.light .nebo-logo{background:var(--nebo-primary);border:1px solid var(--nebo-primary-dark);color:#fff}
.nebo-widget.light .nebo-header{background:var(--nebo-header-bg)}
.nebo-widget.light.has-cache .nebo-header:hover{background:var(--nebo-primary-dark)}
.nebo-widget.light .nebo-ultra{background:linear-gradient(135deg,color-mix(in srgb, var(--nebo-primary) 6%, transparent) 0%,color-mix(in srgb, var(--nebo-primary) 2%, transparent) 100%)}
.nebo-widget.light .nebo-ultra::before{background:linear-gradient(90deg,transparent,var(--nebo-primary),transparent)}
.nebo-widget.light .nebo-branding{background:var(--nebo-header-bg)}
.nebo-widget.light .nebo-resumen-header{background:rgba(0,0,0,0.03)}
.nebo-widget.light .nebo-resumen-footer{background:rgba(0,0,0,0.02)}
.nebo-widget.light .nebo-acordeon-icon{background:color-mix(in srgb, var(--nebo-primary) 8%, transparent)}
.nebo-widget.light .nebo-sentiment-icon.positive{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.25)}
.nebo-widget.light .nebo-sentiment-icon.negative{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.25)}
.nebo-widget.light .nebo-sentiment-icon.neutral{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.25)}
.nebo-widget.light .nebo-timeline-item::before{box-shadow:0 0 0 3px var(--nebo-bg)}

/* Light theme - cards con colores alternados (menos saturados) */
.nebo-widget.light .nebo-faq-item{background:color-mix(in srgb, var(--nebo-primary) 6%, transparent);border-color:color-mix(in srgb, var(--nebo-primary) 20%, transparent)}
.nebo-widget.light .nebo-faq-q{color:var(--nebo-primary-dark)}
.nebo-widget.light .nebo-term{background:rgba(16,185,129,0.06);border-color:rgba(16,185,129,0.2)}
.nebo-widget.light .nebo-term-word{color:#059669}
.nebo-widget.light .nebo-persona{background:rgba(251,146,60,0.06);border-color:rgba(251,146,60,0.2)}
.nebo-widget.light .nebo-persona-name{color:#c2410c}
.nebo-widget.light .nebo-persona-cargo{color:#ea580c}
.nebo-widget.light .nebo-persona-avatar{background:rgba(251,146,60,0.15);border-color:rgba(251,146,60,0.3);color:#c2410c}
.nebo-widget.light .nebo-cita{background:rgba(59,130,246,0.06);border-color:rgba(59,130,246,0.2)}
.nebo-widget.light .nebo-cita-author{color:#2563eb}
.nebo-widget.light .nebo-impact{background:rgba(6,182,212,0.06);border-color:rgba(6,182,212,0.2)}
.nebo-widget.light .nebo-context{background:rgba(236,72,153,0.06);border-color:rgba(236,72,153,0.2)}
.nebo-widget.light .nebo-next-item{background:color-mix(in srgb, var(--nebo-primary) 6%, transparent);border-color:color-mix(in srgb, var(--nebo-primary) 20%, transparent)}
.nebo-widget.light .nebo-postura.favor{background:rgba(16,185,129,0.06);border-color:rgba(16,185,129,0.2)}
.nebo-widget.light .nebo-postura.contra{background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.2)}
.nebo-widget.light .nebo-postura.favor .nebo-postura-title{color:#059669}
.nebo-widget.light .nebo-postura.contra .nebo-postura-title{color:#dc2626}
.nebo-widget.light .nebo-share-text{background:rgba(0,0,0,0.02)}
.nebo-widget.light .share-btn{background:rgba(0,0,0,0.02)}
.nebo-widget.light .share-btn:hover{background:var(--nebo-primary);color:#fff}

.nebo-widget svg{width:16px;height:16px;flex-shrink:0}

/* Header - USA COLOR DINÁMICO */
.nebo-widget .nebo-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--nebo-header-bg);border-bottom:none}
.nebo-widget.has-cache .nebo-header{cursor:pointer;transition:background 0.2s}
.nebo-widget.has-cache .nebo-header:hover{background:color-mix(in srgb, var(--nebo-header-bg) 90%, white)}
.nebo-widget.has-cache.collapsed .nebo-header{border-bottom:none}
.nebo-widget .nebo-header-left{display:flex;align-items:center;gap:14px}
.nebo-widget .nebo-header-right{display:flex;align-items:center;gap:12px}
.nebo-widget .nebo-logo{width:52px;height:52px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}
.nebo-widget .nebo-brand-name{display:block;font-size:20px;font-weight:700;color:#fff}
.nebo-widget .nebo-brand-tagline{font-size:12px;color:rgba(255,255,255,0.7);margin-top:0;line-height:1.3}
.nebo-widget .nebo-cached-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:rgba(52,211,153,0.25);padding:8px 14px;border-radius:20px;border:1px solid rgba(52,211,153,0.4)}
.nebo-widget .nebo-cached-badge .dot{width:6px;height:6px;background:var(--nebo-positive);border-radius:50%;animation:neboPulse 2s infinite}
@keyframes neboPulse{0%,100%{opacity:1}50%{opacity:0.5}}
.nebo-widget .nebo-expand-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:10px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s}
.nebo-widget .nebo-expand-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}
.nebo-widget .nebo-expand-btn .collapse-text{display:none}
.nebo-widget.expanded .nebo-expand-btn .expand-text{display:none}
.nebo-widget.expanded .nebo-expand-btn .collapse-text{display:inline}
.nebo-widget .nebo-arrow{transition:transform 0.3s}
.nebo-widget .nebo-arrow svg{width:12px;height:12px;color:var(--nebo-muted)}
.nebo-widget.expanded .nebo-arrow{transform:rotate(180deg)}
.nebo-widget .nebo-btn-generate{display:flex;align-items:center;gap:8px;padding:14px 28px;background:#1a1a2e;border:1px solid rgba(255,255,255,0.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s}
.nebo-widget .nebo-btn-generate:hover{background:#252540;transform:translateY(-2px)}
.nebo-widget .nebo-btn-generate .btn-loading{display:none}
.nebo-widget .nebo-btn-generate.loading .btn-text{display:none}
.nebo-widget .nebo-btn-generate.loading .btn-loading{display:inline-flex;align-items:center;gap:8px}
.nebo-widget .nebo-btn-generate.loading{color:#fff}
.nebo-widget .nebo-btn-generate .spinner{border-color:rgba(255,255,255,0.3);border-top-color:#fff}
.nebo-widget .nebo-btn-generate.hidden{display:none}
.nebo-widget .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:neboSpin 0.8s linear infinite}
@keyframes neboSpin{to{transform:rotate(360deg)}}

/* Skeletons - Feedback visual inmediato */
.nebo-widget .skeleton{background:linear-gradient(90deg,var(--nebo-card) 25%,rgba(255,255,255,0.08) 50%,var(--nebo-card) 75%);background-size:200% 100%;animation:neboShimmer 1.5s infinite;border-radius:6px}
.nebo-widget .skeleton-text{height:14px;margin-bottom:8px}
.nebo-widget .skeleton-text:last-child{width:60%;margin-bottom:0}
@keyframes neboShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Content */
.nebo-widget .nebo-content{display:none}
.nebo-widget .nebo-content.active{display:block}
.nebo-widget.has-cache.collapsed .nebo-content{display:none !important}
.nebo-widget .nebo-quick{padding:24px;background:var(--nebo-card);display:flex;flex-direction:column;gap:20px}

/* Resumen - PRIMERO */
.nebo-widget .nebo-resumen{background:var(--nebo-card);border:1px solid var(--nebo-border);border-radius:14px;overflow:hidden}

/* Ultra Resumen - USA COLOR DINÁMICO */
.nebo-widget .nebo-ultra{background:linear-gradient(135deg,color-mix(in srgb, var(--nebo-primary) 6%, transparent) 0%,color-mix(in srgb, var(--nebo-primary) 2%, transparent) 100%);border:1px solid var(--nebo-border-primary);border-radius:16px;padding:24px;position:relative}
.nebo-widget .nebo-ultra::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--nebo-primary),transparent)}
.nebo-widget .nebo-ultra-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--nebo-primary);text-transform:uppercase;margin-bottom:14px}
.nebo-widget .nebo-ultra-text{font-size:18px;font-weight:600;color:var(--nebo-text);margin:0;line-height:1.6}

/* Sentimiento - SVG grande + fondo coloreado MÁS VISIBLE */
.nebo-widget .nebo-sentiment{display:flex;align-items:center;gap:24px;padding:24px;border-radius:16px;border:1px solid;background:var(--nebo-card)}
.nebo-widget .nebo-sentiment.positive{background:rgba(52,211,153,0.15);border-color:rgba(52,211,153,0.4)}
.nebo-widget .nebo-sentiment.negative{background:rgba(248,113,113,0.15);border-color:rgba(248,113,113,0.4)}
.nebo-widget .nebo-sentiment.neutral{background:rgba(251,191,36,0.15);border-color:rgba(251,191,36,0.4)}
.nebo-widget .nebo-sentiment-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nebo-widget .nebo-sentiment-icon svg{width:40px;height:40px}
.nebo-widget .nebo-sentiment-icon.positive{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;box-shadow:0 8px 24px rgba(52,211,153,0.35)}
.nebo-widget .nebo-sentiment-icon.negative{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 8px 24px rgba(248,113,113,0.35)}
.nebo-widget .nebo-sentiment-icon.neutral{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 8px 24px rgba(251,191,36,0.35)}

/* Resumen header/footer */
.nebo-widget .nebo-resumen-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(255,255,255,0.03);border-bottom:1px solid var(--nebo-border)}
.nebo-widget .nebo-resumen-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--nebo-primary);text-transform:uppercase}
.nebo-widget .nebo-resumen-actions{display:flex;gap:8px}
.nebo-widget .nebo-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--nebo-border);border-radius:8px;color:var(--nebo-muted);font-size:12px;cursor:pointer;transition:all 0.2s}
.nebo-widget .nebo-action-btn:hover{border-color:var(--nebo-primary);color:var(--nebo-primary)}
.nebo-widget .nebo-action-btn .audio-stop{display:none}
.nebo-widget .nebo-action-btn.playing .audio-icon{display:none}
.nebo-widget .nebo-action-btn.playing .audio-stop{display:inline}
.nebo-widget .nebo-action-btn.playing{background:var(--nebo-primary);border-color:var(--nebo-primary);color:#fff}
.nebo-widget .nebo-resumen-body{padding:20px}
.nebo-widget .nebo-resumen-text{font-size:15px;color:var(--nebo-text);margin:0;line-height:1.7}
.nebo-widget .nebo-resumen-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(255,255,255,0.02);border-top:1px solid var(--nebo-border)}
.nebo-widget .nebo-reading-time,.nebo-widget .nebo-time-saved{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--nebo-muted)}
.nebo-widget .nebo-time-saved{color:var(--nebo-positive)}

/* Sentiment content */
.nebo-widget .nebo-sentiment-content{flex:1}
.nebo-widget .nebo-sentiment-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}
.nebo-widget .nebo-sentiment-tag.positive{color:var(--nebo-positive)}
.nebo-widget .nebo-sentiment-tag.negative{color:var(--nebo-negative)}
.nebo-widget .nebo-sentiment-tag.neutral{color:var(--nebo-neutral)}
.nebo-widget .nebo-sentiment-label{font-size:22px;font-weight:700;margin-bottom:6px}
.nebo-widget .nebo-sentiment-label.positive{color:var(--nebo-positive)}
.nebo-widget .nebo-sentiment-label.negative{color:var(--nebo-negative)}
.nebo-widget .nebo-sentiment-label.neutral{color:var(--nebo-neutral)}
.nebo-widget .nebo-sentiment-text{font-size:13px;color:var(--nebo-muted);margin:0;line-height:1.5}

/* Phase 2 loading */
.nebo-widget .nebo-phase2-loading{display:none;padding:24px;background:linear-gradient(135deg,color-mix(in srgb, var(--nebo-primary) 5%, transparent) 0%,transparent 100%);border-top:1px solid var(--nebo-border)}
.nebo-widget .nebo-phase2-loading.active{display:block}
.nebo-widget .phase2-container{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.nebo-widget .phase2-icon{font-size:32px;animation:neboPulse 1.5s infinite}
.nebo-widget .phase2-title{font-size:15px;font-weight:600;color:var(--nebo-text)}
.nebo-widget .phase2-subtitle{font-size:13px;color:var(--nebo-muted)}
.nebo-widget .phase2-bar{height:4px;background:var(--nebo-border);border-radius:2px;overflow:hidden;margin-bottom:16px}
.nebo-widget .phase2-bar-fill{height:100%;width:60%;background:linear-gradient(90deg,var(--nebo-primary),var(--nebo-primary-dark));border-radius:2px;animation:neboProgress 2s ease-in-out infinite}
@keyframes neboProgress{0%{width:20%}50%{width:80%}100%{width:20%}}
.nebo-widget .phase2-steps{display:flex;flex-direction:column;gap:8px}
.nebo-widget .phase2-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--nebo-muted)}
.nebo-widget .phase2-step.done{color:var(--nebo-positive)}
.nebo-widget .phase2-step.active{color:var(--nebo-primary);font-weight:500}
.nebo-widget .step-icon{width:18px;text-align:center}

/* Section divider */
.nebo-widget .nebo-section-divider{display:none;align-items:center;gap:16px;padding:20px 24px;color:var(--nebo-muted);font-size:11px;font-weight:700;letter-spacing:2px}
.nebo-widget .nebo-section-divider::before,.nebo-widget .nebo-section-divider::after{content:'';flex:1;height:1px;background:var(--nebo-border)}

/* Acordeones */
.nebo-widget .nebo-acordeones{padding:0 24px 24px}
.nebo-widget .nebo-acordeon{background:var(--nebo-card);border:1px solid var(--nebo-border);border-radius:12px;margin-bottom:10px;overflow:hidden}
.nebo-widget .nebo-acordeon:last-child{margin-bottom:0}
.nebo-widget .nebo-acordeon-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background 0.2s}
.nebo-widget .nebo-acordeon-header:hover{background:rgba(255,255,255,0.02)}
.nebo-widget .nebo-acordeon-left{display:flex;align-items:center;gap:12px}
.nebo-widget .nebo-acordeon-icon{width:36px;height:36px;background:color-mix(in srgb, var(--nebo-primary) 15%, transparent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--nebo-primary)}
.nebo-widget .nebo-acordeon-title{font-size:14px;font-weight:600;color:var(--nebo-text);display:flex;align-items:center;gap:8px}
.nebo-widget .nebo-acordeon-count{background:var(--nebo-primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}
.nebo-widget .nebo-no-data{font-size:10px;color:var(--nebo-muted);background:var(--nebo-border);padding:2px 8px;border-radius:10px}
.nebo-widget .nebo-acordeon-arrow{color:var(--nebo-muted);transition:transform 0.2s}
.nebo-widget .nebo-acordeon-arrow svg{width:14px;height:14px}
.nebo-widget .nebo-acordeon.open .nebo-acordeon-arrow{transform:rotate(180deg)}
.nebo-widget .nebo-acordeon-content{display:none;padding:0 16px 16px}
.nebo-widget .nebo-acordeon.open .nebo-acordeon-content{display:block}
.nebo-widget .nebo-acordeon.disabled{opacity:0.5}
.nebo-widget .nebo-acordeon.disabled .nebo-acordeon-header{cursor:not-allowed}

/* Share */
.nebo-widget .nebo-share{padding:24px;border-top:1px solid var(--nebo-border)}
.nebo-widget .nebo-share-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--nebo-muted);text-transform:uppercase;margin-bottom:14px}
.nebo-widget .nebo-share-text{background:var(--nebo-bg);border:1px solid var(--nebo-border);border-radius:10px;padding:14px;font-size:13px;color:var(--nebo-text);margin-bottom:14px;line-height:1.5}
.nebo-widget .nebo-share-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.nebo-widget .share-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1px solid var(--nebo-border);border-radius:10px;background:var(--nebo-bg);color:var(--nebo-text);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s}
.nebo-widget .share-btn:hover{background:var(--nebo-primary);border-color:var(--nebo-primary);color:#fff}

/* Footer - MINIMALISTA */
.nebo-widget .nebo-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--nebo-border)}
.nebo-widget .nebo-feedback{display:flex;align-items:center;gap:12px}
.nebo-widget .nebo-feedback-label{font-size:13px;color:var(--nebo-muted)}
.nebo-widget .feedback-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid var(--nebo-border);background:transparent;color:var(--nebo-text);font-size:14px;cursor:pointer;transition:all 0.2s}
.nebo-widget .feedback-btn:hover{border-color:var(--nebo-primary)}
.nebo-widget .feedback-btn.voted{background:var(--nebo-primary);border-color:var(--nebo-primary);color:#fff}
.nebo-widget .nebo-download-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid var(--nebo-border);border-radius:10px;color:var(--nebo-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s}
.nebo-widget .nebo-download-btn:hover{border-color:var(--nebo-primary);color:var(--nebo-primary)}

/* Branding - USA COLOR DINÁMICO */
.nebo-widget .nebo-branding{background:var(--nebo-header-bg);padding:40px 32px;text-align:center;color:#fff}
.nebo-widget .nebo-branding-logo{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:8px}
.nebo-widget .nebo-branding-icon{font-size:48px;line-height:1}
.nebo-widget .nebo-branding-text{font-size:36px;font-weight:800;letter-spacing:-1px}
.nebo-widget .nebo-branding-text sup{font-size:12px;font-weight:600;vertical-align:super;margin-left:2px}
.nebo-widget .nebo-branding-disclaimer{font-size:13px;line-height:1.6;color:rgba(255,255,255,0.85);max-width:500px;margin:0 auto 24px}
.nebo-widget .nebo-branding-social{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}
.nebo-widget .nebo-branding-social a{width:40px;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all 0.2s}
.nebo-widget .nebo-branding-social a:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}
.nebo-widget .nebo-branding-social svg{width:18px;height:18px}
.nebo-widget .nebo-branding-links{display:flex;align-items:center;justify-content:center;gap:24px;font-size:13px}
.nebo-widget .nebo-branding-links span{color:rgba(255,255,255,0.6)}
.nebo-widget .nebo-branding-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity 0.2s}
.nebo-widget .nebo-branding-links a:hover{opacity:0.8}

/* Module Styles */
.nebo-widget .nebo-timeline{padding-left:24px;position:relative}
.nebo-widget .nebo-timeline::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--nebo-primary),var(--nebo-border))}
.nebo-widget .nebo-timeline-item{position:relative;padding:10px 0;font-size:13px;color:var(--nebo-text);border-bottom:1px solid var(--nebo-border);line-height:1.5}
.nebo-widget .nebo-timeline-item:last-child{border-bottom:none}
.nebo-widget .nebo-timeline-item::before{content:'';position:absolute;left:-20px;top:16px;width:10px;height:10px;background:var(--nebo-primary);border-radius:50%;box-shadow:0 0 0 3px var(--nebo-bg)}

/* Personas - Naranja */
.nebo-widget .nebo-persona{display:flex;gap:14px;padding:16px;background:rgba(251,146,60,0.08);border:1px solid rgba(251,146,60,0.35);border-radius:14px;margin-bottom:12px}
.nebo-widget .nebo-persona:last-child{margin-bottom:0}
.nebo-widget .nebo-persona-avatar{width:44px;height:44px;background:rgba(251,146,60,0.25);border:1px solid rgba(251,146,60,0.4);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fb923c;flex-shrink:0}
.nebo-widget .nebo-persona-info{flex:1}
.nebo-widget .nebo-persona-name{font-size:15px;font-weight:600;color:#fdba74}
.nebo-widget .nebo-persona-cargo{font-size:12px;color:#fb923c;margin-top:2px}
.nebo-widget .nebo-persona-rol{font-size:13px;color:var(--nebo-muted);margin-top:6px;line-height:1.5}

/* Cifras - Amarillo */
.nebo-widget .nebo-datos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.nebo-widget .nebo-dato{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.35);border-radius:14px}
.nebo-widget .nebo-dato-value{font-size:42px;font-weight:800;color:#fbbf24;line-height:1;margin-bottom:10px}
.nebo-widget .nebo-dato-label{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.4}

/* Light theme cifras */
.nebo-widget.light .nebo-dato{background:rgba(251,191,36,0.06);border-color:rgba(251,191,36,0.25)}
.nebo-widget.light .nebo-dato-label{color:var(--nebo-muted)}

/* Bar Chart */
.nebo-widget .nebo-datos-section{display:flex;flex-direction:column;gap:20px}
.nebo-widget .nebo-chart{background:var(--nebo-card);border:1px solid var(--nebo-border);border-radius:14px;padding:20px}
.nebo-widget .nebo-chart-title{font-size:11px;font-weight:700;color:var(--nebo-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.nebo-widget .nebo-bar-chart{display:flex;flex-direction:column;gap:12px}
.nebo-widget .nebo-bar-item{display:flex;align-items:center;gap:12px}
.nebo-widget .nebo-bar-label{width:120px;font-size:11px;color:var(--nebo-muted);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nebo-widget .nebo-bar-track{flex:1;height:28px;background:color-mix(in srgb, var(--nebo-primary) 10%, transparent);border-radius:6px;overflow:hidden}
.nebo-widget .nebo-bar-fill{height:100%;background:linear-gradient(90deg,var(--nebo-primary),var(--nebo-primary-dark));border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:40px;transition:width 0.8s ease}
.nebo-widget .nebo-bar-value{font-size:12px;font-weight:700;color:#fff}
.nebo-widget.light .nebo-chart{background:rgba(0,0,0,0.02)}
.nebo-widget.light .nebo-bar-track{background:color-mix(in srgb, var(--nebo-primary) 10%, transparent)}

/* Citas - Azul */
.nebo-widget .nebo-cita{padding:18px;background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.35);border-radius:14px;margin-bottom:12px}
.nebo-widget .nebo-cita:last-child{margin-bottom:0}
.nebo-widget .nebo-cita-text{font-size:15px;font-style:italic;color:var(--nebo-text);margin-bottom:10px;line-height:1.6}
.nebo-widget .nebo-cita-author{font-size:13px;color:#93c5fd}

/* FAQ - Usa color primario */
.nebo-widget .nebo-faq-item{background:color-mix(in srgb, var(--nebo-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--nebo-primary) 35%, transparent);border-radius:14px;padding:16px;margin-bottom:12px}
.nebo-widget .nebo-faq-item:last-child{margin-bottom:0}
.nebo-widget .nebo-faq-q{font-size:14px;font-weight:600;color:var(--nebo-primary);margin-bottom:8px}
.nebo-widget .nebo-faq-a{font-size:13px;color:var(--nebo-muted);line-height:1.6}

/* Glosario - Verde */
.nebo-widget .nebo-term{padding:14px;background:rgba(52,211,153,0.08);border:1px solid rgba(52,211,153,0.35);border-radius:12px;margin-bottom:12px}
.nebo-widget .nebo-term:last-child{margin-bottom:0}
.nebo-widget .nebo-term-word{font-size:14px;font-weight:700;color:#6ee7b7;margin-bottom:6px}
.nebo-widget .nebo-term-def{font-size:13px;color:var(--nebo-muted);line-height:1.5}

/* Impacto - Cyan */
.nebo-widget .nebo-impact{padding:18px;background:rgba(34,211,238,0.08);border:1px solid rgba(34,211,238,0.35);border-radius:14px}
.nebo-widget .nebo-impact p{font-size:14px;color:var(--nebo-text);margin:0;line-height:1.7}

/* Contexto - Rosa */
.nebo-widget .nebo-context{padding:18px;background:rgba(236,72,153,0.08);border:1px solid rgba(236,72,153,0.35);border-radius:14px}
.nebo-widget .nebo-context p{font-size:14px;color:var(--nebo-text);margin:0;line-height:1.7}

/* Próximos pasos - Usa color primario */
.nebo-widget .nebo-next-item{padding:14px;background:color-mix(in srgb, var(--nebo-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--nebo-primary) 35%, transparent);border-radius:12px;margin-bottom:12px}
.nebo-widget .nebo-next-item:last-child{margin-bottom:0}

/* Posturas - Verde/Rojo */
.nebo-widget .nebo-posturas{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nebo-widget .nebo-postura{padding:18px;border-radius:14px}
.nebo-widget .nebo-postura.favor{background:rgba(52,211,153,0.08);border:1px solid rgba(52,211,153,0.35)}
.nebo-widget .nebo-postura.contra{background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.35)}
.nebo-widget .nebo-postura-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.nebo-widget .nebo-postura.favor .nebo-postura-title{color:#6ee7b7}
.nebo-widget .nebo-postura.contra .nebo-postura-title{color:#fca5a5}
.nebo-widget .nebo-postura-list{list-style:none;padding:0;margin:0}
.nebo-widget .nebo-postura-list li{font-size:13px;color:var(--nebo-text);padding:8px 0 8px 20px;position:relative;line-height:1.5;border-bottom:1px solid var(--nebo-border)}
.nebo-widget .nebo-postura-list li:last-child{border-bottom:none}
.nebo-widget .nebo-postura-list li::before{content:'→';position:absolute;left:0;font-size:11px}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:600px){
    .nebo-widget .nebo-header{flex-direction:column;gap:12px}
    .nebo-widget .nebo-resumen-header{flex-direction:column;align-items:flex-start;gap:10px}
    .nebo-widget .nebo-share-buttons{grid-template-columns:1fr 1fr}
    .nebo-widget .nebo-footer{flex-direction:column;gap:16px}
    .nebo-widget .nebo-posturas{grid-template-columns:1fr}
    .nebo-widget .nebo-datos-grid{grid-template-columns:1fr}
    .nebo-widget .nebo-bar-label{width:80px;font-size:10px}
    .nebo-widget .nebo-branding-logo{flex-direction:column;gap:0}
    .nebo-widget .nebo-branding-icon{font-size:36px}
    .nebo-widget .nebo-branding-text{font-size:28px}
    .nebo-widget .nebo-branding-links{flex-direction:column;gap:8px}
}