/* QuedemGo 2.19.250 — CIUDAD / Agua · guide Leer más. Scoped to qg-water-* only. */
#qg-app .qg-water-guide{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:start;margin:0 0 14px;padding:14px;border:1px solid #d9edf5;border-radius:20px;background:#f6fcff;box-shadow:0 7px 22px rgba(23,92,122,.055)}
#qg-app .qg-water-guide-icon,#qg-app .qg-water-card-icon,#qg-app .qg-water-detail-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e8f7fd;color:#1387b8;box-shadow:inset 0 0 0 1px rgba(19,135,184,.09)}
#qg-app .qg-water-guide-icon{width:58px;height:58px}
#qg-app .qg-water-guide-icon svg,#qg-app .qg-water-card-icon svg,#qg-app .qg-water-detail-icon svg{display:block;width:27px;height:31px;fill:currentColor}
#qg-app .qg-water-guide-main>small{display:block;color:#1387b8;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
#qg-app .qg-water-guide-main h2{margin:4px 0 0;color:#15344a;font-size:17px;line-height:1.25}
#qg-app .qg-water-guide-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#qg-app .qg-water-guide-facts span{display:inline-flex;align-items:center;min-height:25px;padding:5px 8px;border:1px solid #cfe8f2;border-radius:999px;background:#fff;color:#237797;font-size:10px;font-weight:850;line-height:1.1}
#qg-app .qg-water-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:13px;border:1px solid #e1edf2;border-radius:21px;background:#fff;box-shadow:0 7px 22px rgba(17,58,76,.055);color:var(--qg-navy,#12243a);cursor:pointer;transition:box-shadow .16s,border-color .16s}
#qg-app .qg-water-card:hover{border-color:#d2e5ed;box-shadow:0 10px 28px rgba(17,58,76,.085)}
#qg-app .qg-water-card:focus-visible{outline:3px solid rgba(19,135,184,.24);outline-offset:2px}
#qg-app .qg-water-card-main{min-width:0}
#qg-app .qg-water-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#qg-app .qg-water-card-top h3{margin:0;color:#172f41;font-size:15px;line-height:1.28;overflow-wrap:anywhere}
#qg-app .qg-water-card-top p{margin:4px 0 0;color:#1387b8;font-size:11px;font-weight:800;line-height:1.35}
#qg-app .qg-water-distance{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#eaf8fd;color:#137fae;font-size:10px;line-height:1.1;white-space:nowrap}
#qg-app .qg-water-note{margin:8px 0 0;color:#526a79;font-size:11.5px;line-height:1.45}
#qg-app .qg-water-hours{display:block;margin-top:8px;color:#587386;font-size:10.5px;line-height:1.4}
#qg-app .qg-water-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
#qg-app .qg-water-actions a,#qg-app .qg-water-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:8px 10px;border-radius:11px;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}
#qg-app .qg-water-actions a{border:0;background:#1387b8;color:#fff}
#qg-app .qg-water-actions button{border:1px solid #cfe2ea;background:#fff;color:#176d91}
.qg-water-marker{border:0!important;background:transparent!important}
.qg-water-marker>span{box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;border-radius:15px;background:#1387b8;border:3px solid #fff;box-shadow:0 7px 18px rgba(16,86,116,.26);color:#fff}
.qg-water-marker svg{display:block;width:20px;height:25px;fill:currentColor}
.qg-water-cluster{border:0!important;background:transparent!important}
.qg-water-cluster>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1387b8;color:#fff;border:3px solid #fff;box-shadow:0 7px 18px rgba(16,86,116,.26);font-size:11px;font-weight:900}
.qg-water-leaflet-popup .leaflet-popup-content{margin:12px 13px}
.qg-water-popup{display:grid;gap:8px;min-width:210px;color:#183246}
.qg-water-popup-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}
.qg-water-popup-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e8f7fd;color:#1387b8}
.qg-water-popup-head svg{width:17px;height:22px;fill:currentColor}
.qg-water-popup-head strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.qg-water-popup-head small{display:block;margin-top:3px;color:#647989;font-size:10.5px;line-height:1.3}
.qg-water-popup>small{color:#1387b8;font-size:10.5px;font-weight:850}
.qg-water-popup-actions{display:flex;gap:6px;flex-wrap:wrap}
.qg-water-popup-actions a,.qg-water-popup-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 9px;border-radius:10px;font-size:10.5px;font-weight:850;text-decoration:none;cursor:pointer}
.qg-water-popup-actions a{flex:1;border:0;background:#1387b8;color:#fff}
.qg-water-popup-actions button{border:1px solid #cfe2ea;background:#fff;color:#176d91}
.qg-water-viewer{box-sizing:border-box;width:min(600px,calc(100vw - 20px));max-height:min(88vh,820px);margin:auto;padding:0;border:0;border-radius:23px;background:#fff;box-shadow:0 24px 70px rgba(18,29,48,.3);overflow:hidden}
.qg-water-viewer::backdrop{background:rgba(15,24,39,.56)}
.qg-water-viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(88vh,820px)}
.qg-water-viewer header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;border-bottom:1px solid #e6eef2;padding:13px 16px;min-height:55px}
.qg-water-viewer header strong{text-align:center;font-size:15px;color:#20364a}
.qg-water-viewer header button{grid-column:3;display:grid;place-items:center;width:36px;height:36px;justify-self:end;border:0;border-radius:50%;background:#edf7fb;color:#176d91;padding:0;line-height:1;cursor:pointer}
.qg-water-viewer-body{overflow-y:auto;padding:16px 16px max(24px,env(safe-area-inset-bottom))}
.qg-water-detail-hero{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:start}
#qg-app .qg-water-detail-icon{width:60px;height:60px}
#qg-app .qg-water-detail-icon svg{width:29px;height:35px}
.qg-water-detail-hero>div:last-child>small{color:#1387b8;font-size:10.5px;font-weight:850}
.qg-water-detail-hero h2{margin:5px 0 0;font-size:21px;line-height:1.22;color:#183044;overflow-wrap:anywhere}
.qg-water-detail-distance{display:block;margin-top:6px;color:#147da9!important;font-size:11px!important;font-weight:850}
.qg-water-service{display:grid;gap:4px;margin-top:17px;padding:12px 13px;border:1px solid #dcecf2;border-radius:14px;background:#f6fcff}
.qg-water-service strong{color:#126f95;font-size:13px}
.qg-water-service p{margin:0;color:#4d6677;font-size:12px;line-height:1.45}
.qg-water-detail-note{margin:15px 0 0;padding:11px 12px;border-radius:13px;background:#f6f9fb;color:#506779;font-size:12px;line-height:1.5}
.qg-water-detail-block{margin-top:17px;padding-top:16px;border-top:1px solid #edf1f3}
.qg-water-detail-block small{color:#1387b8;font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.qg-water-detail-block p{margin:6px 0 0;color:#40596a;font-size:12.5px;line-height:1.5}
.qg-water-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px}
.qg-water-detail-facts>div{display:grid;gap:4px;padding:10px;border:1px solid #dfeaf0;border-radius:12px;background:#fbfdfe}
.qg-water-detail-facts small{color:#738590;font-size:9.5px;font-weight:800}
.qg-water-detail-facts strong{color:#176d91;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.qg-water-directions-main{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:13px;border-radius:13px;background:#1387b8;color:#fff!important;text-decoration:none;font-size:14px;font-weight:900}
html.qg-water-viewer-open{overflow:hidden}
#qg-app .qg-water-list-head>div{min-width:0}
#qg-app .qg-water-list-head>div>small{display:block;margin-top:3px;color:#66808e;font-size:10.5px;font-weight:750}
@media(max-width:520px){#qg-app .qg-water-guide{grid-template-columns:48px minmax(0,1fr);padding:12px;gap:10px}#qg-app .qg-water-guide-icon{width:48px;height:48px;border-radius:15px}#qg-app .qg-water-card{grid-template-columns:48px minmax(0,1fr);padding:12px;gap:10px}#qg-app .qg-water-card-icon{width:48px;height:48px;border-radius:15px}#qg-app .qg-water-actions a,#qg-app .qg-water-actions button{flex:1;min-width:90px;padding-inline:6px}.qg-water-detail-facts{grid-template-columns:1fr}.qg-water-viewer{width:calc(100vw - 12px);max-height:92vh;border-radius:20px}.qg-water-viewer-shell{max-height:92vh}}

#qg-app .qg-water-guide-summary{margin:7px 0 0;color:#4c6879;font-size:12px;line-height:1.45}
#qg-app .qg-water-guide-toggle{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:6px 9px;border:1px solid #cfe8f2;border-radius:10px;background:#fff;color:#176d91;font-size:10.5px;font-weight:850;cursor:pointer}
#qg-app .qg-water-guide-toggle:hover{background:#f8fdff}
#qg-app .qg-water-guide-toggle:focus-visible{outline:3px solid rgba(19,135,184,.2);outline-offset:2px}
#qg-app .qg-water-guide-more{margin-top:9px;padding-top:9px;border-top:1px solid #d8ebf3}
#qg-app .qg-water-guide-more[hidden]{display:none!important}
#qg-app .qg-water-guide-more>p{margin:0;color:#4c6879;font-size:12px;line-height:1.5}
