/* Preproduction home: retain the existing map and control behaviour. */
.home-page{--home-ink:#183754;--home-muted:#536b80;--home-blue:#225fa3;--home-green:#197448;--home-border:#dfe8ef;background:#f4f7fb;color:var(--home-ink)}
.home-page .station-ui-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
.home-page .home-intro{max-width:1440px;width:calc(100% - 64px);margin:28px auto 0;padding:36px 40px;gap:48px;grid-template-columns:1.05fr 1fr;border:1px solid #dde8ef;border-radius:24px;background:radial-gradient(ellipse at 10% 0%,#e5f3ed,transparent 55%),radial-gradient(ellipse at 100% 100%,#e1edfc,transparent 65%),#fff;position:relative}
.home-page .home-intro h1{font-size:clamp(34px,3.5vw,52px);letter-spacing:-2px;line-height:1.13;margin:14px 0 0;color:#163754}
.home-page .home-intro h1>span{color:#187450}
.home-page .home-intro p{font-size:14px;line-height:1.75;max-width:490px;color:var(--home-muted)}
.home-page .home-intro .eyebrow{display:flex;align-items:center;gap:8px;color:#356758;font-size:10px;letter-spacing:.1em}
.home-status-dot{width:7px;height:7px;border-radius:50%;background:#27905e;box-shadow:0 0 0 4px #27905e12;flex-shrink:0}
.home-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:#4c6779;font-size:11px}
.home-trust>span{display:flex;align-items:center;gap:6px}.home-page .home-trust .station-ui-icon{width:16px;height:16px;flex-basis:16px;color:#278461}
.home-search-area{background:#ffffffed;border:1px solid #dde7f0;border-radius:18px;padding:24px;box-shadow:0 12px 32px #254b7010;min-width:0}
.home-search-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e9f1fc;color:var(--home-blue);margin-bottom:14px}
.home-page .place-search label{font-size:20px;letter-spacing:-.4px;color:var(--home-ink);margin-bottom:14px}
.home-page .place-search-row{border-radius:10px;box-shadow:none;border-color:#cbd9e5;padding:4px}
.home-page .place-search-row input{font-size:14px;padding:12px 10px;background:transparent}
.home-page .place-search-row button{border-radius:7px;background:#24629c;padding:12px 18px;font-size:13px}
.home-page .quick-filters{gap:6px;margin-top:14px}.home-page .quick-filters button{font-size:11px;min-height:36px;padding:7px 10px;background:#f5f8fc;border-color:#e0e7ef;color:#395871}
.home-page .quick-filters button[data-quick-fuel="gasolina_95"]{background:#edf7f1;color:#266741;border-color:#d8eadf}
.home-page .quick-filters button[data-quick-check="lowcost"]{background:#fff7e7;color:#856221;border-color:#efe3c8}
.home-page .quick-filters button[aria-pressed=true]{background:#1b654b;color:#fff;border-color:#1b654b;box-shadow:inset 0 0 0 1px #fff5}
.home-page .home-search-hint{font-size:11px;margin-top:12px}
.home-shortcuts{max-width:1440px;width:calc(100% - 64px);margin:16px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-shortcuts>a{display:flex;align-items:center;gap:13px;border:1px solid var(--home-border);border-radius:13px;padding:16px 20px;text-decoration:none;background:#fff;min-width:0;color:var(--home-ink)}
.shortcut-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#e8f2ec;color:#24714a}
.shortcut-nearby .shortcut-icon{background:#e8f0fc;color:#2d65a0}.shortcut-history .shortcut-icon{background:#fcf1df;color:#936921}
.home-shortcuts strong{display:block;font-size:14px}.home-shortcuts small{display:block;font-size:11px;color:var(--home-muted);margin-top:4px;line-height:1.5}.shortcut-arrow{margin-left:auto;font-size:20px;color:#5f7a91}
.home-shortcuts>a:hover{border-color:#99b9cd;box-shadow:0 4px 14px #1837540c}
.home-map-heading{max-width:1440px;width:calc(100% - 64px);margin:30px auto 14px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.home-map-heading .eyebrow{font-size:10px;color:#34725a;letter-spacing:.12em}.home-map-heading h2{font-size:24px;letter-spacing:-.7px;margin:6px 0 0}.home-map-heading p{font-size:11px;line-height:1.7;color:var(--home-muted);margin:0;text-align:right}
.home-page .layout{width:calc(100% - 64px);max-width:1440px;margin:0 auto;grid-template-columns:250px minmax(0,1fr);border:1px solid #d8e3ec;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #21436607}
.home-page .sidebar{padding:18px;background:#fff;border-color:#e3eaf1;max-height:740px;scrollbar-width:thin}
.home-filter-heading{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #e6edf3}.home-filter-heading>span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.home-filter-heading .station-ui-icon{color:#2a699f}.home-filter-heading small{display:block;font-size:11px;margin:5px 0 0 30px;color:var(--home-muted)}
.home-page .sidebar .field label{font-size:11px;color:#4c647c}.home-page .sidebar :is(select,input[type=number]){min-height:40px;border-radius:8px;font-size:12px;background:#f8fafd;border-color:#dce5ee;color:#24435e}
.home-page .check-option{padding:8px;border:0;background:#f6f9fc;min-height:36px}.home-page .check-option:has(input:checked){background:#e5f3ec}.home-page .check-option span{font-size:11px}.home-page .check-option input{accent-color:#23774f}
.home-page #reloadBtn{background:#eaf2fc;color:#245b90;border:1px solid #d7e4f4;border-radius:8px;font-size:12px;min-height:40px}
.home-page .map-results-bar{min-height:49px;background:#f8fafd;padding:12px 18px;font-size:11px}.home-page #count{min-width:3ch;color:#1d7950}.home-page #updatedAt{color:#335c7d}
.home-page #map{height:clamp(520px,72vh,690px)}
.home-page .home-editorial{max-width:1440px;width:calc(100% - 64px);padding:0;margin:40px auto 24px;gap:18px;grid-template-columns:.9fr 1fr 1fr;align-items:stretch}
.home-editorial-intro{padding:24px 12px 24px 0}.home-page .home-editorial .eyebrow{color:#277653;font-size:10px}.home-page .home-editorial h2{font-family:inherit;font-size:30px;line-height:1.25;letter-spacing:-1px;margin-top:12px}.home-page .home-editorial p{font-size:13px;line-height:1.8}.home-page .home-editorial a{color:#215d8f;font-size:12px}
.home-editorial-card{padding:24px;border-radius:16px;border:1px solid #dce7ef;background:#fff}.home-energy-card{background:#fcf7ec;border-color:#ede2cd}.editorial-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#e9f2fc;color:#31649e;margin-bottom:18px}.home-energy-card .editorial-icon{background:#f7e9c9;color:#8f661e}
.home-page .home-seo-directory{max-width:1440px;width:calc(100% - 64px);margin:0 auto 20px;padding:0}
.home-page .home-seo-directory>.seo-area,.home-page .home-seo-directory>.card{border:1px solid var(--home-border);border-radius:16px;background:#fff;padding:24px;margin:0}
.home-page .home-seo-directory h2{font-size:22px;letter-spacing:-.5px;color:var(--home-ink)}
.home-page .seo-link-grid a{background:#f5f8fc;border-color:#e1e8f0;color:#365976;border-radius:9px}.home-page .seo-link-grid a:hover{background:#eaf3ef;color:#195f40}
.home-faq{max-width:1440px;width:calc(100% - 64px);margin:14px auto 40px;padding:28px;border:1px solid var(--home-border);background:#fff;border-radius:16px;display:grid;grid-template-columns:.65fr 1fr;gap:36px}
.home-faq .eyebrow{color:#337957;font-size:10px}.home-faq h2{font-size:26px;letter-spacing:-.7px;margin:10px 0}.home-faq p{font-size:13px;line-height:1.8;color:var(--home-muted)}.home-faq details{border-bottom:1px solid #e5ecf2;padding:15px 0}.home-faq details:first-child{padding-top:0}.home-faq details:last-child{border:0}.home-faq summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.6}.home-faq details p{margin:10px 0 0}
.home-page :is(a,button,input,select,summary):focus-visible{outline:3px solid #2b75b2;outline-offset:3px}
@media(min-width:761px){.home-intro-copy{animation:home-arrive .45s ease-out both}.home-search-area{animation:home-arrive .55s ease-out both}}
@keyframes home-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.home-intro-copy,.home-search-area{animation:none}}
@media(max-width:1100px){.home-page .home-intro{padding:28px;gap:24px}.home-page .home-intro h1{font-size:38px}.home-search-area{padding:20px}.home-shortcuts>a{padding:14px;gap:10px}.home-shortcuts small{font-size:10px}.home-page .home-editorial{grid-template-columns:1fr 1fr}.home-editorial-intro{grid-column:1/-1;padding:0}.home-page .home-editorial h2 br{display:none}}
@media(max-width:760px){
.home-page .home-intro,.home-shortcuts,.home-map-heading,.home-page .layout,.home-page .home-editorial,.home-page .home-seo-directory,.home-faq{width:calc(100% - 28px)}
.home-page .home-intro{grid-template-columns:1fr;margin-top:14px;padding:22px 18px;gap:20px;border-radius:18px}.home-page .home-intro h1{font-size:35px;letter-spacing:-1.3px;margin-top:10px}.home-page .home-intro .eyebrow{font-size:8px;letter-spacing:.055em}.home-page .home-intro p{font-size:12px;margin-top:10px;line-height:1.6}.home-trust{display:none}
.home-search-area{padding:16px;border-radius:12px}.home-search-icon{display:none}.home-page .place-search label{font-size:16px;margin-bottom:10px}.home-page .place-search-row input{font-size:16px;padding:10px 6px}.home-page .place-search-row button{padding:10px;font-size:12px;min-height:44px}.home-page .quick-filters{flex-wrap:wrap;overflow:visible;gap:6px}.home-page .quick-filters button{font-size:10px;min-height:36px;padding:7px 9px}.home-page .home-search-hint{font-size:10px}
.home-shortcuts{gap:7px;margin-top:12px}.home-shortcuts>a{flex-direction:column;align-items:flex-start;padding:12px 9px;gap:9px;border-radius:11px}.shortcut-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px}.home-shortcuts .station-ui-icon{width:18px;height:18px}.home-shortcuts strong{font-size:11px;line-height:1.4}.home-shortcuts small,.shortcut-arrow{display:none}
.home-map-heading{margin-top:24px;align-items:start}.home-map-heading h2{font-size:20px}.home-map-heading .eyebrow{font-size:9px}.home-map-heading p{display:none}
.home-page .layout{display:flex;flex-direction:column;border-radius:12px}.home-filter-heading{display:none}.home-page .sidebar{padding:10px 12px;max-height:none;border-right:0;border-bottom:1px solid #e1e8ef}.home-page .mobile-filter-toggle{margin:0;min-height:44px;border:0;background:#edf4fb;color:#265b83;border-radius:8px}.home-page .collapsible-filter-content:not(.is-collapsed){padding-top:16px}.home-page .sidebar .field label,.home-page .check-option span{font-size:12px}.home-page .sidebar :is(select,input[type=number]){font-size:16px;min-height:44px}.home-page .map-results-bar{font-size:10px;min-height:56px;gap:5px;padding:10px 12px}.home-page #map{height:62svh;min-height:360px}
.home-page .home-editorial{grid-template-columns:1fr;gap:14px;margin-top:28px}.home-page .home-editorial h2{font-size:26px}.home-editorial-card{padding:20px}.home-page .home-seo-directory>.seo-area,.home-page .home-seo-directory>.card{padding:20px}.home-page .home-seo-directory h2{font-size:20px}
.home-faq{display:block;padding:20px;margin-bottom:28px}.home-faq-questions{margin-top:24px}.home-faq summary{font-size:13px}
}
@media(max-width:760px){
.home-page .home-intro{padding:18px 16px;gap:16px}
.home-page .home-intro h1{font-size:32px}
.home-search-area{padding:14px}
.home-page .home-search-hint{display:none}
.home-page .quick-filters{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.4fr;gap:4px;overflow:visible;padding-bottom:0}
.home-page .quick-filters button{width:100%;min-width:0;min-height:44px;padding:7px 3px;white-space:normal;line-height:1.3}
.home-shortcuts>a{flex-direction:row;align-items:center;gap:7px;padding:12px 8px}
.home-shortcuts .shortcut-icon{display:none}
}