@import url("/assets/fonts/fonts_sinkin.css");.variables{--bg-primary:radial-gradient(circle,#366864 0%,#3b3b3b 45%,#3b3b3b 100%);--text-primary:#fff;--text-secondary:#9d9d9c;--button-bg:hsla(0,0%,100%,.15);--button-hover:hsla(0,0%,100%,.25);--button-border:hsla(0,0%,100%,.2)}body{font-family:sinkin_sans300_light,sans-serif;font-size:.7em;margin:0;color:var(--text-secondary);background-image:url(/inicio/background_landing_page.webp);background-size:cover;background-repeat:no-repeat;background-position:top}.gameHolder{position:absolute;width:100%;height:100vh;background:var(--bg-primary);transition:background .3s ease}.animatedDots{position:absolute;left:100px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.pulseDot{width:12px;height:12px;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.dot1,.dot2{background:#94cf26}.dot2{animation-delay:.1s}.dot3{animation-delay:.2s}.dot3,.dot4{background:#00b3a9}.dot4{animation-delay:.3s}.dot5{animation-delay:.4s}.dot5,.dot6{background:#ff9c27}.dot6{animation-delay:.5s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mainTitle{position:absolute;left:150px;top:50%;transform:translateY(-50%);z-index:500}.mainTitle h1{color:#fff;font-size:2rem;font-weight:700;font-family:sinkin_sans100_thin;letter-spacing:0cap;margin:0;transition:color .3s ease}.mainTitle span{color:#fff;font-size:2rem;font-family:sinkin_sans600_semibold;transition:all .3s ease}.mainTitle h1:last-child{margin-top:.5rem}.nivelesGobiernoHeader{display:flex;align-items:center;gap:18px;margin:32px auto 24px;width:-moz-fit-content;width:fit-content}.nivelesGobiernoIcon{display:flex;align-items:center;justify-content:center}.nivelesGobiernoTitle{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2px;letter-spacing:.01em}.nivelesGobiernoSubtitle{font-size:1.1rem;color:#b6b6b6;font-weight:400}.contenedorEnlacesInferior{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;gap:1.5rem;z-index:800;width:auto}.botonEnlacesInferior{width:60px;height:60px;border-radius:50%;background:var(--button-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--button-border);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;gap:0}body[data-theme=light] .botonEnlacesInferior{background:var(--button-bg);border-color:var(--button-border)}.botonEnlacesInferior svg{width:32px;height:32px;min-width:auto;min-height:auto;fill:hsla(0,0%,100%,.8);transition:all .3s ease}.botonEnlacesInferior:hover{transform:translateY(-5px) scale(1.05)}.botonEnlacesInferior:hover,body[data-theme=light] .botonEnlacesInferior:hover{background:var(--button-hover)}.botonEnlacesInferior:hover svg{fill:#fff}.botonEnlacesInferior.active{transform:translateY(-5px) scale(1.05)}.activeTextContainer{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);text-align:center;z-index:750;transition:opacity .3s ease;opacity:1;width:80%}.activeLabel{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:4px}.activeSubtitle{font-size:.9rem;color:#b6b6b6;font-weight:400}.holographicShapes{transition:all .5s ease}.holographicShapes.animate{animation:floatAnimation 2s ease-in-out infinite}.botonEnlacesInferior.active{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.botonEnlacesInferior.active,body[data-theme=light] .botonEnlacesInferior.active{background:var(--button-hover)}.botonEnlacesInferior.active svg{fill:#fff}body[data-theme=light] .botonEnlacesInferior.active svg{fill:rgba(0,0,0,.8)}.mapContainer{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:650;pointer-events:none}.categoryText{position:absolute;font-family:sinkin_sans200_x_light;color:#94cf26;font-size:1.2rem;letter-spacing:.1rem;white-space:nowrap;transition:all .3s ease;z-index:600;background-color:transparent;pointer-events:auto;cursor:pointer;border-bottom:1px solid transparent}body[data-theme=light] .categoryText{color:#94cf26}.categoryText:hover{color:#fff;border-bottom:1px solid hsla(0,0%,100%,.4)}body[data-theme=light] .categoryText:hover{color:#008577;border-bottom:1px solid rgba(0,133,119,.4)}.departamental{left:12%}.departamental,.indigena{top:25%;color:#94cf26;transform:translateY(-50%);font-style:italic}.indigena{right:12%;text-align:right}.municipal{left:12%}.municipal,.regional{bottom:25%;color:#94cf26;transform:translateY(50%);font-style:italic}.regional{right:12%;text-align:right}.circleMapContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background-color:transparent;border:transparent;overflow:visible;display:flex;justify-content:center;align-items:center}body[data-theme=light] .circleMapContainer{background-color:hsla(0,0%,100%,.8);border:1px solid rgba(148,207,38,.2)}.legalButton{color:#ff9800!important;border:none!important;border-radius:0!important;font-weight:700!important;font-family:sinkin_sans200_x_light,sans-serif!important;font-size:.85rem!important;box-shadow:none!important;padding:0!important;min-width:unset!important;height:auto!important;display:inline-flex!important;align-items:center!important;gap:6px;text-decoration:none!important;transition:color .2s}.legalButton,.legalButton:hover{background:transparent!important}.legalButton:hover{color:#fb8c00!important;text-decoration:underline!important}.legalPopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;background-color:rgba(51,51,51,.95);border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.5);z-index:1100;padding:20px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,195,177,.3);overflow:hidden;animation:fadeIn .3s ease-in-out}body[data-theme=light] .legalPopup{background-color:hsla(0,0%,94%,.95);color:#333;border:1px solid rgba(0,195,177,.3)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.legalTitle{font-size:1.1rem;font-weight:700;margin-bottom:15px;color:#e6e6e6;text-align:center}body[data-theme=light] .legalTitle{color:#444}.legalContent{font-size:.9rem;line-height:1.5;margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:10px}.legalContent ol{padding-left:20px;margin-top:10px}.legalContent li{margin-bottom:15px}.closeButton{position:absolute;top:10px;right:10px;width:25px;height:25px;border-radius:50%;background-color:transparent;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}body[data-theme=light] .closeButton{color:#333}.closeButton:hover{background-color:hsla(0,0%,100%,.1)}body[data-theme=light] .closeButton:hover{background-color:rgba(0,0,0,.1)}.legalPopup:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#08b0a7,#a3c74c,#f49a45)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1090;animation:fadeIn .2s ease-in-out}body[data-theme=light] .overlay{background-color:rgba(0,0,0,.2)}.adminButton{position:fixed;top:20px;right:170px;background-color:#ff9800!important;color:#fff!important;border-radius:20px!important;font-weight:700!important;font-family:sinkin_sans200_x_light,sans-serif!important;font-size:.85rem!important;box-shadow:0 2px 8px rgba(0,0,0,.08);border:none!important;padding:0 18px!important;min-width:80px!important;height:40px!important;display:flex!important;align-items:center!important;gap:6px;transition:background .2s;cursor:pointer;z-index:1000}.adminButton:hover{background-color:#fb8c00!important}.adminButton svg{width:18px;height:18px;fill:#fff}.miComponente{background:var(--bg-primary)}@media (max-width:768px){.AnimatedSVG,.mapContainer img{transform:scale(.8)}.animatedDots{left:10%}.mainTitle{left:14%}.categoryText.indigena span{white-space:pre-line;word-break:break-word;display:inline-block;text-align:right}}@media (max-width:480px){.mainTitle h1,.mainTitle span{font-size:1.43rem;margin-left:20px}.categoryText{font-size:.77rem}.categoryText.indigena span{white-space:pre-line;word-break:break-word;display:inline-block;text-align:right}.mapContainer img{transform:scale(.5)}.holographicShapes{position:absolute;transform:scale(.63);top:auto!important;left:auto!important;width:auto!important;height:auto!important}}