/* Patrón: shadcn.io line-interactive y Mobbin Budget Dashboard (Origin/Copilot).
   Lenguaje de vec-graficas: Manrope, tinta, petróleo y salina. Foco: assets/foco.css. */
.vec-prose .vec-gh{--gh-ink:#172f32;--gh-muted:#52686a;--gh-primary:#076e72;--gh-salina:#92515f;--gh-border:#cbd5cf;color:var(--gh-ink);font-family:Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:0}
.vec-gh *{box-sizing:border-box;hyphens:none}
.vec-gh [hidden]{display:none!important}
.vec-prose .vec-gh p{max-width:none;margin:0 0 16px;line-height:1.65;hyphens:none}
.vec-prose .vec-gh h2{margin:0 0 16px;font-size:clamp(25px,3.2vw,34px);line-height:1.25;letter-spacing:0;text-wrap:pretty}
.vec-prose .vec-gh .vec-gh__eyebrow{margin:0 0 10px;color:var(--gh-primary);font-size:14px;line-height:1.5;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.vec-gh__calculator,.vec-gh__history{margin-block:48px}
.vec-gh__calculator{padding:24px 20px;border-radius:20px;background:#edf2ed}
.vec-gh__form{margin-block:24px}
.vec-gh__inputs{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:16px;align-items:end}
.vec-gh__inputs label{display:grid;min-width:0;gap:8px;font-size:16px;font-weight:700;line-height:1.5}
.vec-gh__inputs select,.vec-gh__inputs input{display:block;width:100%;height:50px;min-width:0;padding:10px 12px;border:1px solid #98aaa2;border-radius:10px;background:#fff;color:var(--gh-ink);font:inherit;font-size:16px;line-height:1.5}
.vec-gh__inputs select{padding-right:24px}
.vec-gh button{min-height:46px;padding:10px 15px;border:1px solid #a5b8ae;border-radius:10px;background:#fff;color:var(--gh-primary);font:inherit;font-size:15px;line-height:1.5;font-weight:800;cursor:pointer;touch-action:manipulation}
.vec-gh .vec-gh__submit{grid-column:1/-1;background:var(--gh-primary);color:#fff;border-color:var(--gh-primary)}
.vec-gh button:hover{background:#e2ebe5}
.vec-gh .vec-gh__submit:hover{background:#055c60}
.vec-prose .vec-gh .vec-gh__help{margin:16px 0 12px;color:var(--gh-muted);font-size:14px}
.vec-gh__presets{display:flex;flex-wrap:wrap;gap:8px}
.vec-gh__presets button{flex:1 1 85px;padding-inline:9px;font-size:14px;white-space:nowrap}
.vec-gh button[aria-pressed=true]{background:var(--gh-primary);border-color:var(--gh-primary);color:#fff}
.vec-gh__saving{margin-block:28px;padding:22px 18px;border-radius:14px;background:#fff}
.vec-prose .vec-gh .vec-gh__saving>p:first-child{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--gh-muted)}
.vec-prose .vec-gh .vec-gh__saving>p:nth-child(2){display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px}
.vec-gh__saving strong{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:0;color:var(--gh-primary)}
.vec-gh__saving p:last-child{font-size:14px}
.vec-gh__saving>p:nth-child(2)>span{font-size:15px;color:var(--gh-muted)}
.vec-gh__table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #a8b9b0;border-radius:10px;background:#fff}
.vec-prose .vec-gh table{width:100%;margin:0;border:0;border-collapse:collapse;table-layout:auto;font-size:14px;line-height:1.5}
.vec-gh caption{text-align:left;padding:13px 14px;font-size:14px;font-weight:700;color:var(--gh-muted)}
.vec-prose .vec-gh th,.vec-prose .vec-gh td{padding:13px 12px;border:0;border-bottom:1px solid #dce3dd;vertical-align:middle;text-align:right;white-space:nowrap}
.vec-prose .vec-gh thead th{background:#edf2ed;font-size:13px;font-weight:800;color:var(--gh-ink);border-top:1px solid #dce3dd}
.vec-prose .vec-gh tr>:first-child{text-align:left}
.vec-prose .vec-gh tbody tr:last-child>*{border-bottom:0}
.vec-prose .vec-gh .vec-gh__costs th[scope=row]{white-space:normal;width:auto;min-width:115px;word-break:normal;overflow-wrap:normal}
.vec-prose .vec-gh .vec-gh__costs td{width:1%;padding-inline:9px}
.vec-gh__costs th[scope=row]>span{display:block;font-weight:800}
.vec-gh__costs th[scope=row]>small{display:block;margin-top:3px;font-size:12px;font-weight:500;color:var(--gh-muted);line-height:1.6}
.vec-gh__costs td:last-child{font-weight:800;color:var(--gh-primary)}
.vec-gh__costs tbody tr:first-child{background:#f3f7f0}
.vec-prose .vec-gh .vec-gh__source{margin-top:22px;color:var(--gh-muted);font-size:14px;line-height:1.7}
.vec-gh__source a{color:var(--gh-primary);text-decoration:underline;text-underline-offset:3px}
.vec-gh summary{display:flex;align-items:center;min-height:48px;padding-block:12px;color:var(--gh-primary);font-size:15px;font-weight:800;cursor:pointer;list-style:none}
.vec-gh summary::-webkit-details-marker{display:none}
.vec-gh summary::after{content:'+';margin-left:auto;padding-left:16px;font-size:22px;font-weight:500}
.vec-gh details[open]>summary::after{content:'−'}
.vec-prose .vec-gh .vec-gh__source p:last-child{margin-bottom:0}
.vec-gh__notice,.vec-gh__error{padding:16px;border-radius:12px;background:#fff5e7;color:#694410}
.vec-gh__error{color:#812c36;background:#fff}
.vec-gh__comparison{font-size:15px;color:var(--gh-muted)}
.vec-gh__ranges{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px}
.vec-gh__ranges button{flex:1 1 auto;min-height:48px}
.vec-gh__period{margin-top:28px}
.vec-prose .vec-gh .vec-gh__period-title{margin:0 0 6px;font-size:19px;line-height:1.4;font-weight:800;letter-spacing:0}
.vec-prose .vec-gh .vec-gh__period-note{margin:0 0 22px;font-size:15px;color:var(--gh-muted)}
.vec-gh__charts{display:grid;gap:20px;min-width:0}
.vec-prose .vec-gh .vec-gh__figure{--gh-chart:var(--gh-primary);display:block;min-width:0;margin:0;padding:20px 12px 16px;border:1px solid #d5ddd6;border-radius:18px;background:#fff;overflow:hidden}
.vec-prose .vec-gh .vec-gh__figure--diesel{--gh-chart:var(--gh-salina)}
.vec-gh__figure figcaption{margin:0;padding:0;text-align:left}
.vec-prose .vec-gh .vec-gh__figure h3{margin:0 6px 12px;color:var(--gh-chart);font-size:19px;font-weight:800;line-height:1.4;letter-spacing:0}
.vec-prose .vec-gh .vec-gh__metric{display:flex;align-items:center;gap:10px;margin:0 6px 18px}
.vec-gh__metric strong{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:0;color:var(--gh-chart)}
.vec-gh__metric>span{font-size:13px;line-height:1.5;color:var(--gh-muted)}
.vec-gh__metric>span>span{font-size:12px}
.vec-gh__svg{display:block;width:100%;height:auto;color:var(--gh-chart);font-family:Manrope,Arial,sans-serif;touch-action:pan-y}
.vec-gh__svg--wide{display:none}
.vec-gh__axis{fill:var(--gh-muted);font-size:13px;font-weight:500}
.vec-gh__line{fill:none;stroke:var(--gh-chart);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vec-gh__point circle{fill:var(--gh-chart)}
.vec-gh__point.is-active circle{r:5;fill:#fff;stroke:var(--gh-chart);stroke-width:2;vector-effect:non-scaling-stroke}
.vec-prose .vec-gh .vec-gh__readout{min-height:68px;margin:8px 0 12px;padding:12px;border-radius:10px;background:#f0f4ef;color:var(--gh-ink);font-size:14px;font-weight:700;line-height:1.5}
.vec-prose .vec-gh .vec-gh__coverage{margin:0 6px;font-size:13px;color:var(--gh-muted)}
.vec-prose .vec-gh .vec-gh__hint{margin:18px 0 8px;color:var(--gh-muted);font-size:14px}
.vec-gh__data{margin-top:10px}
@media(min-width:600px){.vec-gh__calculator{padding:30px}.vec-gh__inputs{grid-template-columns:minmax(0,1fr) 112px auto}.vec-gh .vec-gh__submit{grid-column:auto}.vec-gh__presets button{flex:0 1 auto;padding-inline:18px}.vec-gh__ranges button{flex:0 1 auto}.vec-gh__svg--small{display:none}.vec-gh__svg--wide{display:block}.vec-prose .vec-gh .vec-gh__figure{padding:24px 20px 18px}}
@media(min-width:1100px){.vec-gh__charts{grid-template-columns:repeat(2,minmax(0,1fr))}.vec-gh__svg--small{display:block}.vec-gh__svg--wide{display:none}}
@media(prefers-reduced-motion:reduce){.vec-gh *{animation:none!important;transition:none!important}}

/* Claude 21-10: la tabla de la calculadora sin el margen del envoltorio del tema y sin tinte en la columna de estaciones. */
.vec-gh__table-wrap>.vec-table-wrap{margin:0}
.vec-prose .vec-gh .vec-gh__costs tbody th{background:transparent}