@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Bubbles&display=swap";[data-v-da631c47]:root{--fuentePrincipal:"Share Tech Mono",monospace;--fuentePrincipalPeso:400;--fuenteEstilo:normal;--fuenteTitulo:"Rubik Bubbles",system-ui;--colorAmbiente:#61a9f1;--colorInfraestructura:#de7fb3;--colorMovilidad:#ff1493;--colorSeguridad:#8a2be2;--colorViviendaEmpleo:#00ffea;--rojo:#ff4319;--naranja2:#fe6901;--amarillo:#febc01;--piel:#fde8a8;--menta:#7bce9c;--azul:#59e3d6;--verde:#00ae52;--morado:#8b5feb;--lila:#fcccfa;--rosa:#ec5dbc;--amarilloTitulo:#f3d78e;--verdeFondo:#79bc67}#contenedorVis[data-v-da631c47]{position:relative;z-index:10}#leyendaIndices[data-v-da631c47]{align-items:stretch;background:#0f0;background:linear-gradient(180deg,#0f0,red);bottom:5px;cursor:help;display:flex;flex-direction:column;font-size:.7em;font-weight:700;height:100%;justify-content:space-between;left:0;position:fixed;text-align:center;width:25px;z-index:10}#leyendaIndices span[data-v-da631c47]{background-color:#ffffff80;pointer-events:none}#infoLeyenda[data-v-da631c47]{background-color:var(--lila);display:none;font-size:.8em;left:0;padding:.5em 1em;position:fixed;top:0;transform:translate(10px,-100%);width:200px;z-index:10}#infoLeyenda.visible[data-v-da631c47]{display:block}#graficaIndices[data-v-da631c47]{left:0;pointer-events:none;position:absolute;top:0}.trazo[data-v-da631c47]{fill:none;stroke-width:1;pointer-events:none}.trazo.ambiente[data-v-da631c47]{stroke:var(--colorAmbiente)}.trazo.infraestructura[data-v-da631c47]{stroke:var(--colorInfraestructura)}.trazo.movilidad[data-v-da631c47]{stroke:var(--colorMovilidad)}.trazo.seguridad[data-v-da631c47]{stroke:var(--colorSeguridad)}.trazo.viviendaEmpleo[data-v-da631c47]{stroke:var(--colorViviendaEmpleo)}#contenedorEtiquetas[data-v-da631c47]{background-color:#fff3;bottom:10px;left:30px;padding:.4em;position:fixed}#contenedorEtiquetas #titulo[data-v-da631c47]{margin:0 3em .5em 0}#etiquetas[data-v-da631c47]{display:flex;flex-direction:row;flex-wrap:wrap;font-size:.7em;position:relative;z-index:2}.etiquetaDatos[data-v-da631c47]{border-bottom:2px solid;cursor:pointer;margin:0 2em .5em 0;width:-moz-fit-content;width:fit-content}#etiqHabitabilidad[data-v-da631c47]{border-color:var(--colorHabitabilidad)}#etiqAmbiente[data-v-da631c47]{border-color:var(--colorAmbiente)}#etiqInfraestructura[data-v-da631c47]{border-color:var(--colorInfraestructura)}#etiqMovilidad[data-v-da631c47]{border-color:var(--colorMovilidad)}#etiqSeguridad[data-v-da631c47]{border-color:var(--colorSeguridad)}#etiqViviendaEmpleo[data-v-da631c47]{border-color:var(--colorViviendaEmpleo)}.grupoIndicadores[data-v-da631c47]{cursor:pointer}.grupoIndicadores .valorIndicador[data-v-da631c47]{font-family:var(--fuentePrincipal);font-size:.9em;opacity:0;transform:translate(10px,5px);transition:opacity .2s;fill:#000}.grupoIndicadores:hover .valorIndicador[data-v-da631c47]{opacity:1}.grupoIndicadores.ambiente[data-v-da631c47]{fill:var(--colorAmbiente)}.grupoIndicadores.infraestructura[data-v-da631c47]{fill:var(--colorInfraestructura)}.grupoIndicadores.movilidad[data-v-da631c47]{fill:var(--colorMovilidad)}.grupoIndicadores.seguridad[data-v-da631c47]{fill:var(--colorSeguridad)}.grupoIndicadores.viviendaEmpleo[data-v-da631c47]{fill:var(--colorViviendaEmpleo)}.zona[data-v-da631c47]{border:2px solid #000;height:100%;position:absolute;top:0}.zona .nombreCalle[data-v-da631c47]{background-color:#f5d68e;border:1px solid #000;border-radius:5px;font-size:1.1em;left:10px;min-width:35px;padding:.5em;top:-2.5em;z-index:8}.zona .nombreCalle[data-v-da631c47],.zona .valorHabitabilidad[data-v-da631c47]{font-family:var(--fuentePrincipal);position:absolute;text-align:center}.zona .valorHabitabilidad[data-v-da631c47]{font-size:1em;font-weight:700;left:50%;top:10px;transform:translate(-50%)}#info[data-v-da631c47]{background-color:var(--menta);border:2px solid #000;display:none;font-size:.75em;max-width:80vw;min-width:380px;padding:5px;pointer-events:none;position:fixed;transform:translate(10px,-100%);z-index:10}#info .indicadores[data-v-da631c47]{width:150px}#info.visible[data-v-da631c47]{display:flex;flex-wrap:wrap}#info .texto[data-v-da631c47]{border:1px dotted #000;font-size:.8em;padding:.5em;width:180px}#info h4[data-v-da631c47],#info p[data-v-da631c47]{margin:0;text-align:start}#info h4[data-v-da631c47]{margin-bottom:.5em}#info .indiceInfo[data-v-da631c47]{align-items:center;display:flex}#info .circuloEtiqueta[data-v-da631c47]{background-color:#000;border-radius:50%;box-shadow:-1px 1px 3px #0000004d;height:9px;margin-right:.5em;width:9px}#info .circuloEtiqueta.ambiente[data-v-da631c47]{background-color:var(--colorAmbiente)}#info .circuloEtiqueta.infraestructura[data-v-da631c47]{background-color:var(--colorInfraestructura)}#info .circuloEtiqueta.movilidad[data-v-da631c47]{background-color:var(--colorMovilidad)}#info .circuloEtiqueta.seguridad[data-v-da631c47]{background-color:var(--colorSeguridad)}#info .circuloEtiqueta.viviendaEmpleo[data-v-da631c47]{background-color:var(--colorViviendaEmpleo)}@media screen and (min-width:768px){#etiquetas[data-v-da631c47]{font-size:.9em}}[data-v-86eb480e]:root{--fuentePrincipal:"Share Tech Mono",monospace;--fuentePrincipalPeso:400;--fuenteEstilo:normal;--fuenteTitulo:"Rubik Bubbles",system-ui;--colorAmbiente:#61a9f1;--colorInfraestructura:#de7fb3;--colorMovilidad:#ff1493;--colorSeguridad:#8a2be2;--colorViviendaEmpleo:#00ffea;--rojo:#ff4319;--naranja2:#fe6901;--amarillo:#febc01;--piel:#fde8a8;--menta:#7bce9c;--azul:#59e3d6;--verde:#00ae52;--morado:#8b5feb;--lila:#fcccfa;--rosa:#ec5dbc;--amarilloTitulo:#f3d78e;--verdeFondo:#79bc67}#contenedorTitulo[data-v-86eb480e]{display:block;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:all .5s;width:100vw;z-index:99}#contenedorTitulo.visible[data-v-86eb480e]{opacity:1}.texto[data-v-86eb480e]{color:#f3d78e;display:block;font-family:Rubik Bubbles,system-ui;font-size:11vw;font-style:normal;font-weight:370;line-height:0em;margin-top:1.5em;text-align:center;text-shadow:2px 2px 4px #111}.enflujito[data-v-86eb480e]{height:200px;position:fixed}@media screen and (min-width:768px){#contenedorTitulo[data-v-86eb480e]{margin-left:0}.texto[data-v-86eb480e]{font-size:110px;margin-top:.8em}}.imagenAnimable{display:block;position:absolute;z-index:99}#contenedorGesto[data-v-bb238f69]{bottom:10px;left:50%;opacity:0;pointer-events:none;position:fixed;transition:opacity 1s;z-index:20}#contenedorGesto.visible[data-v-bb238f69]{opacity:1}.ayuda[data-v-bb238f69]{scale:.8}.raton[data-v-bb238f69]{display:none}.mano[data-v-bb238f69]{display:block;transform:translate(-50%,-50%)}.iconoGesto[data-v-bb238f69]{height:35px;width:72px}.iconoGesto #mano[data-v-bb238f69]{fill:var(--piel);animation:gestoMano-bb238f69 3.5s ease infinite;transform-origin:50% 100%}.iconoGesto .derecha[data-v-bb238f69],.iconoGesto .izquierda[data-v-bb238f69]{fill:var(--piel);opacity:0}.iconoGesto .derecha[data-v-bb238f69]{animation:flechaDerecha-bb238f69 1.5s ease infinite}.iconoGesto .izquierda[data-v-bb238f69]{animation:flechaIzquierda-bb238f69 1.5s ease infinite}@keyframes gestoMano-bb238f69{5%{transform:translate(3px) rotate(6deg)}25%{transform:translate(0) rotate(0)}28%{transform:translate(0) rotate(0)}33%{transform:translate(-3px) rotate(-6deg)}53%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes flechaDerecha-bb238f69{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}@keyframes flechaIzquierda-bb238f69{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}@media only screen and (min-width:1030px){.mano[data-v-bb238f69]{display:none}.raton[data-v-bb238f69]{border-radius:20px;box-shadow:inset 0 0 0 1px var(--piel);display:block;height:60px;margin-left:-15px;margin-top:-30px;width:30px}.raton[data-v-bb238f69]:before{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll-bb238f69;background:var(--piel);border-radius:3px;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;top:6px;width:6px}.raton .iconoGesto[data-v-bb238f69]{transform:translate(-30%,65%);width:150px}@keyframes scroll-bb238f69{0%{opacity:1}to{opacity:0;transform:translateY(30px)}}@keyframes flechaDerecha-bb238f69{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}@keyframes flechaIzquierda-bb238f69{0%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(-30px)}}}.tituloContenido[data-v-5fbb2013]{align-items:center;display:inline-flex;margin-bottom:2em}.iconoPodcast[data-v-5fbb2013]{width:50px}.contenedorPersonaje[data-v-5fbb2013],.contenedorTexto[data-v-5fbb2013]{margin-top:2em}.tituloContenido[data-v-6b8b5406]{align-items:center;display:inline-flex}.tituloContenido .iconoFicha[data-v-6b8b5406]{background:transparent;height:45px;margin-right:1em}.contenedorPersonaje[data-v-6b8b5406]{display:flex;flex-direction:column}.contenedorPersonaje .iconoPerfil[data-v-6b8b5406]{border-radius:50%;bottom:180px;height:45px;padding:.3em}.contenedorTexto[data-v-6b8b5406]{margin-top:2em}.video[data-v-6b8b5406]{height:60vh}.tituloContenido[data-v-5e475210]{align-items:center;display:inline-flex}.tituloContenido .iconoFicha[data-v-5e475210]{background:transparent;margin-right:1em}#etiquetas[data-v-5e475210]{display:flex;flex-direction:column}.etiquetaDatos[data-v-5e475210]{font-weight:700;margin:0}.punto[data-v-5e475210]:before{content:" ";display:inline-block;height:.85em;margin-right:2px;vertical-align:center;width:.85em}.punto.puntoPositivo[data-v-5e475210]:before{background-color:var(--verde)}.punto.puntoNegativo[data-v-5e475210]:before{background-color:var(--rojo)}#escalaColores[data-v-5e475210]{background:#0f0;background:linear-gradient(90deg,red,#0f0);display:flex;font-size:.75em;justify-content:space-between;margin:.5em 0}#escalaColores span[data-v-5e475210]{background-color:#ffffff80;padding:2px}#ficha{background-color:var(--lila);border:1px solid #000;height:86vh;left:6vw;overflow:auto;padding:3em;position:fixed;top:5vh;width:62vw;z-index:99}#ficha h2{font-size:1.2em;letter-spacing:-.02em}#ficha .cerrar{background-color:var(--menta);border-radius:50%;cursor:pointer;display:flex;height:1.5em;justify-content:center;line-height:1.5em;margin:0;opacity:.7;position:absolute;right:1em;text-align:center;top:1em;width:1.5em}#ficha .cerrar:hover{opacity:1}@media (max-width:800px){#ficha{height:90vh;left:2vw;padding:1em;width:96vw}}:root{--fuentePrincipal:"Share Tech Mono",monospace;--fuentePrincipalPeso:400;--fuenteEstilo:normal;--fuenteTitulo:"Rubik Bubbles",system-ui;--colorAmbiente:#61a9f1;--colorInfraestructura:#de7fb3;--colorMovilidad:#ff1493;--colorSeguridad:#8a2be2;--colorViviendaEmpleo:#00ffea;--rojo:#ff4319;--naranja2:#fe6901;--amarillo:#febc01;--piel:#fde8a8;--menta:#7bce9c;--azul:#59e3d6;--verde:#00ae52;--morado:#8b5feb;--lila:#fcccfa;--rosa:#ec5dbc;--amarilloTitulo:#f3d78e;--verdeFondo:#79bc67}html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body,html{margin:0;padding:0}::-moz-selection{background-color:#30cac073;color:#130808}::selection{background-color:#30cac073;color:#130808}a,h2,h3,h4,h5,h6,p{font-family:var(--fuentePrincipal);letter-spacing:1px;line-height:1.2}h1{font-family:var(--fuenteTitulo)}a,a:link,a:visited{color:var(--verde);font-weight:600;text-decoration:none}a:hover,a:link:hover,a:visited:hover{color:var(--verdeFondo)}body{background-color:#fde8a7;margin:0}.resaltar{font-size:1.2em;font-weight:700}.subrayar{text-decoration:underline}#cerrar,.botonAbrir{cursor:pointer}#cerrar{position:absolute;right:10px;top:10px}#cerrar:hover{font-weight:600}.sinEventos{pointer-events:none}#botonInformacion{background-color:var(--lila);cursor:pointer;display:block;font-family:var(--fuentePrincipal);opacity:.7;padding:.8em;position:fixed;right:0;text-align:center;top:0;z-index:10}#botonInformacion:hover{opacity:1}#contenedorIconos{border-radius:15px;display:flex;flex-direction:column;position:fixed;right:0;top:3em;z-index:11}#contenedorIconos .tituloBoton{background-color:var(--lila);cursor:pointer;font-size:1.1em;font-weight:400;margin:0;padding:.5em .8em}#contenedorIconos .enlacePodcast{align-items:center;background-color:#ffffffde;cursor:pointer;display:flex;font-family:var(--fuentePrincipal);font-size:.85em;margin-bottom:.2em;max-width:173px;padding:.5em}#contenedorIconos #enlacesPodcasts{height:0;overflow:auto}#contenedorIconos #enlacesPodcasts.visible{height:100%}#contenedorIconos .iconoPodcast{border-radius:50%;padding:.3em;width:50px;width:35px}#contenedorIconos .tituloPodcast{background-color:#ffffffde;border-radius:5px;display:none;font-size:.9em;padding:.7em;position:absolute;right:20px;text-align:right}#contenedorIconos .tituloPodcast .visible{display:block}.perfil{align-items:center;background-color:#fff6;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:8}.perfil p{background-color:var(--lila);font-size:1.3em;font-weight:700}.perfil:before{color:var(--morado);content:"▶";flex-shrink:0;font-size:4em}#animacionesCalle{pointer-events:none;position:absolute;z-index:9}#contenedorGeneral{display:flex;flex-direction:column}#fondoCalle{position:relative;z-index:1}#fondoCalle:after,#fondoCalle:before{background-image:url(/especiales/veinticuatro-siete/imagenes/fondos/calle-piso.webp);background-size:contain;content:"";display:block;height:11px;position:absolute;width:100%}#fondoCalle:before{top:0}#fondoCalle:after{bottom:0;rotate:180deg}#paisaje{background-image:url(/especiales/veinticuatro-siete/imagenes/fondos/montanias_septimazo.png);background-repeat:repeat-x;position:relative;z-index:2}#paisaje .elementosPunto{height:100%;position:absolute}@keyframes cambioColor{0%{background-color:var(--amarillo);height:30px}50%{background-color:var(--rosa);height:40px}to{background-color:var(--amarillo);height:30px}}#paisaje .iconoPerfil{animation-duration:3s;animation-iteration-count:infinite;animation-name:cambioColor;border-radius:50%;bottom:180px;box-shadow:5px 9px 7px #59593d;padding:.3em}.ilustracion{bottom:0;height:100%;position:absolute;width:auto;z-index:5}.ilustracion:hover{opacity:1}.ilustracion.plaza-de-bolivar{transform:translate(10%,15%) rotate(1deg)}.ilustracion.iglesia-san-francisco{height:110%;transform:translateY(10%) rotate(-.7deg)}.ilustracion.planetario-de-bogota{height:90%;transform:translateY(10%)}.ilustracion.parque-nacional,.ilustracion.universidad-javeriana{transform:translateY(1%)}.ilustracion.parque-de-los-hippies{transform:translate(-30%,5%)}.ilustracion.edificio-caracol{transform:translate(-20%,1%)}.ilustracion.edificio-los-venados{transform:translate(-50%,2%)}.ilustracion.subida-a-patios{transform:translate(-50%,15%)}.ilustracion.museo-del-chico{transform:translate(-50%,3%)}.ilustracion.seminario-conciliar{transform:translate(-50%,4%) rotate(1deg)}.ilustracion.escuela-de-caballeria{transform:translate(-30%,1%)}.ilustracion.hacienda-santa-barbara{transform:translate(-50%,1%)}.ilustracion.centro-comercial-palatino{height:80%;transform:translate(-50%,4%) rotate(-2deg)}.ilustracion.hospital-simon-bolivar{filter:hue-rotate(30deg);height:70%;transform:translate(-50%,1%)}.ilustracion.centro-de-abastos-codabas{height:60%;transform:translate(-50%,1%)}.ilustracion.barrio-el-codito{transform:translate(-20%,2%) rotate(-1deg)}.ilustracion.finca-la-suiza{height:70%;transform:translate(-20%,3%) rotate(2deg)}.ilustracion.subestacion-torca{transform:translateY(1%) rotate(-1deg)}.vegetacion{bottom:0;height:100%;position:absolute;width:100%}.vegetacion .arbol{bottom:0;height:150px;pointer-events:none;position:absolute;transform-origin:bottom center;z-index:1}.malAire{animation:vibrarOpacidad 1s infinite;opacity:.6}.malAire .humo{animation:moverHumo 3s linear infinite;pointer-events:none;position:absolute;transform-origin:bottom center;z-index:1}@keyframes vibrarOpacidad{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}@keyframes moverHumo{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.etiqueta{background-color:#f58ef5d7;border-radius:5px;display:none;font-family:var(--fuentePrincipal);font-size:1em;padding:.5em;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-150%);z-index:99}.etiqueta.visible{display:block}.icono{position:absolute;z-index:9}.iconoPajaro{border-radius:50%;height:35px;padding:.3em}.iconoPajaro.texto{cursor:pointer}@media screen and (min-width:768px){.arbol{height:200px}}