.metodo-header{padding:32px 32px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.metodo-title{font-size:20px;font-weight:400;color:#ffffffe6;margin-bottom:6px}.metodo-subtitle{font-family:JetBrains Mono,monospace;font-size:12px;color:#ffffff4d}.metodo-content{max-width:720px;padding:32px}.metodo-section{margin-bottom:48px}.metodo-highlight{margin-top:16px}.metodo-section h2{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:#10b981;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.metodo-section p{font-size:14px;line-height:1.7;color:#fff9;margin-bottom:12px}.metodo-section p strong{color:#ffffffd9}.metodo-list{list-style:none;padding:0;margin:12px 0}.metodo-list li{position:relative;padding-left:16px;font-size:14px;line-height:1.7;color:#ffffff8c;margin-bottom:10px}.metodo-list li:before{content:"—";position:absolute;left:0;color:#10b98166}.metodo-list li strong{color:#fffc}.tag-proyeccion{font-family:JetBrains Mono,monospace;font-size:10px;background:#f59e0b1a;color:#f59e0bcc;padding:2px 6px;border-radius:3px;letter-spacing:.04em}.metodo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.metodo-stat{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px;text-align:center}.stat-number{display:block;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:500;color:#ffffffe6;margin-bottom:4px}.stat-label{font-size:10px;color:#ffffff4d}.viz-chaos{display:flex;align-items:center;gap:16px;padding:24px 0;margin:16px 0}.chaos-sources{display:flex;flex-wrap:wrap;gap:8px;flex:1}.chaos-node{font-family:JetBrains Mono,monospace;font-size:10px;padding:6px 12px;border-radius:4px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef444499;animation:chaos-float 3s ease-in-out infinite;animation-delay:var(--delay)}@keyframes chaos-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chaos-arrow{font-family:JetBrains Mono,monospace;font-size:20px;color:#ffffff26;flex-shrink:0}.chaos-result{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;padding:10px 16px;border-radius:6px;background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#10b981;flex-shrink:0;white-space:nowrap}.chaos-result-icon{font-size:14px}.viz-dataset{margin:20px 0 24px}.dataset-bar{margin-bottom:8px}.dataset-bar-fill{width:var(--width);height:28px;background:#10b98126;border:1px solid rgba(16,185,129,.25);border-radius:4px;display:flex;align-items:center;padding:0 12px;transition:width 1.5s ease}.dataset-bar--amber{background:#f59e0b1a;border-color:#f59e0b33}.bar-label{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffffb3}.dataset-bar--amber .bar-label{color:#f59e0bb3}.dataset-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.breakdown-item{text-align:center}.breakdown-val{display:block;font-family:JetBrains Mono,monospace;font-size:14px;color:#ffffffb3;margin-bottom:2px}.breakdown-key{font-size:10px;color:#ffffff40}.viz-pipeline{display:flex;align-items:flex-start;gap:8px;margin:20px 0 24px;overflow-x:auto;padding:4px 0}.pipe-step{flex:1;min-width:110px;text-align:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 10px}.pipe-step--final{border-color:#10b98140;background:#10b9810a}.pipe-icon{font-family:JetBrains Mono,monospace;font-size:16px;color:#10b98199;margin-bottom:6px}.pipe-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.pipe-desc{font-size:10px;color:#ffffff4d;line-height:1.4}.pipe-connector{font-family:JetBrains Mono,monospace;font-size:14px;color:#ffffff1a;padding-top:18px;flex-shrink:0}.viz-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 24px}.pillar{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:20px 16px;text-align:center}.pillar-icon{font-size:20px;color:#10b98180;margin-bottom:10px}.pillar-title{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:#fffc;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.pillar-desc{font-size:11px;color:#ffffff59;line-height:1.5}.viz-profiling{display:flex;align-items:center;gap:16px;margin:20px 0 24px;flex-wrap:wrap}.prof-input{display:flex;align-items:center;gap:10px;flex-shrink:0}.prof-cif{font-family:JetBrains Mono,monospace;font-size:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 14px;color:#ffffffb3}.prof-arrow{font-family:JetBrains Mono,monospace;font-size:18px;color:#ffffff26}.prof-process{flex-shrink:0}.prof-scan{position:relative;overflow:hidden;font-family:JetBrains Mono,monospace;font-size:10px;color:#10b98180;padding:8px 14px;background:#10b9810a;border:1px solid rgba(16,185,129,.15);border-radius:6px}.prof-scan-line{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);animation:scan-sweep 2s ease-in-out infinite}@keyframes scan-sweep{0%{left:-30%}to{left:100%}}.prof-output{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}.prof-result-item{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff6;padding:3px 0}.viz-timeline{margin:24px 0}.tl-track{position:relative;height:80px;border-bottom:1px solid rgba(255,255,255,.06)}.tl-event{position:absolute;top:0;transform:translate(-50%);text-align:center}.tl-dot{width:10px;height:10px;border-radius:50%;background:#10b98199;margin:0 auto 6px}.tl-event--past .tl-dot{background:#fff3}.tl-dot--pulse{background:#10b981;box-shadow:0 0 8px #10b98166;animation:tl-pulse 2s ease-in-out infinite}@keyframes tl-pulse{0%,to{box-shadow:0 0 4px #10b9814d}50%{box-shadow:0 0 12px #10b98199}}.tl-label{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff6;white-space:nowrap}.tl-event--predicted .tl-label{color:#10b981}.tl-interval{position:absolute;bottom:8px;height:16px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.tl-interval span{font-family:JetBrains Mono,monospace;font-size:9px;color:#ffffff26}.tl-interval--predicted{border-color:#10b98133}.tl-interval--predicted span{color:#10b98166}.tl-caption{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff3;margin-top:8px;text-align:center}.viz-coverage{margin:20px 0 24px}.cov-bar{display:flex;height:32px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.cov-fill{width:var(--pct);background:#10b98126;display:flex;align-items:center;padding:0 12px;border-right:1px solid rgba(16,185,129,.3)}.cov-label{font-family:JetBrains Mono,monospace;font-size:11px;color:#10b981}.cov-gap{flex:1;display:flex;align-items:center;justify-content:center;background:#ffffff05}.cov-gap-label{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff3}.cov-legend{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap}.cov-legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#ffffff4d}.cov-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.cov-dot--covered{background:#10b98166}.cov-dot--gap{background:#ffffff1a}@media (max-width: 767px){.metodo-header,.metodo-content{padding:20px 16px}.metodo-stats{grid-template-columns:repeat(2,1fr)}.viz-pipeline{flex-direction:column;align-items:stretch}.pipe-connector{text-align:center;padding:0;transform:rotate(90deg)}.viz-pillars{grid-template-columns:1fr}.viz-chaos{flex-direction:column;text-align:center}.chaos-arrow{transform:rotate(90deg)}.viz-profiling{flex-direction:column}.dataset-breakdown{grid-template-columns:repeat(2,1fr)}}
