/* Paleta de la referencia: carbón verdoso, esmeralda y superficies oscuras diferenciadas. */
:root{--reference-bg:#080e0c;--reference-panel:#101915;--reference-card:#15221b;--reference-line:#26382e;--reference-green:#00b66b;--reference-text:#ecf1ed;--reference-muted:#9aa99f}
[hidden]{display:none!important}body.home-active{overflow:auto;background:var(--reference-bg)}body.exploring{overflow:hidden}
body.home-active header{background:linear-gradient(100deg,#080e0c,#0c1510 75%,#0a110e);border-bottom:1px solid #24362b;box-shadow:none}body.home-active nav .active{color:#00c77a}body.home-active nav .active:after{background:#00bd72}body.home-active header .primary{background:#00ad65;color:#edf5ef;border-radius:24px}
#explorer{position:fixed;top:82px;left:0;right:0;visibility:hidden;pointer-events:none}body.exploring #explorer{visibility:visible;pointer-events:auto}body.home-active .mobile-nav{display:none}
#home{min-height:calc(100dvh - 82px);padding-bottom:16px;background:radial-gradient(ellipse at 50% 20%,#073c2355,transparent 50%),linear-gradient(135deg,#080e0c,#0c1510 60%,#09110d);color:var(--reference-text)}
.market-strip{min-height:63px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#0d1912,#101a14);border-bottom:1px solid #243b2c}.strip-label{display:flex;align-items:center;align-self:stretch;gap:8px;min-width:190px;padding:0 22px;border-right:1px solid #2b4332;background:#0c2116;font:800 9px Manrope,sans-serif;letter-spacing:1px;color:#40cc90}.strip-label i,.public-dot{width:6px;height:6px;background:#00c477;display:inline-block;flex:none;border-radius:50%;box-shadow:0 0 10px #00c47744}.ticker-items{flex:1;min-width:0;display:flex;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:11px 0}.ticker-quote{display:flex;align-items:center;gap:8px;white-space:nowrap;border-right:1px solid #2b3b2f;padding:0 20px;font-size:10px}.ticker-station{color:#edf3ec;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis}.ticker-quote>span:not(.ticker-station){color:#9ab2a1}.ticker-quote strong{font:800 18px Manrope,sans-serif;font-variant-numeric:tabular-nums;color:#e8f5eb}.ticker-quote small{font-size:9px;color:#6f8e79}.strip-source{padding:0 20px;white-space:nowrap;font-size:8px;letter-spacing:1px;color:#698773}.ticker-placeholder{font-size:11px;color:#879f8d;padding:6px 20px}
.home-layout{max-width:1920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 370px minmax(0,1fr);gap:24px;padding:30px 24px 25px;align-items:start}.market-panel,.activity-panel{min-width:0;padding:20px 16px;border:1px solid #24382b;border-radius:12px;background:linear-gradient(140deg,#111b15,#0b1410);box-shadow:inset 0 1px #a4d1ad06,0 12px 36px #02060333}.quote-panel-heading{padding-bottom:17px;border-bottom:1px solid #213729;min-height:100px}.quote-panel-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:#00c47a}.quote-panel-heading h1,.quote-panel-heading h2{font:800 22px/1.3 Manrope,sans-serif;letter-spacing:-.5px;margin:12px 0 7px;color:#edf3ed}.quote-panel-heading p{margin:0;font-size:11px;color:#829d8b}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 14px}.section-kicker{font:700 8px Manrope,sans-serif;letter-spacing:1.1px;color:#779d83}.board-toolbar h2{font-size:15px;margin:5px 0 0;color:#d9e7dd}.refresh-market{display:flex;align-items:center;gap:5px;font-size:10px;padding:9px 10px;border-radius:7px;color:#a8cbb3;background:#12271b;border:1px solid #2a4b34}.refresh-market:hover{border-color:#00b56b;background:#163a25}.refresh-market svg{width:13px;height:13px}.market-controls{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:17px}.market-controls label{max-width:48%;flex:none}.market-controls select{width:100%;font-size:11px;padding:9px 7px;border-radius:7px;background:#0b1b11;border-color:#2e4936;color:#b5d2bc}#marketStatus{font-size:9px;text-align:right;color:#72917c;line-height:1.5;overflow-wrap:anywhere}.quote-table-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:20px 0 14px;padding:10px 7px;border:1px solid #273d2e;border-radius:7px;background:#122018;font-size:10px;color:#9ab9a4;text-align:center}.market-board{border:0;background:none;border-radius:0;overflow:visible;box-shadow:none}
.station-quote{border:1px solid #2a3c30;border-radius:10px;background:linear-gradient(125deg,#17241b,#101b14 85%);padding:13px 12px;margin-bottom:14px;box-shadow:0 7px 18px #0002,inset 0 1px #c5edcf05}.station-quote-head{display:flex;gap:9px;align-items:center;border-bottom:1px solid #2a3b2e;padding-bottom:12px;margin-bottom:12px;min-width:0}.station-quote-icon{width:29px;height:32px;display:grid;place-items:center;border-radius:6px;background:#0a3420;color:#00c576;flex:none}.station-quote-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.station-quote-head>div{min-width:0;flex:1}.station-quote-head h3{font:700 13px/1.4 Manrope,sans-serif;letter-spacing:-.2px;color:#eef3ee;margin:0 0 3px;overflow-wrap:anywhere}.station-quote-head>div>span{font-size:8px;color:#698b73;overflow-wrap:anywhere}.quote-public-label{color:#54c58b;font-size:7px;font-weight:700;letter-spacing:.6px;padding:4px 5px;border:1px solid #245136;border-radius:4px;flex:none}.station-fuel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fuel-quote{min-width:0;position:relative;border-radius:5px;padding:9px 5px 15px;background:linear-gradient(145deg,#1a2c20,#16251b);min-height:112px}.fuel-quote h4{font-size:9px;color:#b4caba;line-height:1.4;font-weight:600;margin:0 0 8px;min-height:25px;display:flex;align-items:flex-start}.fuel-quote strong{display:block;color:#f0f6f0;font:800 clamp(16px,1.35vw,24px)/1.1 Manrope,sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.quote-unit{display:block;font-size:8px;line-height:1.5;color:#71947b;margin-top:4px}.quote-delta{margin-top:7px}.fuel-quote time{display:block;color:#66866f;font-size:7px;line-height:1.5;margin-top:6px}.fuel-quote-line{position:absolute;left:6px;right:6px;bottom:6px;height:3px;border-radius:2px;background:#00b565;box-shadow:0 0 7px #00b56522}.fuel-premium .fuel-quote-line{background:#e0484d;box-shadow:0 0 7px #e0484d22}.fuel-diesel .fuel-quote-line{background:#cbd7ce;box-shadow:none}.fuel-electric .fuel-quote-line{background:#00b86c}.fuel-missing{background:#132017}.fuel-missing .fuel-quote-line{opacity:.25;box-shadow:none}.no-quote-value{display:block;color:#8ca394;font-size:10px;line-height:1.5}.movement{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.movement svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2}.price-up{color:#ee8580}.price-down{color:#15c47e}.price-down svg{transform:rotate(180deg)}.no-history,.unchanged{font-size:7px;font-weight:500;color:#72907c}.board-footnote{display:flex;gap:8px;margin-top:18px}.board-footnote .public-dot{width:4px;height:4px;margin-top:6px;box-shadow:none;background:#5d8e6e}.board-footnote p,.activity-disclaimer{font-size:9px;line-height:1.7;color:#63846d;margin:0}.activity-disclaimer{margin:18px 0 0}.market-empty{border:1px solid #213d2a;background:linear-gradient(145deg,#14231a,#0d1911);border-radius:9px;padding:38px 18px;text-align:center;margin:10px 0}.market-empty svg{width:43px;height:43px;fill:none;stroke:#178652;stroke-width:1.5;margin-bottom:16px}.market-empty h3{font:700 14px/1.4 Manrope,sans-serif;color:#c6dccb;margin:0 0 12px}.market-empty p{font-size:11px;color:#698c72;line-height:1.7;margin:7px 0}.market-empty.secondary{margin-top:14px}.board-loading{padding:18px}.board-loading p{font-size:11px;color:#7a9b84}.loading-line{display:block;margin-bottom:12px;height:34px;border-radius:6px;background:linear-gradient(90deg,#13291b,#1d3b29,#13291b);animation:quote-pulse 1.4s ease-in-out infinite}
.access-panel{min-width:0;padding:4px 3px 0}.access-brand{text-align:center;margin:0 0 18px}.brand-overline{font:700 7px Manrope,sans-serif;letter-spacing:1.4px;color:#6e9f7e}.home-logo{display:block;margin:14px auto 8px;width:245px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 28px #00a05c12)}.access-brand h2{font:800 15px/1.5 Manrope,sans-serif;letter-spacing:1px;margin:0;color:#f0f5ef}.access-brand h2 span{display:block;font-size:10px;letter-spacing:3.4px;color:#779c82;margin-top:2px}.brand-rule{display:flex;justify-content:center;gap:5px;margin:19px auto 21px}.brand-rule i{width:33px;height:3px;background:#00ad69;border-radius:2px}.brand-rule i:nth-child(2){width:13px;background:#da3d43}.brand-rule i:nth-child(3){width:13px;background:#b9c9bf}.access-card{padding:22px 20px;background:linear-gradient(130deg,#14291b,#0d1e13 70%);border:1px solid #2a4933;border-radius:12px;box-shadow:inset 0 1px #b6e8c008,0 20px 40px #02080444}.access-heading{text-align:center;border-bottom:1px solid #274332;padding-bottom:16px;margin-bottom:18px}.access-heading .section-kicker{font-size:8px;color:#00bc6e}.access-heading h3{font:800 18px/1.4 Manrope,sans-serif;letter-spacing:-.4px;margin:10px 0 7px}.access-heading p{font-size:10px;color:#779b81;margin:0;line-height:1.5}.access-card label{display:block;color:#a2bfa9;font-size:11px;font-weight:500;margin-bottom:13px}.access-card input{display:block;width:100%;margin-top:7px;border-radius:7px;padding:12px;border:1px solid #2d4d36;background:#09170f;color:#e6efe7;font-size:12px;box-shadow:inset 0 1px 5px #0002}.access-card input::placeholder{color:#527a5e}.access-card input:focus{outline-color:#00ba6e}.home-login-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.home-login-bottom>span{font-size:8px;color:#5c8669;max-width:115px;line-height:1.5}.home-login-bottom>button{font-size:9px;border:0;box-shadow:none;background:none;padding:0;color:#00bb73}.access-card .primary{border:0;border-radius:24px;background:linear-gradient(105deg,#00a45e,#00b96f);color:#edf7ee;font-size:12px;padding:12px;min-height:44px;font-weight:700;box-shadow:0 4px 16px #00a45e18}.access-card .primary svg{width:15px;height:15px;margin-left:8px}.access-card .form-error{font-size:10px;min-height:0;margin:9px 0}.access-card .auth-divider{font-size:8px;letter-spacing:.7px;color:#517c5f;margin:17px 0}.auth-divider:before,.auth-divider:after{background:#284333}.home-social-actions{display:grid;gap:9px}.home-social-actions button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 8px;border:1px solid #2c4e37;border-radius:8px;background:#0f2116;color:#b5d4bf;font-size:11px}.home-social-actions button:hover{border-color:#00a963;background:#153522}.home-social-actions svg{width:17px;height:17px}.home-social-actions #homeGoogle svg{stroke:none}.access-note{font-size:9px;color:#608b6c;line-height:1.6;text-align:center;margin:17px 0 0}.explore-public{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:15px;padding:12px 0;min-height:43px;background:transparent;border:0;box-shadow:none;color:#699b7a;font-size:10px}.explore-public:hover{background:transparent;color:#00c77a}.explore-public svg{width:14px;height:14px}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1820px;margin:0 auto;padding:20px 24px;border-top:1px solid #1e3326}.home-bottom>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9px;color:#477d5a}.home-bottom i{width:4px;height:4px;border-radius:50%;background:#00a563}.home-bottom p{font-size:9px;color:#466d53;text-align:right;margin:0;line-height:1.6}
@keyframes quote-pulse{50%{opacity:.5}}
@media(min-width:1600px){.home-layout{grid-template-columns:minmax(0,1fr) 420px minmax(0,1fr);padding:40px 34px;gap:30px}.access-panel{padding:5px 10px}.home-logo{width:275px;height:190px}.market-panel,.activity-panel{padding:24px 20px}.station-quote-head h3{font-size:15px}.fuel-quote{padding:12px 8px 17px}.fuel-quote h4{font-size:11px}.fuel-quote strong{font-size:25px}.quote-unit{font-size:9px}.fuel-quote time{font-size:8px}.station-quote-head>div>span{font-size:9px}.access-card{padding:25px}}
@media(max-width:1200px){.home-layout{gap:16px;padding:24px 16px;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr)}.market-panel,.activity-panel{padding:16px 11px}.quote-panel-heading h1,.quote-panel-heading h2{font-size:18px}.station-quote{padding:12px 8px}.station-fuel-grid{gap:4px}.fuel-quote{padding:9px 4px 14px}.fuel-quote h4{font-size:8px}.fuel-quote strong{font-size:17px}.quote-unit{font-size:7px}.quote-public-label{display:none}.no-quote-value{font-size:8px}.strip-source{display:none}.home-logo{width:220px;height:155px}.access-card{padding:20px 17px}}
@media(max-width:1050px){.home-layout{grid-template-columns:1fr 1fr;max-width:1000px;gap:24px;padding:26px 22px}.access-panel{grid-column:1/-1;grid-row:1;width:100%;max-width:430px;margin:auto}.market-panel{grid-column:1;grid-row:2}.activity-panel{grid-column:2;grid-row:2}.home-logo{height:160px;width:240px}.quote-panel-heading h1,.quote-panel-heading h2{font-size:21px}.fuel-quote h4{font-size:10px}.fuel-quote strong{font-size:20px}.quote-unit{font-size:8px}.no-quote-value{font-size:10px}#explorer #details{top:12px;bottom:12px;right:12px}}
@media(max-width:700px){#explorer{top:68px}#home{min-height:calc(100dvh - 68px)}.home-layout{display:flex;flex-direction:column;gap:22px;padding:22px 13px}.access-panel{order:0;max-width:420px;padding:0 10px}.market-panel{order:1;width:100%;padding:17px 12px}.activity-panel{order:2;width:100%;padding:17px 12px}.home-logo{height:145px;width:215px;margin-top:9px}.brand-overline{font-size:6px}.access-card{padding:20px 17px}.access-card input{font-size:16px}.access-card .primary{font-size:13px}.home-social-actions button{font-size:12px}.explore-public{font-size:11px}.strip-label{padding:0 10px;min-width:112px;max-width:112px;font-size:7px;line-height:1.6}.ticker-quote{padding:0 12px;gap:7px}.ticker-quote strong{font-size:16px}.ticker-quote .movement,.ticker-station{display:none}.market-controls #marketStatus{font-size:9px}.quote-panel-heading{min-height:90px}.quote-panel-heading h1,.quote-panel-heading h2{font-size:22px}.quote-panel-heading p{font-size:11px}.station-quote{padding:13px 10px}.station-quote-head h3{font-size:14px}.station-quote-head>div>span{font-size:9px}.station-fuel-grid{gap:5px}.fuel-quote{min-height:120px;padding:10px 5px 15px}.fuel-quote h4{font-size:10px}.fuel-quote strong{font-size:20px}.quote-unit{font-size:8px}.fuel-quote time{font-size:8px}.no-history,.unchanged{font-size:8px}.quote-table-guide{font-size:10px}.board-footnote p,.activity-disclaimer{font-size:10px}.home-bottom{display:block;margin:0 14px;padding:18px 0}.home-bottom>span{font-size:10px}.home-bottom p{font-size:9px;text-align:left;margin-top:9px}#explorer #sidebar{top:10px}#explorer #sidebar.list-open{top:auto;bottom:0}#explorer #details{bottom:0;top:auto}}
@media(max-width:360px){.station-fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fuel-quote{padding:12px 8px 16px}.fuel-quote strong{font-size:23px}.fuel-quote h4{min-height:14px}.quote-table-guide{font-size:8px}.access-panel{padding:0 2px}}
@media(prefers-reduced-motion:reduce){.loading-line{animation:none}}
/* Recursos generados: fondos ilustrativos; las cotizaciones siguen siendo datos de Firestore. */
.market-panel>.quote-panel-heading{margin:-20px -16px 0;padding:25px 16px 20px;min-height:180px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#06140ded 5%,#07180ca3 58%,#08130b33),url('/assets/gasolinera-nocturna.webp') center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid #255637}.activity-panel>.quote-panel-heading{margin:-20px -16px 0;padding:25px 16px 20px;min-height:180px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#06140ded 5%,#07180ca3 58%,#08130b33),url('/assets/carga-electrica.webp') center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid #255637}.quote-panel-heading h1,.quote-panel-heading h2{text-shadow:0 2px 12px #030b07}.quote-panel-heading p{color:#b1c8b6;text-shadow:0 1px 8px #06120b}.access-panel{background:linear-gradient(180deg,#07150c33,#08140cb3 43%,#07130a11),url('/assets/fondo-esmeralda.webp') top center/100% auto no-repeat;border-radius:13px}.access-brand{padding-top:12px}.brand-overline{color:#92c6a2}.access-brand h2{text-shadow:0 2px 12px #030c06}.home-logo{filter:drop-shadow(0 8px 22px #0008)}
@media(min-width:1600px){.market-panel>.quote-panel-heading,.activity-panel>.quote-panel-heading{margin:-24px -20px 0;padding:27px 20px 23px;min-height:210px}}
@media(max-width:1200px){.market-panel>.quote-panel-heading,.activity-panel>.quote-panel-heading{margin:-16px -11px 0;padding:22px 11px 18px;min-height:170px}}
@media(max-width:700px){.market-panel>.quote-panel-heading,.activity-panel>.quote-panel-heading{margin:-17px -12px 0;padding:25px 14px 20px;min-height:180px}.access-brand{padding-top:14px}}