html,body{height:100%}body.cc-app-mode{overflow:hidden;background:#eef4f8;color:#0b2940}
body.cc-app-mode .beta-banner,body.cc-app-mode .nav,body.cc-app-mode .hero,body.cc-app-mode main>section:not(#mapa):not(#directorio):not(#ruta-ev):not(#aplicaciones):not(#reportar):not(#funciona):not(#productos):not(#tiempo-carga):not(#rutas-viajes):not(#version-creditos),body.cc-app-mode footer{display:none!important}
.cc-app-header{position:fixed;z-index:1200;top:12px;left:50%;transform:translateX(-50%);height:58px;min-width:min(560px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 16px 7px 10px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(4,36,56,.16);backdrop-filter:blur(16px)}
.cc-app-brand{display:flex;align-items:center;height:44px;overflow:hidden;border-radius:12px}.cc-app-brand img{display:block;height:44px;width:auto}.cc-app-tagline{font-size:12px;font-weight:800;color:#577080;white-space:nowrap}
body.cc-app-mode #mapa{display:block!important;position:fixed;inset:0;z-index:1;padding:0!important;margin:0!important;background:#dce8ed}body.cc-app-mode #mapa>.container{width:100%;max-width:none;height:100%;padding:0;margin:0}body.cc-app-mode #mapa .titlebar{display:none}body.cc-app-mode #mapa .geo-layout{display:block;height:100%;margin:0}body.cc-app-mode #mapa .map-wrap{position:absolute;inset:0;height:100%;min-height:100%;border:0;border-radius:0;box-shadow:none}body.cc-app-mode #evMap{height:100vh!important;min-height:100vh!important;border-radius:0!important}body.cc-app-mode #mapa .map-legend{bottom:104px;right:14px;left:auto;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 8px 25px rgba(9,44,64,.13);backdrop-filter:blur(12px)}
body.cc-app-mode #mapa .geo-panel{position:fixed;z-index:1050;left:18px;bottom:98px;width:min(390px,calc(100vw - 36px));max-height:46vh;overflow:auto;padding:16px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(4,36,56,.2);backdrop-filter:blur(16px)}
.cc-gps-fab{position:fixed;z-index:1250;right:20px;top:90px;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:#0677e8;font-size:28px;font-weight:900;box-shadow:0 12px 30px rgba(5,45,72,.22);cursor:pointer}
.cc-filter-toggle{position:fixed;z-index:1240;top:88px;left:20px;height:50px;padding:0 18px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(5,45,72,.18);display:flex;align-items:center;gap:9px;color:#15364b;cursor:pointer;backdrop-filter:blur(14px)}.cc-filter-toggle span{font-size:23px;color:#087ce8}.cc-filter-toggle b{font-size:13px}
body.cc-app-mode #directorio{display:block!important;position:fixed;z-index:1150;top:148px;left:20px;width:min(690px,calc(100vw - 40px));padding:0!important;margin:0!important;pointer-events:none}body.cc-app-mode #directorio>.container{width:100%;max-width:none;padding:0}body.cc-app-mode #directorio .titlebar{display:none}body.cc-app-mode #directorio .finder{display:none;pointer-events:auto;padding:12px;border:1px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(5,45,72,.18);backdrop-filter:blur(16px)}body.cc-app-mode.cc-filter-open #directorio .finder{display:block}body.cc-app-mode #directorio .toolbar{display:grid;grid-template-columns:minmax(180px,1.4fr) 1fr 1fr auto;gap:8px}body.cc-app-mode #directorio .finder-meta{padding:8px 4px 0;font-size:11px}body.cc-app-mode #directorio .station-grid,body.cc-app-mode #directorio .load-more-wrap{display:none!important}
body.cc-app-mode #ruta-ev,body.cc-app-mode #aplicaciones,body.cc-app-mode #reportar,body.cc-app-mode #funciona,body.cc-app-mode #productos,body.cc-app-mode #tiempo-carga,body.cc-app-mode #version-creditos{display:none!important;position:fixed;z-index:1160;top:84px;right:18px;bottom:94px;width:min(520px,calc(100vw - 36px));overflow:auto;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 22px 60px rgba(5,45,72,.24);backdrop-filter:blur(18px)}
body.cc-app-mode #ruta-ev.cc-panel-open,body.cc-app-mode #aplicaciones.cc-panel-open,body.cc-app-mode #reportar.cc-panel-open,body.cc-app-mode #funciona.cc-panel-open,body.cc-app-mode #productos.cc-panel-open,body.cc-app-mode #tiempo-carga.cc-panel-open,body.cc-app-mode #version-creditos.cc-panel-open,body.cc-app-mode #rutas-viajes.cc-panel-open{display:block!important}
body.cc-app-mode #ruta-ev>.container,body.cc-app-mode #aplicaciones>.container,body.cc-app-mode #reportar>.container,body.cc-app-mode #funciona>.container,body.cc-app-mode #productos>.container,body.cc-app-mode #tiempo-carga>.container,body.cc-app-mode #version-creditos>.container{width:100%;max-width:none;padding:18px}body.cc-app-mode .route-planner{padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}body.cc-app-mode .route-vehicle-controls,body.cc-app-mode .route-controls{grid-template-columns:1fr!important}body.cc-app-mode .route-swap{justify-self:center}body.cc-app-mode #aplicaciones .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cc-bottom-nav{position:fixed;z-index:1300;left:50%;bottom:16px;transform:translateX(-50%);width:min(560px,calc(100vw - 28px));height:70px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid rgba(255,255,255,.25);border-radius:23px;background:rgba(5,43,67,.95);box-shadow:0 18px 45px rgba(4,31,48,.3);backdrop-filter:blur(18px)}.cc-nav-item{border:0;border-radius:17px;background:transparent;color:#d7e6ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.cc-nav-item span{font-size:21px;line-height:1}.cc-nav-item b{font-size:11px}.cc-nav-item.active{background:rgba(255,255,255,.1);color:#6cff65}
.cc-sheet-backdrop{display:none;position:fixed;z-index:1170;inset:0;background:rgba(3,23,35,.28)}.cc-sheet-backdrop.open{display:block}.cc-more-sheet{display:none;position:fixed;z-index:1310;left:50%;bottom:96px;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));padding:10px 14px 16px;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(3,31,49,.3)}.cc-more-sheet.open{display:block}.cc-sheet-handle{width:44px;height:5px;border-radius:9px;background:#d7e1e7;margin:2px auto 12px}.cc-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px}.cc-sheet-head small{color:#6a8190}.cc-sheet-head h3{margin:1px 0 0;font-size:21px}.cc-sheet-close{width:36px;height:36px;border:0;border-radius:50%;background:#edf3f6;font-size:23px}.cc-more-sheet>a{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;padding:13px 6px;border-top:1px solid #edf1f3;text-decoration:none;color:#143348}.cc-more-sheet>a>span{width:38px;height:38px;border-radius:12px;background:#e9f4ff;color:#087be7;display:grid;place-items:center;font-size:20px}.cc-more-sheet>a div{display:flex;flex-direction:column;gap:2px}.cc-more-sheet>a small{color:#718591;font-size:11px}
@media(max-width:760px){.cc-app-header{top:8px;height:54px;min-width:0;width:calc(100vw - 20px);padding:6px 10px}.cc-app-brand img{height:40px}.cc-app-tagline{display:none}.cc-gps-fab{top:76px;right:12px;width:48px;height:48px}.cc-filter-toggle{top:76px;left:12px;height:46px;padding:0 14px}body.cc-app-mode #directorio{top:130px;left:12px;width:calc(100vw - 24px)}body.cc-app-mode #directorio .toolbar{grid-template-columns:1fr 1fr}body.cc-app-mode #directorio .searchbox{grid-column:1/-1}body.cc-app-mode #directorio #clear{grid-column:1/-1}body.cc-app-mode #mapa .geo-panel{left:12px;bottom:88px;width:calc(100vw - 24px);max-height:31vh;padding:13px}body.cc-app-mode #mapa .geo-panel .switch-row{display:none}body.cc-app-mode #mapa .map-legend{display:none}body.cc-app-mode #ruta-ev,body.cc-app-mode #aplicaciones,body.cc-app-mode #reportar,body.cc-app-mode #funciona,body.cc-app-mode #productos,body.cc-app-mode #tiempo-carga,body.cc-app-mode #version-creditos{top:70px;right:8px;bottom:86px;width:calc(100vw - 16px);border-radius:22px}.cc-bottom-nav{bottom:8px;width:calc(100vw - 16px);height:68px}}
/* V2 refinements */
.cc-bottom-nav{grid-template-columns:repeat(5,1fr)}
.cc-app-header{min-width:min(680px,calc(100vw - 150px));height:68px;padding:7px 22px 7px 12px;justify-content:flex-start}
.cc-app-brand{height:54px;flex:0 0 auto}.cc-app-brand img{height:54px}
.cc-app-tagline{font-size:14px;font-weight:800;margin-left:auto;color:#36586d}
/* Keep Leaflet zoom controls clear of the floating header. */
body.cc-app-mode .leaflet-top.leaflet-left{top:82px!important}
body.cc-app-mode .leaflet-top.leaflet-right{top:82px!important}
/* Search exists only in Cargadores view. */
.cc-chargers-search{display:none;position:fixed;z-index:1240;top:92px;left:50%;transform:translateX(-50%);height:50px;padding:0 22px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(5,45,72,.18);align-items:center;gap:9px;color:#15364b;cursor:pointer;backdrop-filter:blur(14px)}
.cc-chargers-search span{font-size:23px;color:#087ce8}.cc-chargers-search b{font-size:13px}
body.cc-app-mode.cc-view-chargers .cc-chargers-search{display:flex}
body.cc-app-mode #directorio{top:150px;left:50%;transform:translateX(-50%);width:min(690px,calc(100vw - 40px))}
body.cc-app-mode.cc-view-near #directorio,body.cc-app-mode.cc-view-route #directorio,body.cc-app-mode.cc-view-apps #directorio,body.cc-app-mode.cc-view-more #directorio{display:none!important}
/* Cerca de mí: keep the original nearest charger result card visible. */
body.cc-app-mode.cc-view-near #mapa .geo-panel{display:block!important}
body.cc-app-mode:not(.cc-view-near) #mapa .geo-panel{display:none!important}
/* Remove legacy back-to-top button everywhere in app mode. */
body.cc-app-mode #backToTop,
body.cc-app-mode .back-to-top,
body.cc-app-mode .backToTop,
body.cc-app-mode [class*="back-to-top"],
body.cc-app-mode [id*="backToTop"]{display:none!important}
@media(max-width:760px){
.cc-app-header{width:calc(100vw - 20px);min-width:0;height:62px;padding:5px 12px;gap:8px}
.cc-app-brand{height:48px}.cc-app-brand img{height:48px;max-width:58vw;object-fit:contain}
.cc-app-tagline{display:block;font-size:10px;line-height:1.15;text-align:right;white-space:normal;max-width:34vw}
body.cc-app-mode .leaflet-top.leaflet-left{top:68px!important}
body.cc-app-mode .leaflet-top.leaflet-right{top:68px!important}
.cc-gps-fab{top:82px}
.cc-chargers-search{top:82px;max-width:62vw;height:46px;padding:0 14px}
body.cc-app-mode #directorio{top:136px;left:12px;transform:none;width:calc(100vw - 24px)}
.cc-nav-item b{font-size:9px}
.cc-nav-item span{font-size:19px}
}
/* V3 · GPS search freedom + system stats */
.cc-stats-fab{display:none;position:fixed;z-index:1250;right:20px;top:152px;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:#087be7;font:900 20px/1 Arial,sans-serif;box-shadow:0 12px 30px rgba(5,45,72,.22);cursor:pointer}
body.cc-app-mode.cc-view-near .cc-stats-fab{display:block}
.cc-stats-card{display:none;position:fixed;z-index:1260;right:84px;top:146px;width:min(330px,calc(100vw - 110px));padding:14px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(5,45,72,.22);backdrop-filter:blur(16px)}
.cc-stats-card.open{display:block}.cc-stats-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cc-stats-head>div{display:flex;flex-direction:column}.cc-stats-head small{font-size:10px;color:#718591}.cc-stats-head b{font-size:16px;color:#143348}.cc-stats-head button{width:32px;height:32px;border:0;border-radius:50%;background:#edf3f6;font-size:20px}
.cc-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-stats-grid>div{padding:12px;border-radius:14px;background:#f1f7fa;display:flex;flex-direction:column}.cc-stats-grid strong{font-size:23px;color:#087be7}.cc-stats-grid span{font-size:10px;font-weight:800;color:#617988}
body.cc-app-mode.cc-view-near #mapa .geo-panel .nearest-box{display:block!important}
body.cc-app-mode.cc-view-near #mapa .geo-panel [id*="nearest"],body.cc-app-mode.cc-view-near #mapa .geo-panel [class*="nearest"]{visibility:visible!important}
@media(max-width:760px){.cc-stats-fab{right:12px;top:138px;width:48px;height:48px}.cc-stats-card{right:68px;top:132px;width:calc(100vw - 88px)}body.cc-app-mode.cc-view-near #mapa .geo-panel .nearest-box{display:block!important}}
/* V4 · legibilidad global y orden de FAB */
body.cc-app-mode{--cc-navy:#0b2940;--cc-blue:#087be7;--cc-green:#18a957;--cc-soft:#f3f8fb;--cc-line:#d9e6ed;--cc-muted:#5d7483}
body.cc-app-mode .cc-stats-fab{top:90px!important}
body.cc-app-mode .cc-gps-fab{top:152px!important}
/* Panels/cards: high contrast and consistent app palette */
body.cc-app-mode #ruta-ev,body.cc-app-mode #aplicaciones,body.cc-app-mode #reportar,body.cc-app-mode #funciona,
body.cc-app-mode #mapa .geo-panel,body.cc-app-mode #directorio .finder{color:var(--cc-navy)!important}
body.cc-app-mode #ruta-ev *,body.cc-app-mode #aplicaciones *,body.cc-app-mode #reportar *,body.cc-app-mode #funciona *,
body.cc-app-mode #mapa .geo-panel *,body.cc-app-mode #directorio .finder *{text-shadow:none}
body.cc-app-mode h1,body.cc-app-mode h2,body.cc-app-mode h3,body.cc-app-mode h4,
body.cc-app-mode .titlebar h2{color:#082b43!important}
body.cc-app-mode p,body.cc-app-mode small,body.cc-app-mode .muted,body.cc-app-mode .hint{color:#587080}
body.cc-app-mode label{color:#173a50!important;font-weight:800}
body.cc-app-mode input,body.cc-app-mode select,body.cc-app-mode textarea{background:#fff!important;color:#102f43!important;border-color:#cbdce5!important}
body.cc-app-mode input::placeholder,body.cc-app-mode textarea::placeholder{color:#8195a2!important}
body.cc-app-mode .card,body.cc-app-mode .route-card,body.cc-app-mode .app-card,body.cc-app-mode .location-card,
body.cc-app-mode .nearest-box{background:#fff!important;color:#102f43!important;border-color:#d8e5eb!important}
body.cc-app-mode .btn-primary,body.cc-app-mode button.primary{background:#087be7!important;color:#fff!important}
body.cc-app-mode .btn-secondary{background:#eaf4fb!important;color:#0a5ca8!important;border-color:#bed9eb!important}
body.cc-app-mode a{color:#0870cf}
body.cc-app-mode .badge,body.cc-app-mode .pill{font-weight:900}
body.cc-app-mode .route-result,body.cc-app-mode .route-status,body.cc-app-mode [class*="result"]{color:#16384d}
body.cc-app-mode #nearestName{color:#082b43!important;font-weight:900}
body.cc-app-mode #nearestMeta,body.cc-app-mode #nearestMeta2,body.cc-app-mode #nearestMeta3{color:#526e7e!important}
/* Detected department toast */
.cc-zone-toast{display:none;position:fixed;z-index:1280;top:222px;right:20px;min-width:190px;max-width:300px;padding:12px 16px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(7,44,67,.94);color:#fff;box-shadow:0 14px 36px rgba(3,31,49,.28);backdrop-filter:blur(14px)}
.cc-zone-toast.show{display:block;animation:ccToastIn .25s ease-out}.cc-zone-toast small{display:block;color:#b9d4e4!important;font-size:10px;font-weight:800}.cc-zone-toast b{display:block;color:#fff;font-size:16px;margin-top:2px}
@keyframes ccToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:760px){
body.cc-app-mode .cc-stats-fab{top:82px!important}
body.cc-app-mode .cc-gps-fab{top:138px!important}
.cc-zone-toast{top:194px;right:12px;max-width:calc(100vw - 24px)}
}
/* V5 · Cerca de mí full-map + context-sensitive floating controls */
/* Default: hide both floating controls. */
body.cc-app-mode .cc-gps-fab,
body.cc-app-mode .cc-stats-fab{display:none!important}
/* Cerca de mí: only Info FAB. GPS action moves to bottom CTA. */
body.cc-app-mode.cc-view-near .cc-stats-fab{display:block!important}
/* Cargadores: only Info FAB. */
body.cc-app-mode.cc-view-chargers .cc-stats-fab{display:block!important}
/* Rutas / Apps / Más: no floating Info or GPS icons. */
body.cc-app-mode.cc-view-route .cc-stats-fab,
body.cc-app-mode.cc-view-apps .cc-stats-fab,
body.cc-app-mode.cc-view-more .cc-stats-fab,
body.cc-app-mode.cc-view-route .cc-gps-fab,
body.cc-app-mode.cc-view-apps .cc-gps-fab,
body.cc-app-mode.cc-view-more .cc-gps-fab{display:none!important}
/* Near starts as pure map. Its existing information panel appears only after requesting location. */
body.cc-app-mode.cc-view-near:not(.cc-near-location-open) #mapa .geo-panel{display:none!important}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{display:block!important}
/* Main location action above the bottom app navigation. */
.cc-near-detect{display:none;position:fixed;z-index:1290;left:50%;bottom:98px;transform:translateX(-50%);min-width:230px;height:52px;padding:0 22px;border:0;border-radius:18px;background:#087be7;color:#fff;box-shadow:0 14px 36px rgba(5,65,112,.30);align-items:center;justify-content:center;gap:9px;font-size:15px;cursor:pointer}
body.cc-app-mode.cc-view-near:not(.cc-near-location-open) .cc-near-detect{display:flex}
.cc-near-detect b{color:#fff!important}
/* Apps: force readable cards regardless of original theme colors. */
body.cc-app-mode #aplicaciones{background:#f7fafc!important;color:#102f43!important}
body.cc-app-mode #aplicaciones .app-grid{gap:12px}
body.cc-app-mode #aplicaciones .app-card,
body.cc-app-mode #aplicaciones article,
body.cc-app-mode #aplicaciones .card{background:#fff!important;color:#102f43!important;border:1px solid #d8e5eb!important;box-shadow:0 8px 22px rgba(8,43,65,.08)!important}
body.cc-app-mode #aplicaciones .app-card *,
body.cc-app-mode #aplicaciones article *,
body.cc-app-mode #aplicaciones .card *{color:#183a50}
body.cc-app-mode #aplicaciones .app-card h3,
body.cc-app-mode #aplicaciones .app-card h4,
body.cc-app-mode #aplicaciones .app-card strong,
body.cc-app-mode #aplicaciones article h3,
body.cc-app-mode #aplicaciones article strong{color:#082b43!important}
body.cc-app-mode #aplicaciones .app-card p,
body.cc-app-mode #aplicaciones .app-card small,
body.cc-app-mode #aplicaciones article p,
body.cc-app-mode #aplicaciones article small{color:#5a7180!important}
body.cc-app-mode #aplicaciones a.btn,
body.cc-app-mode #aplicaciones .btn,
body.cc-app-mode #aplicaciones button{background:#087be7!important;color:#fff!important;border-color:#087be7!important}
body.cc-app-mode #aplicaciones a.btn *,
body.cc-app-mode #aplicaciones .btn *,
body.cc-app-mode #aplicaciones button *{color:#fff!important}
body.cc-app-mode #aplicaciones img{background:#fff;border-radius:12px}
/* Info card remains readable over map. */
.cc-stats-card{color:#102f43!important}.cc-stats-card strong{color:#087be7!important}.cc-stats-card span{color:#5b7382!important}
@media(max-width:760px){
.cc-near-detect{bottom:88px;width:calc(100vw - 44px);min-width:0;height:50px}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{max-height:35vh}
}
/* V6 · Apps button contrast */
body.cc-app-mode #aplicaciones a.btn,
body.cc-app-mode #aplicaciones a.btn:link,
body.cc-app-mode #aplicaciones a.btn:visited,
body.cc-app-mode #aplicaciones .app-card a,
body.cc-app-mode #aplicaciones .app-card a:link,
body.cc-app-mode #aplicaciones .app-card a:visited{
background:#087be7!important;
color:#fff!important;
border:1px solid #087be7!important;
text-decoration:none!important;
font-weight:900!important;
}
body.cc-app-mode #aplicaciones a.btn:hover,
body.cc-app-mode #aplicaciones .app-card a:hover{background:#075fae!important;color:#fff!important}
body.cc-app-mode #aplicaciones a.btn *,
body.cc-app-mode #aplicaciones .app-card a *{color:#fff!important}
/* V7 · Directory count toast + GPS nearest three */
.cc-directory-toast{display:none;position:fixed;z-index:1285;left:50%;bottom:94px;transform:translateX(-50%);padding:12px 20px;border-radius:16px;background:rgba(7,44,67,.95);color:#fff;font-weight:900;font-size:14px;box-shadow:0 14px 34px rgba(3,31,49,.28);backdrop-filter:blur(12px)}
body.cc-app-mode.cc-view-chargers .cc-directory-toast.show{display:block;animation:ccToastIn .2s ease-out}
.cc-directory-nearest{display:none;position:fixed;z-index:1235;top:218px;left:50%;transform:translateX(-50%);width:min(690px,calc(100vw - 40px));max-height:42vh;overflow:auto;padding:12px;border-radius:18px;background:rgba(247,251,253,.97);border:1px solid #d7e5ec;box-shadow:0 14px 38px rgba(5,45,72,.18);backdrop-filter:blur(14px)}
body.cc-app-mode.cc-view-chargers .cc-directory-nearest.show{display:block}
.cc-directory-nearest-head{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 9px;color:#0b2d43}.cc-directory-nearest-head b{font-size:14px}.cc-directory-nearest-head small{font-size:10px;color:#16804c;font-weight:900}
.cc-near-row{padding:10px 11px;margin-top:7px;border:1px solid #dce8ee;border-radius:14px;background:#fff;color:#14374c}
.cc-near-row-top{display:flex;justify-content:space-between;gap:12px}.cc-near-row-top b{font-size:13px;color:#0a2d43}.cc-near-row-top strong{white-space:nowrap;color:#087be7;font-size:12px}
.cc-near-row-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:6px 0;font-size:10px;color:#5b7280;font-weight:700}
.cc-near-row a{display:inline-flex;padding:6px 10px;border-radius:9px;background:#087be7;color:#fff!important;font-size:10px;font-weight:900;text-decoration:none}
@media(max-width:760px){
.cc-directory-toast{bottom:84px;max-width:calc(100vw - 24px);white-space:nowrap}
.cc-directory-nearest{top:196px;left:12px;transform:none;width:calc(100vw - 24px);max-height:39vh}
}
/* V8 · aviso de zona GPS abajo, centrado, 8 s */
body.cc-app-mode.cc-view-near .cc-zone-toast{
top:auto!important;
right:auto!important;
left:50%!important;
bottom:94px!important;
transform:translateX(-50%)!important;
min-width:210px;
max-width:calc(100vw - 30px);
text-align:center;
}
body.cc-app-mode.cc-view-near .cc-zone-toast.show{
animation:ccZoneBottomIn .22s ease-out;
}
@keyframes ccZoneBottomIn{
from{opacity:0;transform:translate(-50%,8px)}
to{opacity:1;transform:translate(-50%,0)}
}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-zone-toast{bottom:84px!important}
}
/* V12 · resultados cercanos sin tapar el buscador */
body.cc-app-mode.cc-view-chargers .cc-directory-nearest{
top:330px!important;
z-index:1228!important;
}
.cc-directory-nearest-head{gap:10px}
.cc-directory-nearest-head>div{display:flex;flex-direction:column;min-width:0}
.cc-directory-nearest-head>div small{margin-top:2px}
.cc-directory-nearest-head>button{
flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;
background:#eaf2f6;color:#15394f;font-size:21px;font-weight:800;
line-height:1;cursor:pointer
}
.cc-directory-nearest-head>button:hover{background:#dceaf1}
@media(max-width:760px){
body.cc-app-mode.cc-view-chargers .cc-directory-nearest{
top:306px!important;
max-height:36vh!important;
}
}
/* V13 · panel de 3 cercanos completamente fuera del módulo del buscador */
body.cc-app-mode.cc-view-chargers .cc-directory-nearest{
top:430px!important;
margin-top:16px!important;
z-index:1215!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-chargers .cc-directory-nearest{
top:410px!important;
margin-top:14px!important;
max-height:34vh!important;
}
}
@media(max-width:420px){
body.cc-app-mode.cc-view-chargers .cc-directory-nearest{
top:430px!important;
max-height:32vh!important;
}
}
/* V14 · resultados completos del filtro en panel flotante */
.cc-filter-results{
display:none;position:fixed;left:50%;transform:translateX(-50%);
top:430px;width:min(720px,calc(100vw - 28px));max-height:42vh;
background:rgba(255,255,255,.98);border:1px solid rgba(20,55,75,.16);
border-radius:18px;box-shadow:0 12px 34px rgba(9,31,44,.18);
z-index:1220;overflow:hidden;color:#17384c
}
body.cc-app-mode.cc-view-chargers .cc-filter-results.show{display:block}
.cc-filter-results-head{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:12px 14px;border-bottom:1px solid #dce8ee;background:#f7fbfd
}
.cc-filter-results-head>div{display:flex;flex-direction:column;min-width:0}
.cc-filter-results-head b{font-size:15px}
.cc-filter-results-head small{margin-top:2px;color:#607985}
.cc-filter-results-head button{
display:flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;
border:0;border-radius:999px;background:#173f57;color:#fff;font-weight:800;cursor:pointer
}
#ccFilterResultsList{padding:10px;overflow:auto;max-height:calc(42vh - 64px)}
.cc-filter-result-card{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:11px 12px;margin-bottom:8px;border:1px solid #dce8ee;
border-radius:14px;background:#fff
}
.cc-filter-result-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.cc-filter-result-main>b{font-size:14px;color:#17384c}
.cc-filter-result-main>span,.cc-filter-result-main>small{font-size:12px;color:#617784}
.cc-filter-result-card>a{
flex:0 0 auto;text-decoration:none;background:#176ca0;color:#fff!important;
border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800
}
.cc-filter-empty{padding:18px;text-align:center;color:#617784}
body.cc-app-mode.cc-view-chargers .cc-filter-results.show ~ .cc-directory-nearest{display:none!important}
/* El aviso de zona detectada siempre abajo y centrado también en Cargadores */
body.cc-app-mode.cc-view-chargers .cc-zone-toast{
top:auto!important;right:auto!important;left:50%!important;bottom:94px!important;
transform:translateX(-50%)!important;text-align:center;z-index:1300!important
}
@media(max-width:760px){
.cc-filter-results{top:410px;max-height:38vh;width:calc(100vw - 22px)}
#ccFilterResultsList{max-height:calc(38vh - 64px)}
.cc-filter-results-head button span{display:inline}
body.cc-app-mode.cc-view-chargers .cc-zone-toast{bottom:84px!important}
}
@media(max-width:420px){
.cc-filter-results{top:430px;max-height:34vh}
#ccFilterResultsList{max-height:calc(34vh - 64px)}
.cc-filter-result-card{align-items:flex-start}
}
/* V15 · 6 cercanos + cierre textual */
.cc-directory-nearest-head>button{
width:auto!important;min-width:34px!important;padding:0 11px!important;
border-radius:999px!important;display:flex!important;align-items:center!important;
gap:6px!important;font-size:18px!important
}
.cc-directory-nearest-head>button span{font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:420px){
.cc-directory-nearest-head>button span{font-size:10px}
}
/* V16 · módulo de cercanos retirado definitivamente */
.cc-directory-nearest,#ccDirectoryNearest{display:none!important}
/* V16 · botones de Apps legibles */
body.cc-app-mode.cc-view-apps #aplicaciones a,
body.cc-app-mode.cc-view-apps #aplicaciones a:link,
body.cc-app-mode.cc-view-apps #aplicaciones a:visited,
body.cc-app-mode.cc-view-apps #aplicaciones .btn,
body.cc-app-mode.cc-view-apps #aplicaciones button{
background:#176ca0!important;
color:#ffffff!important;
border-color:#176ca0!important;
text-shadow:none!important;
opacity:1!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones a *,
body.cc-app-mode.cc-view-apps #aplicaciones button *{
color:#ffffff!important;
}
@media (hover:hover) and (pointer:fine){
body.cc-app-mode.cc-view-apps #aplicaciones a:hover,
body.cc-app-mode.cc-view-apps #aplicaciones .btn:hover,
body.cc-app-mode.cc-view-apps #aplicaciones button:hover{
background:#125a86!important;
color:#ffffff!important;
}
}
/* V17 · botón de tema solo en Cerca de mí */
.cc-theme-fab{
display:none;position:fixed;right:18px;bottom:178px;z-index:1260;
width:48px;height:48px;border:0;border-radius:50%;
background:#ffffff;color:#176ca0;box-shadow:0 7px 24px rgba(10,40,58,.22);
font-size:22px;font-weight:900;cursor:pointer
}
body.cc-app-mode.cc-view-near .cc-theme-fab{display:grid;place-items:center}
@media(max-width:760px){.cc-theme-fab{right:14px;bottom:166px}}
/* títulos principales más claros/modernos */
body.cc-app-mode #aplicaciones h2,
body.cc-app-mode #productos h2,
body.cc-app-mode #mapa h2,
body.cc-app-mode .nearest-card h2,
body.cc-app-mode .nearest-card h3,
body.cc-app-mode #nearestName,
body.cc-app-mode .section-title{
color:#176ca0!important;
}
/* V17 · tema oscuro global de la app */
html.cc-dark,body.cc-dark{background:#08131b!important;color:#e8f2f7!important;color-scheme:dark}
body.cc-app-mode.cc-dark .cc-app-header,
body.cc-app-mode.cc-dark .cc-bottom-nav,
body.cc-app-mode.cc-dark .cc-more-sheet,
body.cc-app-mode.cc-dark section,
body.cc-app-mode.cc-dark .panel,
body.cc-app-mode.cc-dark .card,
body.cc-app-mode.cc-dark .nearest-card,
body.cc-app-mode.cc-dark .route-card,
body.cc-app-mode.cc-dark .route-panel,
body.cc-app-mode.cc-dark .cc-filter-results,
body.cc-app-mode.cc-dark .cc-filter-results-head,
body.cc-app-mode.cc-dark .cc-filter-result-card{
background:#10222d!important;color:#e8f2f7!important;border-color:#294452!important;
}
body.cc-app-mode.cc-dark h1,body.cc-app-mode.cc-dark h2,body.cc-app-mode.cc-dark h3,
body.cc-app-mode.cc-dark h4,body.cc-app-mode.cc-dark b,body.cc-app-mode.cc-dark strong,
body.cc-app-mode.cc-dark label{color:#d9edf7!important}
body.cc-app-mode.cc-dark #aplicaciones h2,
body.cc-app-mode.cc-dark #productos h2,
body.cc-app-mode.cc-dark #mapa h2,
body.cc-app-mode.cc-dark .nearest-card h2,
body.cc-app-mode.cc-dark .nearest-card h3,
body.cc-app-mode.cc-dark #nearestName,
body.cc-app-mode.cc-dark .section-title{color:#55b9ee!important}
body.cc-app-mode.cc-dark p,body.cc-app-mode.cc-dark small,body.cc-app-mode.cc-dark span,
body.cc-app-mode.cc-dark .muted,body.cc-app-mode.cc-dark .meta,
body.cc-app-mode.cc-dark .cc-filter-result-main>span,
body.cc-app-mode.cc-dark .cc-filter-result-main>small{color:#b6cad5!important}
body.cc-app-mode.cc-dark input,body.cc-app-mode.cc-dark select,body.cc-app-mode.cc-dark textarea{
background:#0b1b25!important;color:#eef8fc!important;border-color:#35515f!important;
}
body.cc-app-mode.cc-dark input::placeholder,body.cc-app-mode.cc-dark textarea::placeholder{color:#849eaa!important}
body.cc-app-mode.cc-dark .cc-bottom-nav button,
body.cc-app-mode.cc-dark .cc-bottom-nav a{color:#b9ced8!important}
body.cc-app-mode.cc-dark .cc-bottom-nav .active{color:#62c2f1!important}
body.cc-app-mode.cc-dark .cc-theme-fab{background:#183746;color:#ffe28a}
body.cc-app-mode.cc-dark .cc-stats-fab{background:#183746!important;color:#eaf6fb!important}
body.cc-app-mode.cc-dark .cc-filter-results-head button,
body.cc-app-mode.cc-dark #aplicaciones a,
body.cc-app-mode.cc-dark #aplicaciones .btn,
body.cc-app-mode.cc-dark #aplicaciones button{background:#1978ad!important;color:#fff!important;border-color:#1978ad!important}
body.cc-app-mode.cc-dark .leaflet-popup-content-wrapper,
body.cc-app-mode.cc-dark .leaflet-popup-tip{background:#10222d!important;color:#e8f2f7!important}
body.cc-app-mode.cc-dark .leaflet-control-zoom a{background:#10222d!important;color:#e8f2f7!important;border-color:#294452!important}
body.cc-app-mode.cc-dark .cc-directory-toast,
body.cc-app-mode.cc-dark .cc-zone-toast{background:#102c3c!important;color:#fff!important;border:1px solid #315568!important}
/* =========================================================
V18 · TEMA OSCURO COMPLETO
El modo claro conserva exactamente la apariencia anterior.
========================================================= */
body.cc-app-mode.cc-dark{
--cc-dark-bg:#07131b;
--cc-dark-panel:#10232e;
--cc-dark-panel-2:#142b37;
--cc-dark-card:#18323f;
--cc-dark-border:#2d4b59;
--cc-dark-text:#edf7fb;
--cc-dark-muted:#a9c0cb;
--cc-dark-blue:#59bff1;
--cc-dark-input:#091b25;
}
/* Cerca de mí: módulo completo */
body.cc-app-mode.cc-dark.cc-view-near #mapa .geo-panel,
body.cc-app-mode.cc-dark.cc-view-near #mapa .location-panel,
body.cc-app-mode.cc-dark.cc-view-near #mapa .nearest,
body.cc-app-mode.cc-dark.cc-view-near #mapa .nearest-card,
body.cc-app-mode.cc-dark.cc-view-near #mapa .geo-card,
body.cc-app-mode.cc-dark.cc-view-near #mapa [class*="nearest"],
body.cc-app-mode.cc-dark.cc-view-near #mapa [class*="location"]{
background:var(--cc-dark-panel)!important;
color:var(--cc-dark-text)!important;
border-color:var(--cc-dark-border)!important;
}
body.cc-app-mode.cc-dark.cc-view-near #mapa h2,
body.cc-app-mode.cc-dark.cc-view-near #mapa h3,
body.cc-app-mode.cc-dark.cc-view-near #nearestName{
color:var(--cc-dark-blue)!important;
}
body.cc-app-mode.cc-dark.cc-view-near #mapa p,
body.cc-app-mode.cc-dark.cc-view-near #mapa small,
body.cc-app-mode.cc-dark.cc-view-near #nearestMeta,
body.cc-app-mode.cc-dark.cc-view-near #nearestMeta2,
body.cc-app-mode.cc-dark.cc-view-near #nearestMeta3,
body.cc-app-mode.cc-dark.cc-view-near #locationDetail{
color:var(--cc-dark-muted)!important;
}
body.cc-app-mode.cc-dark.cc-view-near #mapa button,
body.cc-app-mode.cc-dark.cc-view-near #mapa .btn,
body.cc-app-mode.cc-dark.cc-view-near #mapa a.button{
background:#176f9f!important;color:#fff!important;border-color:#2688b8!important;
}
/* FAB Información + panel completo */
body.cc-app-mode.cc-dark .cc-stats-fab{
background:#142e3b!important;color:#67c8f5!important;
border:1px solid #355565!important;box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
}
body.cc-app-mode.cc-dark .cc-stats-card,
body.cc-app-mode.cc-dark .cc-stats-panel,
body.cc-app-mode.cc-dark [class*="cc-stats-"][class*="card"]{
background:var(--cc-dark-panel)!important;color:var(--cc-dark-text)!important;
border-color:var(--cc-dark-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.42)!important;
}
body.cc-app-mode.cc-dark .cc-stats-card *,
body.cc-app-mode.cc-dark .cc-stats-panel *{color:var(--cc-dark-text)!important}
body.cc-app-mode.cc-dark .cc-stats-card small,
body.cc-app-mode.cc-dark .cc-stats-panel small{color:var(--cc-dark-muted)!important}
/* Cargadores: botón flotante, buscador y resultados */
body.cc-app-mode.cc-dark.cc-view-chargers .cc-search-fab,
body.cc-app-mode.cc-dark.cc-view-chargers [class*="search-fab"]{
background:#153241!important;color:#65c7f4!important;border:1px solid #355767!important;
box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .container,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .filters,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio [class*="filter"],
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-results,
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-results-head,
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-result-card{
background:var(--cc-dark-panel)!important;color:var(--cc-dark-text)!important;
border-color:var(--cc-dark-border)!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio input,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio select{
background:var(--cc-dark-input)!important;color:var(--cc-dark-text)!important;
border:1px solid #365766!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio option{background:#0d202a!important;color:#edf7fb!important}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio h2,
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-results-head b,
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-result-main>b{color:var(--cc-dark-blue)!important}
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-result-main span,
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-result-main small,
body.cc-app-mode.cc-dark.cc-view-chargers .cc-filter-results-head small{color:var(--cc-dark-muted)!important}
body.cc-app-mode.cc-dark.cc-view-chargers #clear{
background:#243c48!important;color:#edf7fb!important;border-color:#3d5b68!important;
}
/* Apps: panel completo, tarjetas, textos y botones */
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones .container,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones .app-card,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones .card,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones article,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones li{
background:var(--cc-dark-panel)!important;color:var(--cc-dark-text)!important;
border-color:var(--cc-dark-border)!important;
}
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones h1,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones h2,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones h3,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones h4{
color:var(--cc-dark-blue)!important;
}
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones p,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones span,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones small{
color:var(--cc-dark-muted)!important;
}
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones a,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones a:visited,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones .btn,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones button{
background:#197aae!important;color:#fff!important;border:1px solid #3196c5!important;
}
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones a *,
body.cc-app-mode.cc-dark.cc-view-apps #aplicaciones button *{color:#fff!important}
/* Navegación, cabecera y Más */
body.cc-app-mode.cc-dark .cc-app-header,
body.cc-app-mode.cc-dark .cc-bottom-nav,
body.cc-app-mode.cc-dark .cc-more-sheet{
background:#0d202a!important;border-color:#294957!important;color:var(--cc-dark-text)!important;
}
body.cc-app-mode.cc-dark .cc-more-sheet a,
body.cc-app-mode.cc-dark .cc-more-sheet button{color:var(--cc-dark-text)!important}
/* Ruta: formularios y tarjetas también siguen el tema elegido */
body.cc-app-mode.cc-dark.cc-view-routes #ruta-ev,
body.cc-app-mode.cc-dark.cc-view-routes #ruta-ev .card,
body.cc-app-mode.cc-dark.cc-view-routes #ruta-ev [class*="panel"],
body.cc-app-mode.cc-dark.cc-view-routes #ruta-ev [class*="card"]{
background:var(--cc-dark-panel)!important;color:var(--cc-dark-text)!important;border-color:var(--cc-dark-border)!important;
}
body.cc-app-mode.cc-dark.cc-view-routes #ruta-ev input,
body.cc-app-mode.cc-dark.cc-view-routes #ruta-ev select{
background:var(--cc-dark-input)!important;color:var(--cc-dark-text)!important;border-color:#365766!important;
}
/* Toasts, modales y popups */
body.cc-app-mode.cc-dark .cc-directory-toast,
body.cc-app-mode.cc-dark .cc-zone-toast,
body.cc-app-mode.cc-dark .toast,
body.cc-app-mode.cc-dark [role="dialog"]{
background:#102b39!important;color:#fff!important;border-color:#345768!important;
}
body.cc-app-mode.cc-dark .leaflet-popup-content-wrapper,
body.cc-app-mode.cc-dark .leaflet-popup-tip{
background:#10232e!important;color:#edf7fb!important;
}
body.cc-app-mode.cc-dark .leaflet-popup-content,
body.cc-app-mode.cc-dark .leaflet-popup-content *{color:#edf7fb!important}
body.cc-app-mode.cc-dark .leaflet-popup-content a{color:#66c8f5!important}
/* Evitar superficies blancas residuales en módulos de la app */
body.cc-app-mode.cc-dark main section:not(#mapa),
body.cc-app-mode.cc-dark .modal-content,
body.cc-app-mode.cc-dark .sheet,
body.cc-app-mode.cc-dark [class*="modal"][class*="content"]{
background:var(--cc-dark-panel)!important;color:var(--cc-dark-text)!important;
}
/* El mapa conserva sus tiles normales: solo se tematizan controles/paneles */
body.cc-app-mode.cc-dark .leaflet-control-zoom a,
body.cc-app-mode.cc-dark .leaflet-control-layers{
background:#10232e!important;color:#edf7fb!important;border-color:#34505d!important;
}
/* V19 · tema justo debajo del botón Información */
body.cc-app-mode.cc-view-near .cc-theme-fab{
display:grid!important;
place-items:center!important;
right:18px!important;
top:178px!important;
bottom:auto!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-theme-fab{
right:14px!important;
top:166px!important;
bottom:auto!important;
}
}
/* =========================================================
V20 · ajustes finos del modo oscuro
========================================================= */
/* Header oscuro: logo visible + slogan blanco */
body.cc-app-mode.cc-dark .cc-app-header{
background:#091a24!important;
border-color:#294957!important;
}
body.cc-app-mode.cc-dark .cc-app-header img{
/* El logo oscuro ya es transparente: conservar exactamente la misma caja del modo claro. */
background:transparent!important;
border-radius:0!important;
padding:0!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark .cc-app-header .cc-slogan,
body.cc-app-mode.cc-dark .cc-app-header [class*="slogan"],
body.cc-app-mode.cc-dark .cc-app-header p,
body.cc-app-mode.cc-dark .cc-app-header span{
color:#ffffff!important;
}
/* Información: panel, textos, números y X */
body.cc-app-mode.cc-dark .cc-stats-card,
body.cc-app-mode.cc-dark .cc-stats-panel,
body.cc-app-mode.cc-dark #ccStatsCard,
body.cc-app-mode.cc-dark #ccStatsPanel{
background:#102630!important;
color:#f1f9fc!important;
border:1px solid #365766!important;
box-shadow:0 16px 40px rgba(0,0,0,.48)!important;
}
body.cc-app-mode.cc-dark .cc-stats-card *,
body.cc-app-mode.cc-dark .cc-stats-panel *,
body.cc-app-mode.cc-dark #ccStatsCard *,
body.cc-app-mode.cc-dark #ccStatsPanel *{
color:#f1f9fc!important;
}
body.cc-app-mode.cc-dark .cc-stats-card small,
body.cc-app-mode.cc-dark .cc-stats-panel small,
body.cc-app-mode.cc-dark #ccStatsCard small,
body.cc-app-mode.cc-dark #ccStatsPanel small{
color:#b4cad4!important;
}
body.cc-app-mode.cc-dark .cc-stats-card button,
body.cc-app-mode.cc-dark .cc-stats-panel button,
body.cc-app-mode.cc-dark #ccStatsCard button,
body.cc-app-mode.cc-dark #ccStatsPanel button,
body.cc-app-mode.cc-dark [class*="stats"][class*="close"]{
background:#1d3b49!important;
color:#ffffff!important;
border:1px solid #496776!important;
opacity:1!important;
}
body.cc-app-mode.cc-dark .cc-stats-card button *,
body.cc-app-mode.cc-dark .cc-stats-panel button *{color:#ffffff!important}
/* Cargadores: lupa/botón Buscar Cargadores completamente oscuro */
body.cc-app-mode.cc-dark.cc-view-chargers .cc-search-fab,
body.cc-app-mode.cc-dark.cc-view-chargers #ccSearchToggle,
body.cc-app-mode.cc-dark.cc-view-chargers [class*="search-fab"],
body.cc-app-mode.cc-dark.cc-view-chargers [class*="search-toggle"]{
background:#153543!important;
color:#67c9f5!important;
border:1px solid #3b5e6e!important;
box-shadow:0 8px 25px rgba(0,0,0,.42)!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers .cc-search-fab *,
body.cc-app-mode.cc-dark.cc-view-chargers #ccSearchToggle *,
body.cc-app-mode.cc-dark.cc-view-chargers [class*="search-fab"] *{
color:#67c9f5!important;
}
/* Menú Más: panel y X legibles */
body.cc-app-mode.cc-dark .cc-more-sheet{
background:#0f2530!important;
color:#eef8fc!important;
border-color:#355563!important;
box-shadow:0 -12px 36px rgba(0,0,0,.45)!important;
}
body.cc-app-mode.cc-dark .cc-more-sheet *,
body.cc-app-mode.cc-dark .cc-more-sheet a{
color:#eef8fc!important;
}
body.cc-app-mode.cc-dark .cc-more-sheet button,
body.cc-app-mode.cc-dark .cc-more-close,
body.cc-app-mode.cc-dark #ccMoreClose{
background:#1b3a48!important;
color:#ffffff!important;
border:1px solid #496875!important;
opacity:1!important;
}
body.cc-app-mode.cc-dark .cc-more-sheet button *,
body.cc-app-mode.cc-dark .cc-more-close *{color:#ffffff!important}
/* =========================================================
V21 · correcciones finales de contraste oscuro
========================================================= */
/* INFORMACIÓN: forzar absolutamente todo el contenido del flotante a oscuro */
body.cc-app-mode.cc-dark #ccStatsCard,
body.cc-app-mode.cc-dark #ccStatsPanel,
body.cc-app-mode.cc-dark .cc-stats-card,
body.cc-app-mode.cc-dark .cc-stats-panel,
body.cc-app-mode.cc-dark .cc-stats-popover,
body.cc-app-mode.cc-dark [class*="cc-stats"][class*="panel"],
body.cc-app-mode.cc-dark [class*="cc-stats"][class*="card"]{
background:#0e2530!important;
background-color:#0e2530!important;
color:#f2f9fc!important;
border-color:#355766!important;
}
body.cc-app-mode.cc-dark #ccStatsCard > *,
body.cc-app-mode.cc-dark #ccStatsPanel > *,
body.cc-app-mode.cc-dark .cc-stats-card > *,
body.cc-app-mode.cc-dark .cc-stats-panel > *,
body.cc-app-mode.cc-dark .cc-stats-popover > *,
body.cc-app-mode.cc-dark [class*="cc-stats"] div,
body.cc-app-mode.cc-dark [class*="cc-stats"] section,
body.cc-app-mode.cc-dark [class*="cc-stats"] article,
body.cc-app-mode.cc-dark [class*="cc-stats"] ul,
body.cc-app-mode.cc-dark [class*="cc-stats"] li{
background-color:transparent!important;
color:#f2f9fc!important;
}
body.cc-app-mode.cc-dark [class*="cc-stats"] b,
body.cc-app-mode.cc-dark [class*="cc-stats"] strong,
body.cc-app-mode.cc-dark [class*="cc-stats"] h1,
body.cc-app-mode.cc-dark [class*="cc-stats"] h2,
body.cc-app-mode.cc-dark [class*="cc-stats"] h3,
body.cc-app-mode.cc-dark [class*="cc-stats"] span{
color:#f2f9fc!important;
}
body.cc-app-mode.cc-dark [class*="cc-stats"] small,
body.cc-app-mode.cc-dark [class*="cc-stats"] p{
color:#b5cbd5!important;
}
body.cc-app-mode.cc-dark [class*="cc-stats"] button{
background:#1a3a49!important;color:#fff!important;border-color:#496b79!important;
}
/* BUSCAR CARGADORES: fondo oscuro + texto/lupa claros */
body.cc-app-mode.cc-dark.cc-view-chargers .cc-search-fab,
body.cc-app-mode.cc-dark.cc-view-chargers #ccSearchToggle,
body.cc-app-mode.cc-dark.cc-view-chargers #ccSearchFab,
body.cc-app-mode.cc-dark.cc-view-chargers button[class*="search"],
body.cc-app-mode.cc-dark.cc-view-chargers [class*="search-fab"]{
background:#102d3a!important;
background-color:#102d3a!important;
color:#f1f9fc!important;
border:1px solid #3b5d6c!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers .cc-search-fab *,
body.cc-app-mode.cc-dark.cc-view-chargers #ccSearchToggle *,
body.cc-app-mode.cc-dark.cc-view-chargers #ccSearchFab *,
body.cc-app-mode.cc-dark.cc-view-chargers button[class*="search"] *,
body.cc-app-mode.cc-dark.cc-view-chargers [class*="search-fab"] *{
color:#f1f9fc!important;
fill:currentColor!important;
stroke:currentColor!important;
}
/* Distancia del listado flotante */
.cc-filter-result-main small strong{font-weight:800}
body.cc-app-mode.cc-dark .cc-filter-result-main small strong{color:#dff3fc!important}
/* =========================================================
V22 · ajustes solicitados sobre Prueba V21
========================================================= */
/* Header: slogan blanco en modo oscuro */
body.cc-app-mode.cc-dark .cc-app-tagline{
color:#ffffff!important;
}
/* Más: iconos Cómo funciona / Reportar cargador adaptados al oscuro */
body.cc-app-mode.cc-dark .cc-more-sheet>a>span{
background:#173846!important;
color:#69caf5!important;
border:1px solid #365c6c!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark .cc-more-sheet>a{
border-top-color:#294957!important;
}
body.cc-app-mode.cc-dark .cc-more-sheet>a>strong{
color:#9fdcf7!important;
}
/* Cargadores: módulo completo de filtros en oscuro */
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder-meta,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .searchbox{
background:#102630!important;
color:#edf7fb!important;
border-color:#355766!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder *,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder-meta{
color:#dceef6!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder input,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder select{
background:#091b25!important;
color:#edf7fb!important;
border-color:#3a5b69!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder input::placeholder{
color:#91aab5!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder option{
background:#0d202a!important;
color:#edf7fb!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio #clear{
background:#1c3b49!important;
color:#ffffff!important;
border-color:#486876!important;
}
/* Tema: acercarlo al botón Información sin superponerlos */
body.cc-app-mode.cc-view-near .cc-theme-fab{
top:150px!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-theme-fab{
top:138px!important;
}
}
/* PRUEBA V23 — refinamientos de modo oscuro */
body.cc-app-mode.cc-dark #ccFilterResultsClose,
body.cc-app-mode.cc-dark #ccFilterResultsClose span,
body.cc-app-mode.cc-dark .cc-filter-result-card > a{
color:#fff!important;
}
/* Oscurece únicamente las teselas base de Leaflet; marcadores, rutas y popups conservan sus colores. */
body.cc-app-mode.cc-dark .leaflet-tile-pane{
filter:brightness(.72) invert(1) contrast(.92) hue-rotate(180deg) saturate(.65);
}
body.cc-app-mode.cc-dark .leaflet-container{
background:#0b1720!important;
}
/* V30 · controles Cerca de mí: ocultar/mostrar panel + recargar */
.cc-reload-fab{display:none;position:fixed;right:18px;bottom:118px;z-index:1260;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#176ca0;box-shadow:0 7px 24px rgba(10,40,58,.22);font-size:25px;font-weight:900;cursor:pointer}
body.cc-app-mode.cc-view-near .cc-reload-fab{display:grid;place-items:center}
body.cc-app-mode.cc-dark .cc-reload-fab{background:#102431;color:#fff;border:1px solid #315166}
.cc-near-hide-menu{display:flex;width:100%;margin-top:14px;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid #cbdde6;border-radius:14px;background:#edf5f9;color:#176ca0;font-size:14px;cursor:pointer}
.cc-near-hide-menu b{color:inherit!important}
body.cc-app-mode.cc-dark .cc-near-hide-menu{background:#102431;color:#fff;border-color:#315166}
body.cc-app-mode.cc-view-near.cc-near-location-open.cc-near-menu-hidden #mapa .geo-panel{display:none!important}
.cc-near-show-menu{display:none;position:fixed;z-index:1290;left:50%;bottom:98px;transform:translateX(-50%);min-width:190px;height:48px;padding:0 20px;border:0;border-radius:17px;background:#087be7;color:#fff;box-shadow:0 14px 36px rgba(5,65,112,.30);align-items:center;justify-content:center;gap:8px;font-size:14px;cursor:pointer}
body.cc-app-mode.cc-view-near.cc-near-location-open.cc-near-menu-hidden .cc-near-show-menu{display:flex}
.cc-near-show-menu b{color:#fff!important}
@media(max-width:760px){.cc-reload-fab{right:14px;bottom:108px}}
/* V31 · botón Recargar justo debajo del botón de tema */
body.cc-app-mode.cc-view-near .cc-reload-fab{
right:18px!important;
top:208px!important;
bottom:auto!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-reload-fab{
right:14px!important;
top:196px!important;
bottom:auto!important;
}
}
/* PRUEBA V33 · Más: paneles claros coherentes + Reportar sin desplazamiento lateral */
body.cc-app-mode:not(.cc-dark) #funciona,
body.cc-app-mode:not(.cc-dark) #reportar{
background:#f7fbfd!important;
color:#0b2940!important;
border-color:#d8e6ed!important;
}
body.cc-app-mode:not(.cc-dark) #funciona .step{
background:#ffffff!important;
color:#102f43!important;
border-color:#d7e5ec!important;
box-shadow:0 10px 28px rgba(14,62,88,.08)!important;
}
body.cc-app-mode:not(.cc-dark) #funciona .step h3{color:#0b2940!important}
body.cc-app-mode:not(.cc-dark) #funciona .step p{color:#5b7382!important}
body.cc-app-mode:not(.cc-dark) #funciona .step .n{color:#087be7!important}
body.cc-app-mode:not(.cc-dark) #funciona .cta{
background:#ffffff!important;color:#102f43!important;border-color:#d7e5ec!important;
box-shadow:0 10px 28px rgba(14,62,88,.07)!important;
}
body.cc-app-mode:not(.cc-dark) #funciona .cta h3{color:#0b2940!important}
body.cc-app-mode:not(.cc-dark) #funciona .cta p{color:#5b7382!important}
body.cc-app-mode:not(.cc-dark) #reportar .report-form{
background:#ffffff!important;
color:#102f43!important;
border-color:#d5e4eb!important;
box-shadow:0 14px 38px rgba(14,62,88,.10)!important;
}
body.cc-app-mode:not(.cc-dark) #reportar .report-form:after{display:none!important}
body.cc-app-mode:not(.cc-dark) #reportar .form-head{border-color:#dbe7ed!important}
body.cc-app-mode:not(.cc-dark) #reportar .form-head strong{color:#0b2940!important}
body.cc-app-mode:not(.cc-dark) #reportar .form-head small{color:#087be7!important}
body.cc-app-mode:not(.cc-dark) #reportar .report-icon{
background:#eaf5fb!important;color:#087be7!important;border-color:#cce2ee!important;box-shadow:none!important;
}
body.cc-app-mode:not(.cc-dark) #reportar .form-group span{color:#284b60!important}
body.cc-app-mode:not(.cc-dark) #reportar .form-note{color:#6d8492!important}
body.cc-app-mode:not(.cc-dark) #reportar .report-points{color:#496b7d!important}
/* Evita cualquier overflow horizontal dentro del panel Reportar, especialmente en móvil. */
body.cc-app-mode #reportar{overflow-x:hidden!important;max-width:100vw!important}
body.cc-app-mode #reportar>.container,
body.cc-app-mode #reportar .report-layout,
body.cc-app-mode #reportar .report-copy,
body.cc-app-mode #reportar .report-form,
body.cc-app-mode #reportar .form-grid,
body.cc-app-mode #reportar .form-group,
body.cc-app-mode #reportar .field{min-width:0!important;max-width:100%!important}
body.cc-app-mode #reportar .report-layout{width:100%!important;overflow:hidden!important}
body.cc-app-mode #reportar .report-form{width:100%!important;overflow:hidden!important}
body.cc-app-mode #reportar input,
body.cc-app-mode #reportar select,
body.cc-app-mode #reportar textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
@media(max-width:760px){
body.cc-app-mode #reportar>.container{padding:16px!important;overflow:hidden!important}
body.cc-app-mode #reportar .report-layout{display:block!important}
body.cc-app-mode #reportar .report-copy{margin-bottom:24px!important}
body.cc-app-mode #reportar .report-form{padding:20px 16px!important}
}
/* PRUEBA V34 · Reportar cargador: botón Enviar Reporte legible en modo oscuro */
body.cc-app-mode.cc-dark #reportar .report-submit{
background:linear-gradient(135deg,#6df1c5,#31d5ff)!important;
color:#041016!important;
border:1px solid rgba(109,241,197,.75)!important;
box-shadow:0 10px 28px rgba(49,213,255,.22)!important;
font-weight:800!important;
opacity:1!important;
}
body.cc-app-mode.cc-dark #reportar .report-submit span,
body.cc-app-mode.cc-dark #reportar .report-submit b{
color:#041016!important;
opacity:1!important;
}
body.cc-app-mode.cc-dark #reportar .report-submit:hover{
filter:brightness(1.08)!important;
}
body.cc-app-mode.cc-dark #reportar .report-submit:disabled{
opacity:.62!important;
}
/* V35 · Aviso diario flotante del mapa */
.cc-daily-map-notice{
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%) scale(.96);
z-index:99999;
width:min(88vw,420px);
box-sizing:border-box;
padding:18px 20px;
border-radius:18px;
background:rgba(255,255,255,.97);
color:#10202b;
border:1px solid rgba(15,40,55,.12);
box-shadow:0 18px 55px rgba(0,0,0,.24);
display:flex;
align-items:center;
gap:14px;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.cc-daily-map-notice.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.cc-daily-map-notice-icon{font-size:32px;line-height:1;flex:0 0 auto}
.cc-daily-map-notice-copy{min-width:0}
.cc-daily-map-notice-copy small{display:block;margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
.cc-daily-map-notice-copy b{display:block;font-size:16px;line-height:1.35;font-weight:800}
body.cc-dark .cc-daily-map-notice,
html.cc-dark .cc-daily-map-notice,
body.dark-mode .cc-daily-map-notice,
body[data-theme="dark"] .cc-daily-map-notice{
background:rgba(10,22,31,.97);
color:#fff;
border-color:rgba(255,255,255,.14);
box-shadow:0 18px 55px rgba(0,0,0,.5);
}
@media(max-width:520px){.cc-daily-map-notice{width:calc(100vw - 34px);padding:16px 17px}.cc-daily-map-notice-icon{font-size:29px}.cc-daily-map-notice-copy b{font-size:15px}}
/* =========================================================
V39 · ACCESORIOS ESENCIALES · TEMA CLARO / OSCURO
========================================================= */
/* Modo claro */
body.cc-app-mode:not(.cc-dark) #productos{
background:#f4f8fb!important;
color:#17313f!important;
}
body.cc-app-mode:not(.cc-dark) #productos .titlebar p{
color:#607783!important;
}
body.cc-app-mode:not(.cc-dark) #productos .eyebrow{
color:#1683b8!important;
}
body.cc-app-mode:not(.cc-dark) #productos .product-card{
background:#ffffff!important;
border-color:#d8e4ea!important;
box-shadow:0 12px 30px rgba(24,66,88,.10)!important;
}
body.cc-app-mode:not(.cc-dark) #productos .product-card:hover{
border-color:#9bc8dc!important;
box-shadow:0 18px 38px rgba(24,66,88,.15)!important;
}
body.cc-app-mode:not(.cc-dark) #productos .product-image{
background:#eef4f7!important;
}
body.cc-app-mode:not(.cc-dark) #productos .product-body h3{
color:#163647!important;
}
body.cc-app-mode:not(.cc-dark) #productos .product-body p{
color:#607783!important;
}
body.cc-app-mode:not(.cc-dark) #productos .product-kicker{
color:#087c78!important;
}
/* Los botones comerciales conservan sus colores de marca y alto contraste */
body.cc-app-mode:not(.cc-dark) #productos .shop-btn.amazon{color:#121212!important}
body.cc-app-mode:not(.cc-dark) #productos .shop-btn.aliexpress{color:#ffffff!important}
/* Modo oscuro */
body.cc-app-mode.cc-dark #productos{
background:#0d1d27!important;
color:#edf7fb!important;
border-color:#294452!important;
}
body.cc-app-mode.cc-dark #productos .titlebar p{
color:#abc1cc!important;
}
body.cc-app-mode.cc-dark #productos .eyebrow{
color:#70d9c5!important;
}
body.cc-app-mode.cc-dark #productos .product-card{
background:linear-gradient(160deg,#142b37,#0b1c26)!important;
border-color:#31505e!important;
box-shadow:0 14px 36px rgba(0,0,0,.34)!important;
}
body.cc-app-mode.cc-dark #productos .product-card:hover{
border-color:#4b8298!important;
box-shadow:0 20px 44px rgba(0,0,0,.42)!important;
}
body.cc-app-mode.cc-dark #productos .product-image{
background:#091820!important;
}
body.cc-app-mode.cc-dark #productos .product-body h3{
color:#eef8fc!important;
}
body.cc-app-mode.cc-dark #productos .product-body p{
color:#b6cad5!important;
}
body.cc-app-mode.cc-dark #productos .product-kicker{
color:#72efcd!important;
}
body.cc-app-mode.cc-dark #productos .price-tag{color:#ffffff!important}
body.cc-app-mode.cc-dark #productos .shop-btn.amazon{color:#121212!important}
body.cc-app-mode.cc-dark #productos .shop-btn.aliexpress{color:#ffffff!important}
/* =========================================================
V41 · ACCESORIOS ESENCIALES · SIN SCROLL HORIZONTAL
========================================================= */
body.cc-app-mode #productos{
overflow-x:hidden!important;
max-width:calc(100vw - 16px)!important;
box-sizing:border-box!important;
}
body.cc-app-mode #productos,
body.cc-app-mode #productos *,
body.cc-app-mode #productos *::before,
body.cc-app-mode #productos *::after{
box-sizing:border-box!important;
}
body.cc-app-mode #productos>.container,
body.cc-app-mode #productos .titlebar,
body.cc-app-mode #productos .product-grid,
body.cc-app-mode #productos .product-card,
body.cc-app-mode #productos .product-image,
body.cc-app-mode #productos .product-body,
body.cc-app-mode #productos .product-actions{
min-width:0!important;
max-width:100%!important;
}
body.cc-app-mode #productos>.container{
overflow-x:hidden!important;
}
body.cc-app-mode #productos .product-grid{
width:100%!important;
grid-template-columns:1fr!important;
}
body.cc-app-mode #productos .product-card{
width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
body.cc-app-mode #productos .product-image img{
max-width:100%!important;
}
body.cc-app-mode #productos .product-actions{
width:100%!important;
}
body.cc-app-mode #productos .shop-btn{
min-width:0!important;
width:100%!important;
padding-left:8px!important;
padding-right:8px!important;
}
@media(max-width:420px){
body.cc-app-mode #productos .product-actions{
grid-template-columns:1fr!important;
}
}
\n/* V42 - Version / Creditos */\nbody.cc-app-mode #version-creditos{overflow-x:hidden!important;max-width:100vw!important}\nbody.cc-app-mode #version-creditos>.container{width:100%!important;max-width:980px!important;box-sizing:border-box!important}\nbody.cc-app-mode #version-creditos .cc-credits-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}\nbody.cc-app-mode #version-creditos .cc-credit-card{padding:22px;border-radius:20px;box-sizing:border-box;overflow:hidden}\nbody.cc-app-mode #version-creditos .cc-credit-card h3{margin:8px 0 14px;font-size:1.18rem}\nbody.cc-app-mode #version-creditos .cc-credit-card p{line-height:1.65;margin:0 0 12px}\nbody.cc-app-mode #version-creditos .cc-credit-card ul{margin:0;padding-left:20px;display:grid;gap:9px;line-height:1.5}\nbody.cc-app-mode #version-creditos .cc-credit-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:20px}\nbody.cc-app-mode:not(.cc-dark) #version-creditos{background:#f4f8fb!important;color:#17384c!important}\nbody.cc-app-mode:not(.cc-dark) #version-creditos .titlebar h2,body.cc-app-mode:not(.cc-dark) #version-creditos .cc-credit-card h3{color:#0b2940!important}\nbody.cc-app-mode:not(.cc-dark) #version-creditos .titlebar p,body.cc-app-mode:not(.cc-dark) #version-creditos .cc-credit-card p,body.cc-app-mode:not(.cc-dark) #version-creditos .cc-credit-card li{color:#526f80!important}\nbody.cc-app-mode:not(.cc-dark) #version-creditos .cc-credit-card{background:#fff!important;border:1px solid #dce8ee!important;box-shadow:0 10px 28px rgba(18,57,78,.08)!important}\nbody.cc-app-mode:not(.cc-dark) #version-creditos .cc-credit-icon{background:#e8f4ff;color:#087be7}\nbody.cc-app-mode.cc-dark #version-creditos{background:#07131b!important;color:#eef8ff!important}\nbody.cc-app-mode.cc-dark #version-creditos .titlebar h2,body.cc-app-mode.cc-dark #version-creditos .cc-credit-card h3{color:#fff!important}\nbody.cc-app-mode.cc-dark #version-creditos .titlebar p,body.cc-app-mode.cc-dark #version-creditos .cc-credit-card p,body.cc-app-mode.cc-dark #version-creditos .cc-credit-card li{color:#bfd0da!important}\nbody.cc-app-mode.cc-dark #version-creditos .cc-credit-card{background:#0e202b!important;border:1px solid #23404f!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}\nbody.cc-app-mode.cc-dark #version-creditos .cc-credit-icon{background:#173747;color:#80caff}\n@media(max-width:600px){body.cc-app-mode #version-creditos>.container{padding:16px!important}body.cc-app-mode #version-creditos .cc-credit-card{padding:18px 16px!important}}\n
/* V43 - Fix Version/Creditos panel routing and visibility */
body.cc-app-mode #version-creditos{
display:none!important;
position:fixed!important;
z-index:1160!important;
top:84px!important;
right:18px!important;
bottom:94px!important;
width:min(520px,calc(100vw - 36px))!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:0!important;
margin:0!important;
border:1px solid rgba(255,255,255,.85)!important;
border-radius:24px!important;
box-shadow:0 22px 60px rgba(5,45,72,.24)!important;
backdrop-filter:blur(18px);
}
body.cc-app-mode #version-creditos.cc-panel-open,body.cc-app-mode #rutas-viajes.cc-panel-open{display:block!important}
body.cc-app-mode #version-creditos>.container{width:100%!important;max-width:none!important;padding:18px!important;box-sizing:border-box!important}
@media(max-width:760px){
body.cc-app-mode #version-creditos{
top:70px!important;right:8px!important;bottom:86px!important;
width:calc(100vw - 16px)!important;border-radius:22px!important;
}
body.cc-app-mode #version-creditos>.container{padding:16px!important}
}
/* V45 — Cargadores / buscador: acabado limpio en modo oscuro */
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder{
background:#10232e!important;
color:#edf7fb!important;
border:1px solid #294957!important;
box-shadow:0 16px 42px rgba(0,0,0,.38)!important;
outline:none!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder-meta{
background:transparent!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .field,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio input.field,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio select.field{
background:#091b25!important;
color:#edf7fb!important;
border:1px solid #31515f!important;
outline:none!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .field:focus,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio input.field:focus,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio select.field:focus{
border-color:#59bff1!important;
box-shadow:0 0 0 2px rgba(89,191,241,.16)!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder-meta,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder-meta span{
color:#a9c0cb!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers .cc-chargers-search{
background:#153241!important;
color:#edf7fb!important;
border:1px solid #355767!important;
box-shadow:0 10px 28px rgba(0,0,0,.36)!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers .cc-chargers-search span{color:#65c7f4!important}
/* V46 — reparación visual del panel flotante de filtros en modo oscuro */
body.cc-app-mode.cc-dark.cc-view-chargers #directorio{
overflow:visible!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio>.container{
overflow:visible!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder{
box-sizing:border-box!important;
width:100%!important;
overflow:hidden!important;
padding:13px!important;
border:1px solid #355463!important;
border-radius:20px!important;
background:#10232e!important;
background-image:none!important;
color:#edf7fb!important;
box-shadow:0 16px 42px rgba(0,0,0,.42)!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
outline:0!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar .field,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar #clear{
box-sizing:border-box!important;
min-width:0!important;
max-width:100%!important;
border-radius:13px!important;
border:1px solid #355463!important;
box-shadow:none!important;
outline:0!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar .field{
background:#091b25!important;
color:#edf7fb!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .toolbar .field:focus{
border-color:#59bff1!important;
box-shadow:0 0 0 2px rgba(89,191,241,.14)!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder-meta{
box-sizing:border-box!important;
width:100%!important;
margin:0!important;
padding:9px 4px 1px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#a9c0cb!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder{
border-radius:18px!important;
padding:12px!important;
}
}
/* V47 — Cargadores: wrapper transparente + panel oscuro redondeado como modo claro */
body.cc-app-mode.cc-dark.cc-view-chargers #directorio,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio>.container{
background:transparent!important;
background-color:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
outline:0!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder{
background:rgba(16,35,46,.97)!important;
border:1px solid rgba(82,119,137,.72)!important;
border-radius:20px!important;
box-shadow:0 16px 45px rgba(0,0,0,.38)!important;
overflow:hidden!important;
isolation:isolate!important;
-webkit-background-clip:padding-box!important;
background-clip:padding-box!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-dark.cc-view-chargers #directorio,
body.cc-app-mode.cc-dark.cc-view-chargers #directorio>.container{
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
body.cc-app-mode.cc-dark.cc-view-chargers #directorio .finder{
border-radius:20px!important;
}
}
/* PRUEBA V48 · ajustes mapa/controles solicitados */
/* Barra inferior verde claro en ambos temas */
body.cc-app-mode .cc-bottom-nav,
body.cc-app-mode.cc-dark .cc-bottom-nav{
background:rgba(187,247,208,.96)!important;
border-color:rgba(74,222,128,.72)!important;
box-shadow:0 18px 45px rgba(20,83,45,.20)!important;
}
body.cc-app-mode .cc-bottom-nav .cc-nav-item,
body.cc-app-mode.cc-dark .cc-bottom-nav .cc-nav-item{color:#23463a!important}
body.cc-app-mode .cc-bottom-nav .cc-nav-item.active,
body.cc-app-mode.cc-dark .cc-bottom-nav .cc-nav-item.active{
background:rgba(255,255,255,.58)!important;color:#087a43!important;
}
/* Controles flotantes a la izquierda, centrados verticalmente */
body.cc-app-mode.cc-view-near .cc-stats-fab{
display:block!important;left:14px!important;right:auto!important;top:calc(50% - 82px)!important;bottom:auto!important;
}
body.cc-app-mode.cc-view-near .cc-theme-fab{
display:grid!important;left:14px!important;right:auto!important;top:calc(50% - 24px)!important;bottom:auto!important;
}
body.cc-app-mode.cc-view-near .cc-reload-fab{
display:grid!important;left:14px!important;right:auto!important;top:calc(50% + 34px)!important;bottom:auto!important;
}
body.cc-app-mode .cc-stats-card{left:78px!important;right:auto!important;top:calc(50% - 120px)!important}
/* En Cargadores no mostrar Información */
body.cc-app-mode.cc-view-chargers .cc-stats-fab{display:none!important}
body.cc-app-mode.cc-view-chargers .cc-stats-card{display:none!important}
/* Confirmación tras recargar */
.cc-map-updated-notice{
position:fixed;z-index:3000;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);
min-width:210px;max-width:calc(100vw - 40px);padding:17px 24px;border-radius:18px;
background:rgba(255,255,255,.96);color:#173443;font-weight:900;text-align:center;
box-shadow:0 18px 55px rgba(5,45,72,.28);border:1px solid rgba(134,239,172,.9);
opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;
}
.cc-map-updated-notice.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
body.cc-app-mode.cc-dark .cc-map-updated-notice{background:rgba(16,36,49,.97);color:#fff;border-color:#5bcf87}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-stats-fab{left:12px!important;top:calc(50% - 80px)!important}
body.cc-app-mode.cc-view-near .cc-theme-fab{left:12px!important;top:calc(50% - 24px)!important}
body.cc-app-mode.cc-view-near .cc-reload-fab{left:12px!important;top:calc(50% + 32px)!important}
body.cc-app-mode .cc-stats-card{left:68px!important;right:auto!important;top:calc(50% - 120px)!important;width:calc(100vw - 88px)!important}
}
/* PRUEBA V49 · botones GPS negros + barra inferior adaptada al modo oscuro */
body.cc-app-mode .cc-near-detect,
body.cc-app-mode .cc-near-show-menu{
background:#000!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
}
body.cc-app-mode .cc-near-detect:hover,
body.cc-app-mode .cc-near-show-menu:hover{background:#171717!important}
body.cc-app-mode.cc-dark .cc-bottom-nav{
background:rgba(12,31,27,.97)!important;
border-color:rgba(65,116,96,.72)!important;
box-shadow:0 18px 45px rgba(0,0,0,.34)!important;
}
body.cc-app-mode.cc-dark .cc-bottom-nav .cc-nav-item{
color:#c7ddd4!important;
}
body.cc-app-mode.cc-dark .cc-bottom-nav .cc-nav-item.active{
background:rgba(86,184,139,.17)!important;
color:#79e0ad!important;
}
/* PRUEBA V51 · Viajes: tema claro completo */
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-planner{
background:linear-gradient(145deg,#ffffff,#f5f8fa)!important;
border-color:#d6e1e6!important;color:#18313d!important;
box-shadow:0 14px 38px rgba(27,63,78,.10)!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-field>span,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-summary small,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-autonomy-summary span,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-altitude-summary span,
body.cc-app-mode:not(.cc-dark) #ruta-ev .vehicle-range-preview small,
body.cc-app-mode:not(.cc-dark) #ruta-ev .vehicle-range-preview span{color:#5e7783!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .field,
body.cc-app-mode:not(.cc-dark) #ruta-ev input,
body.cc-app-mode:not(.cc-dark) #ruta-ev select{
background:#fff!important;color:#18313d!important;border-color:#cbd9df!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-swap,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-reset{
background:#f2f7f5!important;color:#176a4b!important;border-color:#c6d8d1!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-statusbar{
background:#f3f7f9!important;color:#536e7a!important;border-color:#d4e0e5!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-statusbar.ok{background:#eefaf5!important;color:#28755b!important;border-color:#b9dfd0!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-statusbar.warning{background:#fff8ec!important;color:#8a5a19!important;border-color:#efd5a9!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-statusbar.error{background:#fff2f0!important;color:#9a4438!important;border-color:#efc5bf!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-map-wrap{background:#eef3f5!important;border-color:#d2dee3!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-map-legend{
background:rgba(255,255,255,.94)!important;color:#39545f!important;border-color:#d3e0e5!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-summary>div,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-card{
background:#fff!important;border-color:#d5e1e6!important;color:#18313d!important;
box-shadow:0 7px 20px rgba(31,67,82,.06)!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-summary strong,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-card h3{color:#17333f!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-card .route-place{color:#607984!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-card-distance{background:#edf7fb!important;color:#21739a!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-card-actions a{border-color:#cddde4!important;color:#315967!important;background:#f8fbfc!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-card-actions .app{background:linear-gradient(135deg,var(--green),var(--cyan))!important;color:#041017!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-empty{color:#617b87!important;border-color:#cbdbe2!important;background:#fafcfd!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-external-actions,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-group-heading,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-vehicle-controls{
background:#fff!important;border-color:#d4e1e6!important;color:#18313d!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-external-actions small,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-group-heading small{color:#68828e!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-external-actions strong,
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-group-heading h3{color:#17333f!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .route-group-count{background:#f1f6f8!important;border-color:#d1dfe5!important;color:#526f7b!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .vehicle-range-preview{background:#effaf5!important;border-color:#bfe2d3!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .vehicle-range-preview strong{color:#16815b!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev #routeArrivalPercent.positive{color:#16815b!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev #routeArrivalPercent.negative{color:#c64d43!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev #routeAltitudeProfile{color:#244754!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-recommendation{
background:linear-gradient(145deg,#fffaf2,#fff)!important;border-color:#efd2a5!important;color:#263f49!important;
}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-head strong{color:#5c3a18!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-head small{color:#a56628!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-stop,
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-stop.optional-stop{background:#fff!important;border-color:#e5d8c6!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-top h4{color:#213e49!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-top small,
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-top span,
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-content p{color:#607984!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-metrics span{background:#f3f7f8!important;border-color:#d5e1e6!important;color:#58717c!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-metrics b{color:#1e414f!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-actions a{background:#f7fafb!important;border-color:#cbdde4!important;color:#286078!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-warning{background:#fff3ef!important;border-color:#efc7bd!important;color:#99493c!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-conclusion.success{background:#eefaf5!important;color:#276f58!important;border-color:#bce0d2!important}
body.cc-app-mode:not(.cc-dark) #ruta-ev .charge-rec-conclusion.next{background:#fff7e9!important;color:#86591f!important;border-color:#efd4a5!important}
/* V52 · Resumen rápido de resultado de ruta */
body.cc-app-mode .route-quick-summary{
margin:14px 0 10px;padding:15px;border:1px solid rgba(15,45,65,.12);border-radius:18px;
background:#fff;color:#102c3f;box-shadow:0 8px 24px rgba(18,50,70,.08);overflow:hidden;
}
body.cc-app-mode .route-quick-title{font-size:18px;font-weight:800;margin-bottom:5px}
body.cc-app-mode .route-quick-vehicle{font-size:14px;margin-bottom:10px}
body.cc-app-mode .route-quick-battery{display:flex;align-items:center;gap:9px;margin-bottom:12px}
body.cc-app-mode .route-quick-battery-icon{font-size:24px}
body.cc-app-mode .route-quick-battery small{display:block;font-size:11px;opacity:.68}
body.cc-app-mode .route-quick-battery strong{display:block;font-size:17px}
body.cc-app-mode .route-quick-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(15,45,65,.10);border-radius:14px;overflow:hidden;background:#fbfdfe}
body.cc-app-mode .route-quick-metrics>div{text-align:center;padding:11px 5px;min-width:0}
body.cc-app-mode .route-quick-metrics>div+div{border-left:1px solid rgba(15,45,65,.10)}
body.cc-app-mode .route-quick-metrics strong{display:block;font-size:20px;line-height:1.15;white-space:nowrap}
body.cc-app-mode .route-quick-metrics>div:nth-child(2) strong{color:#169b3a}
body.cc-app-mode .route-quick-metrics small{display:block;font-size:10px;margin-top:4px;opacity:.75}
body.cc-app-mode.cc-dark .route-quick-summary{background:#111b22;color:#f3f8fa;border-color:rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.28)}
body.cc-app-mode.cc-dark .route-quick-metrics{background:#17242c;border-color:rgba(255,255,255,.10)}
body.cc-app-mode.cc-dark .route-quick-metrics>div+div{border-left-color:rgba(255,255,255,.10)}
@media(max-width:480px){body.cc-app-mode .route-quick-summary{padding:13px 11px}.route-quick-metrics strong{font-size:17px!important}.route-quick-metrics small{font-size:9px!important}}
/* V57: mantener visible en negro el numero de los agrupadores tambien en modo oscuro */
body.dark-mode .ev-department-cluster,
body.dark-mode .ev-department-cluster b,
body[data-theme="dark"] .ev-department-cluster,
body[data-theme="dark"] .ev-department-cluster b {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* V58: numero de clusters siempre negro en tema claro y oscuro */
.ev-department-cluster,
.ev-department-cluster b,
body.cc-app-mode .ev-department-cluster,
body.cc-app-mode .ev-department-cluster b,
body.cc-app-mode.cc-dark .ev-department-cluster,
body.cc-app-mode.cc-dark .ev-department-cluster b {
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
}
\n\n/* V59 · guía del filtro + panel de resultados ampliado */
.cc-filter-guide-toast{
display:none;position:fixed;z-index:1286;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);
align-items:center;gap:8px;padding:10px 16px;border-radius:16px;
background:rgba(255,255,255,.98);color:#111;border:1px solid rgba(20,55,75,.16);
box-shadow:0 12px 30px rgba(3,31,49,.20);font-size:14px;white-space:nowrap
}
.cc-filter-guide-toast span{font-size:24px;line-height:18px;font-weight:900;color:#111}
.cc-filter-guide-toast b{color:#111;font-weight:900}
body.cc-app-mode.cc-view-chargers .cc-filter-guide-toast.show{display:flex;animation:ccToastIn .2s ease-out}
body.cc-app-mode.cc-dark .cc-filter-guide-toast{background:rgba(238,245,248,.98)!important;color:#111!important;border-color:#91a8b3!important}
body.cc-app-mode.cc-dark .cc-filter-guide-toast *{color:#111!important}
/* El resultado filtrado ocupa el espacio disponible hasta la zona de los avisos inferiores. */
body.cc-app-mode.cc-view-chargers .cc-filter-results.show{
max-height:none!important;
bottom:94px!important;
}
body.cc-app-mode.cc-view-chargers .cc-filter-results.show #ccFilterResultsList{
max-height:calc(100vh - 430px - 94px - 64px)!important;
}
@media(max-width:760px){
.cc-filter-guide-toast{top:50%;bottom:auto;transform:translate(-50%,-50%);max-width:calc(100vw - 24px)}
body.cc-app-mode.cc-view-chargers .cc-filter-results.show{bottom:84px!important}
body.cc-app-mode.cc-view-chargers .cc-filter-results.show #ccFilterResultsList{
max-height:calc(100vh - 410px - 84px - 64px)!important;
}
}
@media(max-width:420px){
body.cc-app-mode.cc-view-chargers .cc-filter-results.show #ccFilterResultsList{
max-height:calc(100vh - 430px - 84px - 64px)!important;
}
}
/* V63 · guía Cargadores centrada 5s y botón Ocultar Menu */
body.cc-app-mode .cc-filter-guide-toast{
position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
transform:translate(-50%,-50%)!important;z-index:2147483647!important;
padding:15px 20px!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;
color:#111!important;border:1px solid rgba(20,55,75,.18)!important;box-shadow:0 18px 55px rgba(5,45,72,.28)!important;
align-items:center!important;gap:8px!important;white-space:nowrap!important;pointer-events:none!important;
}
body.cc-app-mode .cc-filter-guide-toast span,body.cc-app-mode .cc-filter-guide-toast b{color:#111!important;-webkit-text-fill-color:#111!important}
body.cc-app-mode.cc-dark .cc-filter-guide-toast{background:rgba(238,245,248,.98)!important;color:#111!important}
body.cc-app-mode #ccHideFilterMenu{grid-column:1/-1;width:100%;margin-top:2px;background:#111!important;color:#fff!important;border-color:#111!important}
body.cc-app-mode.cc-dark #ccHideFilterMenu{background:#111!important;color:#fff!important;border-color:#555!important}
/* V65 · la guía pertenece exclusivamente al menú Cargadores */
body.cc-app-mode:not(.cc-view-chargers) #ccFilterGuideToast{display:none!important;opacity:0!important;visibility:hidden!important;}
/* V66 · guía del filtro ubicada encima del contador flotante de Cargadores */
body.cc-app-mode.cc-view-chargers #ccFilterGuideToast{
top:auto!important;
bottom:145px!important;
transform:translateX(-50%)!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-chargers #ccFilterGuideToast{
top:auto!important;
bottom:135px!important;
transform:translateX(-50%)!important;
}
}
/* PRUEBA V70 · Cerca de mí: panel GPS al tamaño de su contenido, no a pantalla completa */
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{
z-index:1400!important;
height:auto!important;
max-height:calc(100vh - 180px)!important;
overflow-y:auto!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{
top:auto!important;
bottom:88px!important;
left:12px!important;
width:calc(100vw - 24px)!important;
height:auto!important;
max-height:calc(100vh - 170px)!important;
overflow-y:auto!important;
}
}
/* PRUEBA V71 · Cerca de mí: el módulo GPS queda por delante de los controles flotantes */
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-stats-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-theme-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-reload-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-stats-card{
z-index:0!important;
}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{
z-index:2147483646!important;
}
/* PRUEBA V72 · controles flotantes siguen visibles debajo del módulo GPS */
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-stats-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-theme-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-reload-fab{
z-index:1300!important;
}
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-stats-card{
z-index:1300!important;
}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{
z-index:1400!important;
}
/* PRUEBA V73 · GPS sobre controles flotantes sin ocultarlos
#mapa usaba z-index:1 y creaba un contexto de apilado: el z-index del panel GPS
no podía superar a los FAB que están fuera de #mapa. Al abrir GPS eliminamos
solo ese contexto; mapa queda al fondo, FAB en 1300 y panel GPS en 1400. */
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa{
z-index:auto!important;
}
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-stats-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-theme-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-reload-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open .cc-stats-card{
z-index:1300!important;
}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{
z-index:1400!important;
}
/* PRUEBA V74 · GPS y FAB comparten el mismo contexto: panel GPS siempre encima */
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa{z-index:1!important;}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .cc-stats-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .cc-theme-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .cc-reload-fab,
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .cc-stats-card{z-index:1300!important;}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{z-index:1400!important;}
\n\n/* V76 · Tiempo de Carga */
body.cc-app-mode #tiempo-carga{overflow:auto!important;background:#f4f8fb!important;color:#17384c!important}
body.cc-app-mode #tiempo-carga .cc-charge-card{background:#fff;border:1px solid #dce8ee;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(18,57,78,.08)}
body.cc-app-mode #tiempo-carga label{display:grid;gap:7px;font-weight:800;font-size:.9rem;color:#17384c;margin-bottom:14px}
body.cc-app-mode #tiempo-carga select,body.cc-app-mode #tiempo-carga input{width:100%;box-sizing:border-box;border:1px solid #cbdde6;border-radius:13px;background:#fff;color:#102f42;padding:12px 13px;font:inherit;outline:none}
body.cc-app-mode #tiempo-carga select:focus,body.cc-app-mode #tiempo-carga input:focus{border-color:#32b96b;box-shadow:0 0 0 3px rgba(50,185,107,.12)}
body.cc-app-mode #tiempo-carga .cc-charge-battery{margin:-4px 0 16px;padding:10px 12px;border-radius:12px;background:#eef7f2;font-weight:800;color:#197542}
body.cc-app-mode #tiempo-carga .cc-charge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.cc-app-mode #tiempo-carga .cc-charge-calc{width:100%;border:0;border-radius:14px;padding:14px 16px;background:#111;color:#fff;font-weight:900;font-size:1rem;cursor:pointer}
body.cc-app-mode #tiempo-carga .cc-charge-result{margin-top:16px;padding:18px;border-radius:18px;background:#eaf8ef;border:1px solid #bfe8ce}
body.cc-app-mode #tiempo-carga .cc-charge-result>small{display:block;font-weight:900;color:#267747;letter-spacing:.04em}
body.cc-app-mode #tiempo-carga .cc-charge-result>strong{display:block;font-size:2rem;line-height:1.1;margin:7px 0 14px;color:#102f42}
body.cc-app-mode #tiempo-carga .cc-charge-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
body.cc-app-mode #tiempo-carga .cc-charge-result-grid span{background:rgba(255,255,255,.72);border-radius:11px;padding:9px;font-size:.84rem}
body.cc-app-mode #tiempo-carga .cc-charge-result em{display:block;margin-top:12px;font-size:.78rem;line-height:1.45;color:#527062}
body.cc-app-mode #tiempo-carga .cc-charge-note{font-size:.76rem;line-height:1.5;color:#6b7f8b;margin:14px 2px 0}
body.cc-app-mode.cc-dark #tiempo-carga{background:#07131b!important;color:#eef8ff!important}
body.cc-app-mode.cc-dark #tiempo-carga .titlebar h2,body.cc-app-mode.cc-dark #tiempo-carga label{color:#fff!important}
body.cc-app-mode.cc-dark #tiempo-carga .titlebar p,body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-note{color:#b9cbd5!important}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-card{background:#0e202b;border-color:#23404f;box-shadow:0 12px 30px rgba(0,0,0,.24)}
body.cc-app-mode.cc-dark #tiempo-carga select,body.cc-app-mode.cc-dark #tiempo-carga input{background:#102733;color:#fff;border-color:#31505f}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-battery{background:#123526;color:#9ce2b7}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-result{background:#102d21;border-color:#28583d}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-result>strong{color:#fff}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-result>small{color:#9ce2b7}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-result-grid span{background:rgba(255,255,255,.06);color:#eaf5f9}
body.cc-app-mode.cc-dark #tiempo-carga .cc-charge-result em{color:#b8d0c1}
@media(max-width:600px){body.cc-app-mode #tiempo-carga>.container{padding:16px!important}body.cc-app-mode #tiempo-carga .cc-charge-card{padding:16px}body.cc-app-mode #tiempo-carga .cc-charge-grid{grid-template-columns:1fr}.cc-charge-result-grid{grid-template-columns:1fr!important}}
/* V79 · acceso rápido Tiempo de Carga + controles debajo del zoom de Leaflet */
.cc-charge-fab{
display:none;position:fixed;width:48px;height:48px;border:0;border-radius:50%;
background:#fff;color:#176ca0;box-shadow:0 7px 24px rgba(10,40,58,.22);
font-size:22px;font-weight:900;cursor:pointer;place-items:center;
}
body.cc-app-mode.cc-view-near .cc-charge-fab{display:grid!important;}
body.cc-app-mode.cc-dark .cc-charge-fab{background:#102431;color:#fff;border:1px solid #315166;}
/* La columna empieza justo debajo de los botones + / - del mapa. */
body.cc-app-mode.cc-view-near .cc-stats-fab,
body.cc-app-mode.cc-view-near .cc-theme-fab,
body.cc-app-mode.cc-view-near .cc-charge-fab,
body.cc-app-mode.cc-view-near .cc-reload-fab{
left:12px!important;right:auto!important;bottom:auto!important;width:48px!important;height:48px!important;
}
body.cc-app-mode.cc-view-near .cc-stats-fab{top:176px!important;}
body.cc-app-mode.cc-view-near .cc-theme-fab{top:232px!important;}
body.cc-app-mode.cc-view-near .cc-charge-fab{top:288px!important;}
body.cc-app-mode.cc-view-near .cc-reload-fab{top:344px!important;}
/* Al desplegar GPS todos los FAB siguen presentes, pero quedan debajo del panel. */
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .cc-charge-fab{z-index:1300!important;}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa .geo-panel{z-index:1400!important;}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-stats-fab{top:168px!important;}
body.cc-app-mode.cc-view-near .cc-theme-fab{top:224px!important;}
body.cc-app-mode.cc-view-near .cc-charge-fab{top:280px!important;}
body.cc-app-mode.cc-view-near .cc-reload-fab{top:336px!important;}
}
/* V80 · reparación acceso flotante Tiempo de Carga */
body.cc-app-mode.cc-view-near #mapa #ccChargeFab{
display:grid!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
position:fixed!important;
left:12px!important;
right:auto!important;
top:288px!important;
bottom:auto!important;
width:48px!important;
height:48px!important;
z-index:1260!important;
place-items:center!important;
}
body.cc-app-mode:not(.cc-view-near) #ccChargeFab{display:none!important;}
body.cc-app-mode.cc-dark #mapa #ccChargeFab{background:#102431!important;color:#fff!important;border:1px solid #315166!important;}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa #ccChargeFab{z-index:1300!important;}
@media(max-width:760px){body.cc-app-mode.cc-view-near #mapa #ccChargeFab{top:280px!important;}}
/* V82 · resultados ocupan todo el espacio libre al ocultar filtros */
body.cc-app-mode.cc-view-chargers.cc-filter-results-expanded .cc-filter-results.show{
display:flex!important;
flex-direction:column!important;
top:118px!important;
bottom:94px!important;
height:auto!important;
max-height:none!important;
overflow:hidden!important;
}
body.cc-app-mode.cc-view-chargers.cc-filter-results-expanded .cc-filter-results-head{
flex:0 0 auto!important;
}
body.cc-app-mode.cc-view-chargers.cc-filter-results-expanded .cc-filter-results.show #ccFilterResultsList{
flex:1 1 auto!important;
min-height:0!important;
max-height:none!important;
overflow-y:auto!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-chargers.cc-filter-results-expanded .cc-filter-results.show{
top:112px!important;
bottom:84px!important;
}
}
/* V86 · Leyenda de tipos de carga en Resumen del sistema */
.cc-stats-legend{margin-top:10px;padding-top:10px;border-top:1px solid rgba(20,55,75,.12);display:flex;flex-direction:column;gap:8px}
.cc-stats-legend>div{display:flex;align-items:center;gap:9px;min-width:0}
.cc-stats-legend b{font-size:11px;line-height:1.25;color:#405d6d}
.cc-charge-type{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;font-weight:900;box-shadow:0 4px 10px rgba(9,31,44,.16)}
.cc-charge-type-ac{background:#3b82f6;color:#fff}
.cc-charge-type-dc{background:#f59e0b;color:#111827}
.cc-charge-type-mixed{background:#22c55e;color:#062b16}
body.cc-app-mode.cc-dark .cc-stats-legend{border-top-color:rgba(255,255,255,.12)}
body.cc-app-mode.cc-dark .cc-stats-legend b{color:#eaf6fb}
/* V87 · Menú general inferior: blanco en modo claro, borde azul y activo verde */
body.cc-app-mode:not(.cc-dark) .cc-bottom-nav{
background:rgba(255,255,255,.97)!important;
border:2px solid #2f8fc5!important;
box-shadow:0 14px 38px rgba(24,94,132,.18)!important;
backdrop-filter:blur(18px)!important;
}
body.cc-app-mode:not(.cc-dark) .cc-bottom-nav .cc-nav-item{
color:#31566a!important;
}
body.cc-app-mode:not(.cc-dark) .cc-bottom-nav .cc-nav-item.active{
background:rgba(73,190,117,.12)!important;
color:#16834a!important;
}
/* V88 · Menú inferior oscuro igual al fondo del header oscuro */
body.cc-app-mode.cc-dark .cc-bottom-nav{
background:#091a24!important;
border-color:#294957!important;
}
/* V89 · Apps: adaptación correcta en escritorio, sin desplazamiento horizontal */
@media (min-width:761px){
body.cc-app-mode.cc-view-apps #aplicaciones{
width:min(960px,calc(100vw - 36px))!important;
max-width:calc(100vw - 36px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones>.container{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
overflow-x:hidden!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones .providers{
width:100%!important;
max-width:100%!important;
min-width:0!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
box-sizing:border-box!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones .provider-card{
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones .provider-card p,
body.cc-app-mode.cc-view-apps #aplicaciones .provider-card h3{
overflow-wrap:anywhere!important;
word-break:normal!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones .provider-card a{
max-width:100%!important;
white-space:normal!important;
box-sizing:border-box!important;
margin-bottom:6px!important;
}
}
@media (min-width:761px) and (max-width:1050px){
body.cc-app-mode.cc-view-apps #aplicaciones .providers{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
/* V90 · Apps: una sola barra vertical en escritorio */
@media (min-width:761px){
html:has(body.cc-app-mode.cc-view-apps),
body.cc-app-mode.cc-view-apps{
overflow:hidden!important;
}
body.cc-app-mode.cc-view-apps #aplicaciones{
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain;
}
body.cc-app-mode.cc-view-apps #aplicaciones>.container,
body.cc-app-mode.cc-view-apps #aplicaciones .providers{
overflow:visible!important;
height:auto!important;
max-height:none!important;
}
}
/* V90 · Información: panel cerca del botón y debajo del header */
body.cc-app-mode.cc-view-near .cc-stats-card{
top:150px!important;
bottom:auto!important;
}
@media(max-width:760px){
body.cc-app-mode.cc-view-near .cc-stats-card{
top:142px!important;
bottom:auto!important;
}
}
/* V91 · Ajustes de paneles en escritorio (mobile sin cambios) */
@media (min-width:761px){
/* Títulos proporcionados al ancho de los paneles */
body.cc-app-mode #ruta-ev .titlebar h2,
body.cc-app-mode #productos .titlebar h2,
body.cc-app-mode #tiempo-carga .titlebar h2,
body.cc-app-mode #version-creditos .titlebar h2,
body.cc-app-mode #reportar h2,
body.cc-app-mode #funciona .titlebar h2{
font-size:1.45rem!important;
line-height:1.15!important;
overflow-wrap:anywhere!important;
}
/* Un único scroll vertical por panel y nunca scroll horizontal */
body.cc-app-mode #productos,
body.cc-app-mode #reportar,
body.cc-app-mode #funciona,
body.cc-app-mode #tiempo-carga,
body.cc-app-mode #version-creditos{
overflow-x:hidden!important;
overflow-y:auto!important;
}
body.cc-app-mode #productos>.container,
body.cc-app-mode #reportar>.container,
body.cc-app-mode #funciona>.container,
body.cc-app-mode #tiempo-carga>.container,
body.cc-app-mode #version-creditos>.container{
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:auto!important;
max-height:none!important;
overflow:visible!important;
box-sizing:border-box!important;
}
/* Accesorios: contenido fluido, sin segunda barra */
body.cc-app-mode #productos .product-grid,
body.cc-app-mode #productos .product-card,
body.cc-app-mode #productos .product-body,
body.cc-app-mode #productos .product-actions{
min-width:0!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
overflow-x:hidden!important;
}
body.cc-app-mode #productos .product-grid{overflow-y:visible!important}
/* Reportar cargador: una sola columna dentro del panel lateral */
body.cc-app-mode #reportar .report-layout{
display:block!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
body.cc-app-mode #reportar .report-copy{width:100%!important;margin:0 0 22px!important}
body.cc-app-mode #reportar .report-form{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
body.cc-app-mode #reportar .form-grid{grid-template-columns:1fr!important;width:100%!important}
/* Cómo funciona: pasos apilados para el ancho real del panel */
body.cc-app-mode #funciona .journey{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
width:100%!important;
min-width:0!important;
overflow:visible!important;
}
body.cc-app-mode #funciona .step,
body.cc-app-mode #funciona .cta{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.cc-app-mode #funciona .cta{display:flex!important;flex-wrap:wrap!important;gap:14px!important}
}
/* V92 · Viajes y Accesorios: ajustes exclusivos de escritorio */
@media (min-width:761px){
/* Viajes: encabezado ordenado en filas dentro del panel lateral */
body.cc-app-mode #ruta-ev .titlebar{
display:block!important;
width:100%!important;
margin-bottom:24px!important;
}
body.cc-app-mode #ruta-ev .titlebar>div{
display:block!important;
width:100%!important;
}
body.cc-app-mode #ruta-ev .titlebar .eyebrow{
display:block!important;
margin:0 0 7px!important;
}
body.cc-app-mode #ruta-ev .titlebar h2{
display:block!important;
width:100%!important;
margin:0!important;
font-size:1.35rem!important;
line-height:1.2!important;
letter-spacing:-.4px!important;
}
body.cc-app-mode #ruta-ev .titlebar p{
display:block!important;
width:100%!important;
max-width:none!important;
margin:12px 0 0!important;
line-height:1.55!important;
}
/* Accesorios: solo el panel exterior puede desplazarse verticalmente */
body.cc-app-mode #productos{
overflow-x:hidden!important;
overflow-y:auto!important;
}
body.cc-app-mode #productos>.container,
body.cc-app-mode #productos .titlebar,
body.cc-app-mode #productos .product-grid{
overflow:visible!important;
height:auto!important;
max-height:none!important;
}
body.cc-app-mode #productos .product-grid{
width:100%!important;
}
body.cc-app-mode #productos .product-body,
body.cc-app-mode #productos .product-actions{
overflow:visible!important;
height:auto!important;
max-height:none!important;
}
body.cc-app-mode #productos .product-card{
overflow:hidden!important;
}
}
/* V93 · Viajes: resultados ajustados al panel en PC/navegador */
@media (min-width:761px){
body.cc-app-mode #ruta-ev{
overflow-x:hidden!important;
}
body.cc-app-mode #ruta-ev>.container,
body.cc-app-mode #ruta-ev .route-planner,
body.cc-app-mode #ruta-ev .route-quick-summary,
body.cc-app-mode #ruta-ev .route-statusbar,
body.cc-app-mode #ruta-ev .route-map-wrap,
body.cc-app-mode #ruta-ev .route-summary,
body.cc-app-mode #ruta-ev .charge-recommendation,
body.cc-app-mode #ruta-ev .route-external-actions,
body.cc-app-mode #ruta-ev .route-results,
body.cc-app-mode #ruta-ev .route-result-group,
body.cc-app-mode #ruta-ev .route-group-grid,
body.cc-app-mode #ruta-ev .route-card{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.cc-app-mode #ruta-ev .route-planner,
body.cc-app-mode #ruta-ev .route-results,
body.cc-app-mode #ruta-ev .route-result-group{
overflow-x:hidden!important;
}
/* Resumen superior: métricas adaptadas al ancho lateral */
body.cc-app-mode #ruta-ev .route-quick-metrics{
grid-template-columns:1fr!important;
overflow:hidden!important;
}
body.cc-app-mode #ruta-ev .route-quick-metrics>div{
width:100%!important;
min-width:0!important;
padding:10px 8px!important;
}
body.cc-app-mode #ruta-ev .route-quick-metrics>div+div{
border-left:0!important;
border-top:1px solid rgba(15,45,65,.10)!important;
}
body.cc-app-mode.cc-dark #ruta-ev .route-quick-metrics>div+div{
border-top-color:rgba(255,255,255,.10)!important;
}
body.cc-app-mode #ruta-ev .route-quick-metrics strong{
white-space:normal!important;
overflow-wrap:anywhere!important;
}
/* Resumen de ruta en una columna: evita tarjetas comprimidas */
body.cc-app-mode #ruta-ev .route-summary{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
body.cc-app-mode #ruta-ev .route-summary>div{
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.cc-app-mode #ruta-ev .route-summary strong,
body.cc-app-mode #ruta-ev .route-summary span{
white-space:normal!important;
overflow-wrap:anywhere!important;
}
/* Acciones externas apiladas dentro del panel */
body.cc-app-mode #ruta-ev .route-external-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:9px!important;
}
body.cc-app-mode #ruta-ev .route-external-actions>div{
grid-column:auto!important;
min-width:0!important;
}
body.cc-app-mode #ruta-ev .route-nav-btn{
width:100%!important;
max-width:100%!important;
min-width:0!important;
white-space:normal!important;
text-align:center!important;
box-sizing:border-box!important;
}
/* Resultados: una tarjeta por fila para el ancho real de 520px */
body.cc-app-mode #ruta-ev .route-group-heading{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
flex-wrap:wrap!important;
}
body.cc-app-mode #ruta-ev .route-group-heading>div{
min-width:0!important;
flex:1 1 250px!important;
}
body.cc-app-mode #ruta-ev .route-group-heading h3{
overflow-wrap:anywhere!important;
}
body.cc-app-mode #ruta-ev .route-group-count{
white-space:normal!important;
flex:0 1 auto!important;
}
body.cc-app-mode #ruta-ev .route-group-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
body.cc-app-mode #ruta-ev .route-card,
body.cc-app-mode #ruta-ev .route-card *{
min-width:0!important;
}
body.cc-app-mode #ruta-ev .route-card-top{
flex-wrap:wrap!important;
}
body.cc-app-mode #ruta-ev .route-card-actions,
body.cc-app-mode #ruta-ev .route-card-nav{
grid-template-columns:1fr!important;
}
body.cc-app-mode #ruta-ev .route-card-actions a,
body.cc-app-mode #ruta-ev .route-card-nav a{
width:100%!important;
max-width:100%!important;
min-width:0!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
box-sizing:border-box!important;
}
body.cc-app-mode #ruta-ev .route-card-nav .app{
grid-column:auto!important;
}
/* Recomendación de carga sin elementos que empujen horizontalmente */
body.cc-app-mode #ruta-ev .charge-rec-stop{
grid-template-columns:34px minmax(0,1fr)!important;
}
body.cc-app-mode #ruta-ev .charge-rec-top{
flex-wrap:wrap!important;
}
body.cc-app-mode #ruta-ev .charge-rec-percent{
white-space:normal!important;
}
body.cc-app-mode #ruta-ev .charge-rec-actions a{
max-width:100%!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
box-sizing:border-box!important;
}
body.cc-app-mode #ruta-ev #routeMap{
width:100%!important;
max-width:100%!important;
}
body.cc-app-mode #ruta-ev .route-map-legend{
max-width:calc(100% - 28px)!important;
box-sizing:border-box!important;
}
}
/* V94 · Ajustes PC: Viajes + cabecera Tiempo de Carga */
@media (min-width:761px){
/* Respeta el estado inicial del planificador: acciones externas solo tras calcular */
body.cc-app-mode #ruta-ev .route-external-actions[hidden]{
display:none!important;
}
/* Tiempo de Carga: etiqueta, título y descripción en filas independientes */
body.cc-app-mode #tiempo-carga .titlebar{
display:grid!important;
grid-template-columns:1fr!important;
gap:7px!important;
align-items:start!important;
}
body.cc-app-mode #tiempo-carga .titlebar>div{
display:grid!important;
grid-template-columns:1fr!important;
gap:4px!important;
width:100%!important;
min-width:0!important;
}
body.cc-app-mode #tiempo-carga .titlebar .eyebrow,
body.cc-app-mode #tiempo-carga .titlebar h2,
body.cc-app-mode #tiempo-carga .titlebar p{
display:block!important;
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
body.cc-app-mode #tiempo-carga .titlebar p{
margin-top:0!important;
}
}
/* V98 · Rutas de Viajes */
body.cc-app-mode #rutas-viajes{display:none!important;overflow-x:hidden}
body.cc-app-mode #rutas-viajes.cc-panel-open{display:block!important}
.cc-travel-route-list,.cc-travel-route-detail{max-width:900px;margin:0 auto}
.cc-travel-route-btn{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid rgba(18,80,125,.18);border-radius:16px;background:#fff;color:#17384c;box-shadow:0 8px 24px rgba(9,31,44,.08);cursor:pointer}.cc-travel-route-btn>span{font-size:25px}.cc-travel-route-btn b{display:block;font-size:17px}.cc-travel-route-btn small{display:block;margin-top:3px;color:#66808f}.cc-travel-route-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.cc-travel-route-head h3{margin:3px 0 0;font-size:24px}.cc-travel-route-head small{font-weight:800;color:#35a149}.cc-travel-route-back,.cc-trip-more-btn{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.cc-travel-route-back{background:#edf4f8;color:#17384c}.cc-trip-more-btn{width:100%;margin-top:14px;background:#173f5b;color:#fff}.cc-trip-vehicle{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#edf7f0;margin-bottom:18px}.cc-trip-vehicle>span{font-size:26px}.cc-trip-vehicle small,.cc-trip-vehicle b{display:block}.cc-trip-stop{padding:15px;margin:10px 0;border:1px solid rgba(18,80,125,.16);border-radius:15px;background:#fff}.cc-trip-stop>small{font-weight:900;color:#35a149}.cc-trip-stop h4{font-size:18px;margin:4px 0 12px}.cc-trip-stop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cc-trip-stop-grid span{padding:9px;border-radius:10px;background:#f3f7f9;min-width:0;overflow-wrap:anywhere}.cc-trip-stop-grid b{display:block;font-size:11px;text-transform:uppercase;color:#69818e;margin-bottom:3px}.cc-trip-stop a{display:inline-block;margin-top:7px;font-weight:800;color:#1669a5}.cc-trip-conclusion{padding:15px;border-radius:15px;background:#f5f8fa;margin-top:16px}.cc-trip-conclusion h4{margin-top:0}.cc-trip-modal{display:none;position:fixed;inset:0;z-index:2147483647;background:rgba(4,18,27,.68);padding:18px;align-items:center;justify-content:center}.cc-trip-modal.show{display:flex}.cc-trip-modal-card{position:relative;width:min(680px,100%);max-height:min(78vh,760px);overflow-y:auto;overflow-x:hidden;background:#fff;color:#17384c;border-radius:20px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.32)}.cc-trip-modal-close{position:absolute;right:12px;top:10px;border:0;background:#edf3f6;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.cc-trip-modal-card>small{font-weight:900;color:#35a149}.cc-trip-modal-card>h3{font-size:24px;margin:5px 40px 16px 0}.cc-trip-detail-block{padding:13px 0;border-top:1px solid #e2e9ed}.cc-trip-detail-block h4{margin:0 0 7px}.cc-trip-detail-block p{margin:7px 0}.cc-trip-detail-block ul{padding-left:20px}
body.cc-app-mode.cc-dark .cc-travel-route-btn,body.cc-app-mode.cc-dark .cc-trip-stop,body.cc-app-mode.cc-dark .cc-trip-modal-card{background:#0d2532;color:#fff;border-color:rgba(255,255,255,.13)}body.cc-app-mode.cc-dark .cc-travel-route-btn small{color:#a9bec9}body.cc-app-mode.cc-dark .cc-trip-stop-grid span,body.cc-app-mode.cc-dark .cc-travel-route-back{background:#163543;color:#fff}body.cc-app-mode.cc-dark .cc-trip-stop-grid b{color:#a9bec9}body.cc-app-mode.cc-dark .cc-trip-conclusion,body.cc-app-mode.cc-dark .cc-trip-vehicle{background:#112e3b}body.cc-app-mode.cc-dark .cc-trip-detail-block{border-color:rgba(255,255,255,.13)}
@media(max-width:760px){.cc-trip-stop-grid{grid-template-columns:1fr 1fr}.cc-travel-route-head{flex-direction:column}.cc-travel-route-back{width:100%}.cc-trip-modal{padding:10px}.cc-trip-modal-card{max-height:84vh;padding:18px}}
/* V99 · Reparación apertura Rutas de Viajes */
body.cc-app-mode #rutas-viajes{
display:none!important;position:fixed;z-index:1160;top:84px;right:18px;bottom:94px;
width:min(520px,calc(100vw - 36px));overflow-y:auto;overflow-x:hidden;padding:0!important;margin:0!important;
border:1px solid rgba(255,255,255,.85);border-radius:24px;background:rgba(255,255,255,.97);
box-shadow:0 22px 60px rgba(5,45,72,.24);backdrop-filter:blur(18px);
}
body.cc-app-mode #rutas-viajes.cc-panel-open{display:block!important}
body.cc-app-mode #rutas-viajes>.container{width:100%;max-width:none;padding:18px;box-sizing:border-box}
@media(max-width:760px){
body.cc-app-mode #rutas-viajes{top:70px;right:8px;bottom:86px;width:calc(100vw - 16px);border-radius:22px}
}
/* V100 · Cabecera Rutas de Viajes organizada por filas */
body.cc-app-mode #rutas-viajes .cc-travel-titlebar{
display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;
width:100%!important;margin:0 0 18px!important;
}
body.cc-app-mode #rutas-viajes .cc-travel-eyebrow{display:block!important;width:100%!important;margin:0!important;line-height:1.25!important}
body.cc-app-mode #rutas-viajes .cc-travel-title{display:block!important;width:100%!important;margin:0!important;font-size:26px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
body.cc-app-mode #rutas-viajes .cc-travel-description{display:block!important;width:100%!important;max-width:none!important;margin:2px 0 0!important;font-size:14px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:760px){
body.cc-app-mode #rutas-viajes .cc-travel-titlebar{gap:5px!important;margin-bottom:15px!important}
body.cc-app-mode #rutas-viajes .cc-travel-title{font-size:23px!important}
body.cc-app-mode #rutas-viajes .cc-travel-description{font-size:13.5px!important;line-height:1.45!important}
}
/* V101 · acceso rápido Rutas de Viajes debajo de Tiempo de Carga */
.cc-routes-fab{
display:none;position:fixed;width:48px;height:48px;border:0;border-radius:50%;
background:#fff;color:#176ca0;box-shadow:0 7px 24px rgba(10,40,58,.22);
font-size:22px;font-weight:900;cursor:pointer;place-items:center;
}
body.cc-app-mode.cc-view-near #mapa #ccRoutesFab{
display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
position:fixed!important;left:12px!important;right:auto!important;top:344px!important;bottom:auto!important;
width:48px!important;height:48px!important;z-index:1260!important;place-items:center!important;
}
body.cc-app-mode:not(.cc-view-near) #ccRoutesFab{display:none!important;}
body.cc-app-mode.cc-dark #mapa #ccRoutesFab{background:#102431!important;color:#fff!important;border:1px solid #315166!important;}
body.cc-app-mode.cc-view-near .cc-reload-fab{top:400px!important;}
body.cc-app-mode.cc-view-near.cc-near-location-open #mapa #ccRoutesFab{z-index:1300!important;}
@media(max-width:760px){
body.cc-app-mode.cc-view-near #mapa #ccRoutesFab{top:336px!important;}
body.cc-app-mode.cc-view-near .cc-reload-fab{top:392px!important;}
}
/* V102 · Icono Rutas de Viajes consistente con los controles flotantes */
.cc-routes-fab .cc-routes-icon{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.cc-routes-fab .cc-routes-icon path:first-child{fill:currentColor;stroke:currentColor}
body.cc-app-mode:not(.cc-dark) #mapa #ccRoutesFab{background:#fff!important;color:#176ca0!important;border:0!important}
body.cc-app-mode.cc-dark #mapa #ccRoutesFab{background:#102431!important;color:#fff!important;border:1px solid #315166!important}
/* V103 · Flecha GPS SVG para Rutas de Viajes */
.cc-routes-fab .cc-routes-gps-icon{
width:25px!important;height:25px!important;display:block!important;
fill:none!important;stroke:currentColor!important;stroke-width:2!important;
stroke-linecap:round!important;stroke-linejoin:round!important;
}
.cc-routes-fab .cc-routes-gps-icon path:first-child{fill:currentColor!important;stroke:currentColor!important}
.cc-routes-fab .cc-routes-gps-icon path:last-child{fill:none!important;stroke:var(--cc-routes-gps-cut,#fff)!important;stroke-width:1.65!important}
body.cc-app-mode:not(.cc-dark) #mapa #ccRoutesFab{--cc-routes-gps-cut:#fff}
body.cc-app-mode.cc-dark #mapa #ccRoutesFab{--cc-routes-gps-cut:#102431}
/* V104 · icono Tiempo de Carga ligeramente mayor, sin cambiar el botón */
body.cc-app-mode #ccChargeFab{
font-size:27px!important;
line-height:1!important;
}
/* V105 · mismo icono GPS de Rutas en Más... */
.cc-more-sheet>a.cc-more-routes-link>span .cc-routes-gps-icon{
width:25px!important;height:25px!important;display:block!important;
fill:none!important;stroke:currentColor!important;stroke-width:2!important;
stroke-linecap:round!important;stroke-linejoin:round!important;
}
.cc-more-sheet>a.cc-more-routes-link>span .cc-routes-gps-icon path:first-child{fill:currentColor!important;stroke:currentColor!important}
.cc-more-sheet>a.cc-more-routes-link>span .cc-routes-gps-icon path:last-child{fill:none!important;stroke:#e9f4ff!important;stroke-width:1.65!important}
body.cc-app-mode:not(.cc-dark) .cc-more-sheet>a.cc-more-routes-link>span{color:#176ca0!important}
body.cc-app-mode.cc-dark .cc-more-sheet>a.cc-more-routes-link>span{color:#fff!important}
body.cc-app-mode.cc-dark .cc-more-sheet>a.cc-more-routes-link>span .cc-routes-gps-icon path:last-child{stroke:#173846!important}
/* V106 · Tiempo de Carga: icono del menú Más al tamaño visual de los demás */
.cc-more-sheet>a.cc-more-charge-link>span{font-size:25px!important;line-height:1!important;}
/* V108 · Reportar tu Viaje */
.cc-travel-report{max-width:900px;margin:0 auto}
.cc-travel-report-intro{margin:-2px 0 18px;color:#66808f;line-height:1.6}
.cc-travel-report-btn{margin-top:12px}
.cc-trip-report-form{width:100%;box-sizing:border-box}
.cc-trip-report-stops{display:grid;gap:12px;margin:4px 0 18px}
.cc-trip-report-stop{padding:14px 14px 0;border:1px solid rgba(18,80,125,.14);border-radius:15px;background:rgba(255,255,255,.035)}
.cc-trip-report-stop h4{margin:0 0 12px;font-size:15px;color:#35a149}
.cc-trip-report-stop .form-group{margin-bottom:14px}
.cc-trip-large-text{min-height:145px!important}
.cc-travel-report-back{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;background:#edf4f8;color:#17384c}
body.cc-app-mode:not(.cc-dark) .cc-trip-report-form{background:#fff!important;border-color:rgba(18,80,125,.16)!important;box-shadow:0 12px 35px rgba(9,31,44,.08)!important}
body.cc-app-mode:not(.cc-dark) .cc-trip-report-form .form-head strong,body.cc-app-mode:not(.cc-dark) .cc-trip-report-form .form-group span{color:#17384c!important}
body.cc-app-mode.cc-dark .cc-travel-report-intro{color:#a9bec9}
body.cc-app-mode.cc-dark .cc-trip-report-stop{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.025)}
body.cc-app-mode.cc-dark .cc-travel-report-back{background:#163543;color:#fff}
@media(max-width:620px){.cc-trip-report-stop{padding:13px 12px 0}.cc-travel-report .cc-travel-route-head h3{font-size:22px}.cc-trip-report-form{padding:20px 16px!important}}