body{margin:0;background-color:#0f172a}.page-container.svelte-ed9umr{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.content-wrapper.svelte-ed9umr{max-width:1600px;margin:0 auto}.header.svelte-ed9umr{text-align:center;margin-bottom:30px}.title-row.svelte-ed9umr{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:10px}h1.svelte-ed9umr{color:#38bdf8;font-size:2.2rem;margin:0;text-shadow:0 2px 15px rgba(56,189,248,.4)}.btn-tutorial.svelte-ed9umr{padding:8px 16px;background:#38bdf81a;border:1px solid #38bdf8;color:#38bdf8;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-tutorial.svelte-ed9umr:hover{background:#38bdf8;color:#0f172a;transform:translateY(-2px)}.subtitle.svelte-ed9umr{font-size:1.1rem;color:#cbd5e1;max-width:800px;margin:0 auto}.legend-cards.svelte-ed9umr{display:flex;gap:20px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.legend-card.svelte-ed9umr{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px 20px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:default;min-width:200px}.legend-card.svelte-ed9umr:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.legend-card.verde.svelte-ed9umr:hover{border-color:#4ade80;box-shadow:0 10px 30px #4ade804d}.legend-card.amarilla.svelte-ed9umr:hover{border-color:#facc15;box-shadow:0 10px 30px #facc154d}.legend-card.roja.svelte-ed9umr:hover{border-color:#f87171;box-shadow:0 10px 30px #f871714d}.legend-icon.svelte-ed9umr{font-size:2rem}.legend-content.svelte-ed9umr h3:where(.svelte-ed9umr){margin:0;font-size:.85rem;color:#94a3b8;font-weight:600}.legend-content.svelte-ed9umr p:where(.svelte-ed9umr){margin:2px 0;font-size:.8rem;color:#cbd5e1}.legend-count.svelte-ed9umr{font-weight:700;color:#38bdf8!important}.main-content.svelte-ed9umr{display:grid;grid-template-columns:70% 30%;gap:20px;margin-bottom:30px}@media(max-width:1200px){.main-content.svelte-ed9umr{grid-template-columns:1fr}}.chart-panel.svelte-ed9umr{position:relative}.chart-container.svelte-ed9umr{height:600px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;box-shadow:0 20px 50px #00000080}.chart.svelte-ed9umr{width:100%;height:100%}.floating-tip.svelte-ed9umr{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#38bdf8f2;color:#0f172a;padding:12px 40px 12px 20px;border-radius:10px;box-shadow:0 5px 20px #38bdf866;max-width:500px;animation:svelte-ed9umr-slideUp .5s ease}@keyframes svelte-ed9umr-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.floating-tip.svelte-ed9umr p:where(.svelte-ed9umr){margin:0;font-size:.9rem}.close-tip.svelte-ed9umr{position:absolute;top:8px;right:10px;background:none;border:none;color:#0f172a;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.info-panel.svelte-ed9umr{display:flex;flex-direction:column;gap:20px}.info-section.svelte-ed9umr{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.info-section.svelte-ed9umr h2:where(.svelte-ed9umr){margin:0 0 15px;font-size:1.1rem;color:#38bdf8}.info-section.svelte-ed9umr p:where(.svelte-ed9umr){margin:0 0 10px;font-size:.9rem;line-height:1.5;color:#cbd5e1}.ejes-info.svelte-ed9umr{display:flex;flex-direction:column;gap:8px;margin-top:15px}.eje.svelte-ed9umr{display:flex;flex-direction:column;gap:2px}.eje-label.svelte-ed9umr{font-weight:600;color:#38bdf8;font-size:.85rem}.eje.svelte-ed9umr span:where(.svelte-ed9umr):last-child{color:#e2e8f0;font-size:.85rem}.linea-info.svelte-ed9umr{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.linea-azul.svelte-ed9umr{color:#38bdf8;font-size:1.5rem;font-weight:700}.stats.svelte-ed9umr .stat-row:where(.svelte-ed9umr){display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem}.stat-label.svelte-ed9umr{color:#94a3b8}.stat-value.svelte-ed9umr{color:#e2e8f0;font-weight:600}.stat-value.highlight.svelte-ed9umr{color:#4ade80;font-size:1.1rem}.stat-value.pred.svelte-ed9umr{color:#facc15}.filter-group.svelte-ed9umr{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.checkbox-label.svelte-ed9umr{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#cbd5e1;position:relative;padding-left:30px}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr){position:absolute;opacity:0;cursor:pointer}.checkmark.svelte-ed9umr{position:absolute;left:0;height:20px;width:20px;border-radius:4px;border:2px solid #475569;transition:all .3s ease}.checkbox-label.svelte-ed9umr:hover .checkmark:where(.svelte-ed9umr){border-color:#38bdf8}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr):checked~.checkmark:where(.svelte-ed9umr){border-color:#38bdf8}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr):checked~.checkmark.verde:where(.svelte-ed9umr){background:#4ade80;border-color:#4ade80}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr):checked~.checkmark.amarilla:where(.svelte-ed9umr){background:#facc15;border-color:#facc15}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr):checked~.checkmark.roja:where(.svelte-ed9umr){background:#f87171;border-color:#f87171}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr):checked~.checkmark.especial:where(.svelte-ed9umr){background:#38bdf8;border-color:#38bdf8}.checkmark.svelte-ed9umr:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label.svelte-ed9umr input:where(.svelte-ed9umr):checked~.checkmark:where(.svelte-ed9umr):after{display:block}.button-group.svelte-ed9umr{display:flex;flex-direction:column;gap:8px}.control-btn.svelte-ed9umr{padding:10px 16px;background:#38bdf81a;border:1px solid #38bdf8;color:#38bdf8;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600}.control-btn.svelte-ed9umr:hover{background:#38bdf8;color:#0f172a;transform:translate(5px)}.modal-overlay.svelte-ed9umr{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:svelte-ed9umr-fadeIn .3s ease}@keyframes svelte-ed9umr-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-ed9umr{background:#1e293b;border:1px solid #38bdf8;border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:svelte-ed9umr-slideIn .3s ease}@keyframes svelte-ed9umr-slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close.svelte-ed9umr{position:absolute;top:15px;right:15px;background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:color .3s ease}.modal-close.svelte-ed9umr:hover{color:#38bdf8}.modal-content.svelte-ed9umr h2:where(.svelte-ed9umr){margin:0 0 20px;color:#38bdf8;font-size:1.8rem}.tutorial-progress.svelte-ed9umr{margin-bottom:25px}.paso-actual.svelte-ed9umr{display:block;color:#94a3b8;font-size:.9rem;margin-bottom:8px}.progress-bar.svelte-ed9umr{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill.svelte-ed9umr{height:100%;background:linear-gradient(90deg,#38bdf8,#4ade80);transition:width .3s ease}.tutorial-step.svelte-ed9umr{margin-bottom:30px}.step-icon.svelte-ed9umr{font-size:3rem;text-align:center;margin-bottom:20px}.tutorial-step.svelte-ed9umr h3:where(.svelte-ed9umr){color:#38bdf8;margin:0 0 15px;font-size:1.4rem}.tutorial-step.svelte-ed9umr p:where(.svelte-ed9umr){margin:10px 0;line-height:1.6;color:#cbd5e1}.modal-actions.svelte-ed9umr{display:flex;gap:10px;justify-content:flex-end}.btn-modal.svelte-ed9umr{padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-modal.primary.svelte-ed9umr{background:#38bdf8;color:#0f172a}.btn-modal.primary.svelte-ed9umr:hover{background:#0ea5e9;transform:translateY(-2px)}.btn-modal.secondary.svelte-ed9umr{background:transparent;border:1px solid #475569;color:#cbd5e1}.btn-modal.secondary.svelte-ed9umr:hover{border-color:#38bdf8;color:#38bdf8}