:root{color-scheme:dark;--bg: #0b100e;--surface-1: #101816;--surface-2: #16211e;--border: #223530;--border-soft: #1a2925;--text-primary: #eef4f1;--text-secondary: #9fb4ac;--text-muted: #64796f;--series-gasolina: #3987e5;--series-gasoleo: #199e70;--series-brent: #d95926;--accent: #e8b13d;--up: #e66767;--down: #35b47f;--font-display: "Archivo", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-display);font-size:15px;line-height:1.5;min-height:100vh;background-image:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(217,89,38,.07),transparent 60%),radial-gradient(ellipse 60% 40% at 90% 0%,rgba(57,135,229,.05),transparent 55%);background-repeat:no-repeat}::selection{background:#e8b13d4d}.container{max-width:1180px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border-soft);padding:28px 0 24px}.site-header .container{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.brand h1{font-variation-settings:"wdth" 115;font-weight:800;font-size:clamp(26px,4vw,38px);letter-spacing:-.01em;line-height:1.05}.brand h1 em{font-style:normal;color:var(--series-brent)}.header-meta{text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.header-meta strong{color:var(--text-secondary);font-weight:500}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0 0 24px}.stat-card{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:10px;padding:18px 20px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--stat-color, var(--accent))}.stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.stat-dot{width:9px;height:9px;border-radius:50%;background:var(--stat-color, var(--accent));flex:none}.stat-value{font-family:var(--font-mono);font-size:30px;font-weight:600;margin-top:8px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-value small{font-size:14px;font-weight:400;color:var(--text-muted);margin-left:2px}.stat-delta{margin-top:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.stat-delta .chip{display:inline-block;padding:1px 7px;border-radius:99px;font-weight:600;margin-right:6px}.stat-delta .chip.up{color:var(--up);background:#e667671f}.stat-delta .chip.down{color:var(--down);background:#35b47f1f}.stat-delta .chip.flat{color:var(--text-secondary);background:var(--surface-2)}.panel{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:12px;padding:22px;margin-bottom:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.panel-title{font-weight:700;font-size:17px;font-variation-settings:"wdth" 110}.panel-sub{color:var(--text-muted);font-size:13px;margin-top:2px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;padding:3px;gap:2px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.seg button:hover{color:var(--text-primary)}.seg button.active{background:var(--border);color:var(--text-primary)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:wait}.btn.primary{background:#e8b13d1f;border-color:#e8b13d73;color:var(--accent)}.hint{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.chart-stack{display:flex;flex-direction:column;gap:8px}.chart-wrap{position:relative}.chart-wrap.tall{height:320px}.chart-wrap.short{height:200px}.chart-wrap.single{height:420px}.chart-axis-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 2px 4px;display:flex;align-items:center;gap:8px}.chart-axis-title .swatch{width:14px;height:3px;border-radius:2px}.event-hint{display:inline-flex;align-items:center;gap:6px;margin-left:14px;color:var(--text-muted)}.event-dot{width:8px;height:8px;border-radius:50%;background:#e8b13d;flex:none}.page-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.ramp-legend{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin:2px 0 10px 4px}.ramp-bar{width:140px;height:8px;border-radius:4px;background:linear-gradient(90deg,#ebf0f4,var(--ramp-color, var(--accent)));border:1px solid var(--border-soft)}.level-controls{gap:12px}.level-controls input[type=range]{width:220px;accent-color:var(--accent);cursor:pointer}.level-value{font-family:var(--font-mono);font-size:18px;font-weight:600;min-width:110px;font-variant-numeric:tabular-nums}.level-value small{font-size:11px;color:var(--text-muted);font-weight:400}.notice.conclusion{border-color:#e8b13d59;color:var(--text-primary);line-height:1.6}.ue-badge{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.chip-lg{display:inline-block;padding:4px 12px;border-radius:99px;font-weight:600;font-size:14px}.chip-lg.up{color:var(--up);background:#e667671f}.chip-lg.down{color:var(--down);background:#35b47f1f}.breakdown{margin-bottom:20px}.breakdown-bar{display:flex;height:26px;border-radius:7px;overflow:hidden;gap:2px;background:var(--bg)}.breakdown-bar span{display:block;min-width:2%;transition:width .4s ease}.breakdown-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--text-secondary);align-items:center}.breakdown-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.breakdown-legend strong{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.nav-tabs{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:4px;margin:28px 0 26px}.nav-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-weight:600;font-size:14px;padding:9px 20px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s;display:inline-flex;align-items:center;gap:9px}.nav-tabs button svg{width:16px;height:16px;flex:none;opacity:.75}.nav-tabs button.active svg{opacity:1;color:var(--accent)}.nav-tabs button:hover{color:var(--text-primary)}.nav-tabs button.active{background:var(--border);color:var(--text-primary)}.table-scroll{overflow-x:auto}table.compare{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}table.compare th{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);text-align:right;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.compare th:first-child,table.compare td:first-child{text-align:left;position:sticky;left:0;background:var(--surface-1)}table.compare td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap}table.compare td.week{color:var(--text-secondary);font-size:12px}table.compare tbody tr:hover td{background:var(--surface-2)}td .delta{font-size:11px;margin-left:8px}td .delta.up{color:var(--up)}td .delta.down{color:var(--down)}td .delta.flat{color:var(--text-muted)}.site-footer{border-top:1px solid var(--border-soft);margin-top:40px;padding:24px 0 40px;color:var(--text-muted);font-size:12.5px}.site-footer a{color:var(--text-secondary)}.sources{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px}.copyright{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-muted)}.notice{font-family:var(--font-mono);font-size:12px;padding:10px 14px;border-radius:8px;margin:14px 0;border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary)}.notice.error{border-color:#e6676766;color:var(--up)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state .big{font-size:40px;margin-bottom:12px}.spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeUp .45s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:640px){.header-meta{text-align:left}.panel{padding:16px}}