.gis-demo{border:1px solid #d5d6ca;border-radius:24px;overflow:hidden;background:#101410;box-shadow:0 25px 60px #252b1b25;position:relative}.gis-demo .gis-preview-top{background:#20291f}.gis-preview-top>a{font-size:9px}.gd-scene{position:relative;height:650px;isolation:isolate;overflow:hidden}.gd-background{position:absolute;inset:0;background:linear-gradient(#1c302a18,#1c302a18),url('../assets/hero-entorno-panoramico.png') center/cover;opacity:0;transform:scale(1.05);transition:opacity 1.5s,transform 5s}.gd-intro{position:absolute;inset:0;z-index:20;background:radial-gradient(ellipse at 80% 40%,#30362a,#090d0a 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:25px;transition:opacity 1s,visibility 1s}.gd-intro>span{font-size:8px;letter-spacing:3px;color:#9ca78b}.gd-intro h3{font:500 68px/1.1 Manrope;letter-spacing:-3px;margin:35px 0 20px}.gd-intro h3 span{color:#d9fc58}.gd-intro p{font-size:21px;font-weight:400;line-height:1.6;color:#a6af9b}.gd-intro p strong{font-weight:500;color:#fff}.gd-intro>button{padding:14px 22px;border:1px solid #ffffff40;border-radius:30px;background:#ffffff10;color:white;font-size:11px;margin-top:20px}.gd-glass{background:linear-gradient(135deg,#ffffffd8,#ffffffa5);backdrop-filter:blur(20px);border:1px solid #ffffffdc;box-shadow:0 7px 25px #15321d25;border-radius:18px}.gd-search{position:absolute;top:22px;left:29%;right:24%;display:flex;align-items:center;gap:13px;padding:12px 15px;z-index:3}.gd-search>span{font-size:23px;color:#4d6340}.gd-search label{font-size:7px;color:#738468;display:grid;gap:5px;flex:1;min-width:0}.gd-search select{font-size:10px;color:#334a2d;border:0;background:transparent;width:100%;font-family:inherit}.gd-search>button{background:#d9fc58;color:#263b1a;padding:12px 15px;border:0;border-radius:20px;font-size:10px;cursor:pointer}.gd-projects{position:absolute;top:25px;left:22px;bottom:65px;width:250px;padding:19px;z-index:3;overflow:auto;scrollbar-width:thin}.gd-projects>small{font-size:6px;letter-spacing:1.3px;color:#7a886d}.gd-projects>h3{font:600 25px/1.2 Manrope;letter-spacing:-1px;color:#223c28;margin:14px 0 8px}.gd-projects>p{font-size:9px;color:#77886a}.gd-card{display:block;width:100%;text-align:left;background:#ffffffb0;border:1px solid #ffffffd0;border-radius:13px;overflow:hidden;margin-top:12px;padding:0 0 12px;cursor:pointer;color:#263d29;font-family:inherit}.gd-card.selected{border-color:#819d50;background:#f0f6e1}.gd-card img{display:block;height:83px;width:100%;object-fit:cover}.gd-card>strong{display:block;font-size:11px;margin:11px 12px 6px}.gd-card>small{display:block;font-size:7px;margin:0 12px;color:#869676}.gd-card>b{font-size:14px;display:block;margin:10px 12px 0}.gd-card>b span{float:right;font-size:13px}.gd-pin{position:absolute;z-index:2;padding:11px 14px;border-radius:25px;border:1px solid #ffffffc0;background:#ffffffe8;color:#304625;font:700 11px 'DM Sans';box-shadow:0 4px 18px #17321e30;cursor:pointer;transform:translate(-50%,-50%)}.gd-pin:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 5px);height:9px;width:9px;background:inherit;border-radius:0 0 3px 0;transform:rotate(45deg)}.gd-pin.selected{background:#d9fc58;border-color:#bce048;box-shadow:0 0 0 5px #d9fc5825}.gd-layers{position:absolute;right:22px;top:25px;width:190px;padding:18px;z-index:3}.gd-layers>strong{font:600 14px Manrope;color:#2f472b}.gd-layers label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:17px;color:#526d43;cursor:pointer}.gd-layers input{accent-color:#6b8c40;width:15px;height:15px}.gd-poi{position:absolute;z-index:2;border-radius:20px;background:#f6f9efd9;border:1px solid white;padding:9px 12px;font-size:13px;color:#344e2c;box-shadow:0 3px 10px #17321e20}.gd-poi span{font-size:8px;margin-left:5px}.gd-salud{left:68%;top:27%}.gd-colegios{left:45%;top:35%}.gd-parques{left:53%;top:74%}.gd-detail{position:absolute;right:22px;bottom:65px;width:255px;padding:20px;z-index:4}.gd-detail[hidden],.gd-poi[hidden]{display:none!important}.gd-close{position:absolute;top:8px;right:8px;border:0;border-radius:50%;background:#ffffff8f;color:#435e38;font-size:18px;width:23px;height:23px;cursor:pointer}.gd-detail>small{font-size:6px;letter-spacing:1px;color:#8b977b}.gd-detail h3{font:600 17px/1.3 Manrope;color:#304a2c;margin:12px 0 6px;letter-spacing:-.5px}.gd-detail p{font-size:9px;color:#7a8d6b}.gd-detail>strong{font:700 23px Manrope;color:#2b4727}.gd-detail>div{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.gd-detail>div span{background:#ffffff60;padding:6px 8px;border-radius:12px;font-size:7px;color:#536e43}.gd-detail>a{display:block;padding:11px 10px;border-radius:20px;text-align:center;background:#d9fc58;font-size:10px;color:#253c17}.gd-caption{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #ffffff60;border-radius:25px;background:#1c3025d9;backdrop-filter:blur(16px);font-size:10px;color:#edf5e4;max-width:85%;width:max-content;text-align:center;z-index:5}.gd-disclaimer{position:absolute;bottom:6px;right:12px;font-size:6px;color:#e7f0df;text-shadow:0 1px 3px #000}.gd-controls{display:flex;align-items:center;gap:12px;padding:13px 20px;color:#bdc5b1;border-top:1px solid #ffffff20}.gd-controls button{font:500 10px 'DM Sans';color:#eef3e4;background:#ffffff0a;border:1px solid #ffffff25;padding:9px 13px;border-radius:20px;cursor:pointer}.gd-controls button:hover{background:#ffffff1a}.gd-controls>span{font-size:9px;color:#a5b098;margin-left:auto}#gd-skip{color:#d9fc58}.gd-search,.gd-projects,.gd-layers,.gd-poi,#gd-pins,.gd-caption{opacity:0;visibility:hidden;transition:opacity .8s,transform .8s,visibility .8s}.gd-projects{transform:translateX(-20px)}.gd-layers{transform:translateX(20px)}.gis-demo:not([data-stage="0"]) .gd-intro{opacity:0;visibility:hidden;pointer-events:none}.gis-demo:not([data-stage="0"]) .gd-background{opacity:1;transform:scale(1)}.gis-demo:not([data-stage="0"]) .gd-caption{opacity:1;visibility:visible}.gis-demo[data-stage="2"] .gd-search,.gis-demo[data-stage="2"] .gd-projects,.gis-demo[data-stage="3"] .gd-search,.gis-demo[data-stage="3"] .gd-projects,.gis-demo[data-stage="4"] .gd-search,.gis-demo[data-stage="4"] .gd-projects,.gis-demo[data-stage="5"] .gd-search,.gis-demo[data-stage="5"] .gd-projects{opacity:1;visibility:visible;transform:none}.gis-demo[data-stage="3"] #gd-pins,.gis-demo[data-stage="4"] #gd-pins,.gis-demo[data-stage="5"] #gd-pins{opacity:1;visibility:visible}.gis-demo[data-stage="4"] .gd-layers,.gis-demo[data-stage="5"] .gd-layers,.gis-demo[data-stage="4"] .gd-poi,.gis-demo[data-stage="5"] .gd-poi{opacity:1;visibility:visible;transform:none}@media(max-width:1100px){.gd-projects{width:215px;padding:16px}.gd-search{left:250px;right:22px}.gd-layers{top:110px;width:160px}.gd-detail{width:225px}.gd-pin{font-size:10px;padding:10px}.gd-scene{height:680px}.gd-intro h3{font-size:57px}}@media(max-width:750px){.gd-scene{height:710px}.gd-intro h3{font-size:42px;letter-spacing:-2px}.gd-intro>span{font-size:6px;letter-spacing:2px}.gd-intro p{font-size:16px}.gd-intro p br{display:none}.gd-search{top:13px;left:12px;right:12px;gap:9px;padding:10px}.gd-search>span{display:none}.gd-search label{font-size:6px}.gd-search select{font-size:9px}.gd-search>button{font-size:9px;padding:10px}.gd-projects{left:12px;top:auto;bottom:65px;width:calc(100% - 24px);height:190px;padding:12px}.gd-projects>h3{font-size:16px;margin:5px 0;display:inline-block}.gd-projects>h3 br{display:none}.gd-projects>small{font-size:5px;display:block}.gd-projects>p{display:inline-block;margin:0 0 0 10px;font-size:7px}#gd-cards{display:flex;gap:8px;overflow:auto}.gd-card{min-width:150px;width:150px;flex-shrink:0;margin-top:8px;padding-bottom:8px}.gd-card img{height:45px}.gd-card>strong{font-size:8px;margin:7px 8px 4px}.gd-card>small{font-size:6px;margin:0 8px}.gd-card>b{font-size:11px;margin:5px 8px 0}.gd-layers{top:85px;right:12px;width:145px;padding:13px}.gd-layers>strong{font-size:12px}.gd-layers label{font-size:8px;margin-top:12px}.gd-layers input{height:12px;width:12px}.gd-pin{font-size:8px;padding:9px;white-space:nowrap}.gd-detail{right:12px;bottom:268px;width:200px;padding:15px}.gd-detail h3{font-size:14px}.gd-detail>strong{font-size:19px}.gd-detail p{font-size:7px}.gd-detail>div{margin:10px 0}.gd-detail>a{font-size:8px;padding:9px}.gd-detail>small{font-size:5px}.gd-poi{padding:7px;font-size:11px}.gd-poi span{font-size:6px}.gd-colegios{left:8%;top:31%}.gd-salud{left:10%;top:42%}.gd-parques{left:8%;top:54%}.gd-caption{font-size:8px;bottom:20px;padding:10px 13px;max-width:95%;width:90%}.gd-controls{padding:11px;gap:6px;flex-wrap:wrap}.gd-controls button{font-size:8px;padding:8px 10px}.gd-controls>span{font-size:7px}.gis-demo .gis-preview-top small{font-size:5px;letter-spacing:.8px}.gis-demo .gis-preview-top>a{font-size:7px}}@media(prefers-reduced-motion:reduce){.gis-demo *{transition:none!important;animation:none!important}}