.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{background-image:url(https://wallpapers.com/images/hd/clouds-sunset-aesthetic-84gi0i3e2g2fas4b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background:linear-gradient(50deg,#70a6d2,#fff);height:100%}body,html{margin:0;overflow-x:hidden;padding:0}.search-bar{margin:2rem 8rem}.App{-webkit-animation:fadeIn 1.4s ease-in-out;animation:fadeIn 1.4s ease-in-out;display:flex;min-height:240vh;transition:all .1s ease}.App.dark{background-image:url(https://images.unsplash.com/photo-1557683316-973673baf926?q=80&w=2029&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background:linear-gradient(-130deg,#20649d,#121838);color:#fff}.content{margin-left:9px;margin-right:10px;padding:1px;width:100%}input,select,textarea{background:hsla(0,0%,100%,.25);border:none;border-radius:12px;color:#fff;margin:10px 0;padding:12px 16px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.7)}input:focus,select:focus,textarea:focus{box-shadow:0 0 3px rgba(24,229,13,.6);outline:none}html{-webkit-text-size-adjust:100%}button{cursor:pointer}.cerrar-sesion{background-color:#ff4d4d;border-radius:30px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:14px;font-weight:700;margin-top:20px;overflow:hidden;padding:10px 20px;position:relative;text-align:center;transition:all .3s ease;width:200px}.cerrar-sesion:hover{background-color:#e60000;box-shadow:0 6px 10px rgba(0,0,0,.2)}.cerrar-sesion:focus{box-shadow:0 0 10px rgba(255,77,77,.6);outline:none}.cerrar-sesion:hover:before{background:hsla(0,0%,100%,.3);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(2);transform:scale(2);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.cerrar-sesion:hover{-webkit-animation:light-up .4s ease-in-out forwards;animation:light-up .4s ease-in-out forwards}.portada{-webkit-animation:fadeIn2 1.3s ease-in-out;animation:fadeIn2 1.3s ease-in-out;font-size:1rem;margin-bottom:-40px;margin-top:20px;text-align:center}.iniciar-registrar{margin-bottom:10px;margin-top:10px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-45px);transform:translateY(-45px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-45px);transform:translateY(-45px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn2{0%{opacity:0;-webkit-transform:translateY(45px);transform:translateY(45px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn2{0%{opacity:0;-webkit-transform:translateY(45px);transform:translateY(45px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes light-up{0%{box-shadow:0 0 10px rgba(255,77,77,.5),0 0 20px rgba(255,77,77,.3)}to{box-shadow:0 0 30px rgba(255,77,77,.9),0 0 40px rgba(255,77,77,.6)}}@keyframes light-up{0%{box-shadow:0 0 10px rgba(255,77,77,.5),0 0 20px rgba(255,77,77,.3)}to{box-shadow:0 0 30px rgba(255,77,77,.9),0 0 40px rgba(255,77,77,.6)}}@-webkit-keyframes textShadow{0%{text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px hsla(0,0%,100%,.8),0 0 30px rgba(0,0,0,.8)}to{text-shadow:0 0 5px hsla(0,0%,100%,.6),0 0 10px hsla(0,0%,100%,.6),0 0 15px rgba(0,0,0,.6)}}@keyframes textShadow{0%{text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px hsla(0,0%,100%,.8),0 0 30px rgba(0,0,0,.8)}to{text-shadow:0 0 5px hsla(0,0%,100%,.6),0 0 10px hsla(0,0%,100%,.6),0 0 15px rgba(0,0,0,.6)}}.loader-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.4);height:100vh;width:100vw}.loader-box{background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.3);padding:30px 40px;text-align:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:6px solid #ddd;border-radius:50%;border-top-color:#3fa349;height:60px;margin:0 auto 10px;width:60px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-box p{color:#333;font-size:1.1rem;font-weight:500;margin:0}@media screen and (max-width:1250px){.search-bar{margin:1rem 4rem}.title{font-size:2.5rem}}@media screen and (max-width:780px){.search-bar{margin:2rem}.title{font-size:3rem}}.weather-container{box-shadow:0 3px 30px rgba(0,0,0,.24)}.right{max-height:250px}.today{padding-top:10px}.weather-icon{height:70%;width:auto}.weather-card{padding:40px;transition:-webkit-transform 4.3s ease;transition:transform 4.3s ease;transition:transform 4.3s ease,-webkit-transform 4.3s ease}.weather-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.pulse-btn{left:50%;transition:all 1.5s ease}.popup-content{box-shadow:0 4px 8px rgba(0,0,0,.2);height:360px;max-width:400px;text-align:center}p{margin-bottom:30px}.cultivos-list{color:var(--text-color)}@media screen and (max-width:1700px){.weather-container{gap:5rem;margin:2rem 13rem}}@media screen and (max-width:780px){.weather-container{flex-direction:column;gap:1rem;height:100%;margin:2rem;padding:2rem}.center,.left,.right{width:90%}.weather-icon{height:auto;width:100%}.parameter-label,.parameter-value{font-size:1rem}.parameter-row{align-items:center;text-align:center}.pulse-btn{left:auto;margin-top:20px;position:relative;-webkit-transform:none;transform:none}.city{font-size:1.6rem}.city,.temp{margin-top:-20px}.center{margin-bottom:-60px;margin-top:-60px}.today{margin-top:-50px}.loading{align-items:center;margin-left:130px;margin-top:400px}}.weather-container{align-items:center;background-color:initial;border-radius:20px;box-shadow:0 3px 20px rgba(0,0,0,.24);display:flex;flex-wrap:wrap;gap:10rem;height:auto;justify-content:space-between;margin:2rem 20rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.weather-container:after,.weather-container:before{background:radial-gradient(circle,rgba(0,255,255,.8),transparent);content:"";height:2px;opacity:0;pointer-events:none;position:absolute;transition:opacity 1.3s ease;width:2px}.weather-container:before{border-top-left-radius:200px;left:0;top:0}.weather-container:after{border-bottom-right-radius:200px;bottom:0;right:0}.weather-container:hover:after,.weather-container:hover:before{box-shadow:0 0 200px 50px rgba(0,255,255,.5);opacity:1}.center,.left,.right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.right{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr;max-height:300px;overflow-y:auto;width:100%}@media screen and (min-width:992px){.right{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:340px}}.parameter-row{align-items:flex-start;display:flex;flex-direction:column;text-align:left;white-space:normal;width:100%}.parameter-label{font-weight:600;text-decoration:underline}.parameter-value{font-size:.95rem;font-weight:200}.city{font-size:2rem;font-weight:700;letter-spacing:.5px;line-height:1;margin-bottom:.7rem}.weather-desc{margin-top:-30px}.today{padding-top:50px}.temp{font-size:2rem;font-weight:600;letter-spacing:-2px}.weather-icon{height:220px;margin-bottom:20px;margin-top:20px;object-fit:contain;width:220px}.weather-card{background:transparent;border-radius:20px;cursor:auto;display:flex;flex-direction:column;justify-content:space-between;padding:30px;position:relative;text-align:center;-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform 1.7s ease;transition:transform 1.7s ease;transition:transform 1.7s ease,-webkit-transform 1.7s ease}.weather-card:hover{-webkit-transform:scale(1.06);transform:scale(1.06)}.pulse-btn{background-color:#ed9509;border:none;border-radius:0;border-radius:20px;bottom:10px;color:#fff;cursor:pointer;font-size:19px;left:50.4%;margin-bottom:5px;outline:none;padding:12px 25px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .7s ease}.pulse-btn:hover{box-shadow:0 0 70px #ce7808}.popup{align-items:center;background-color:hsla(0,0%,100%,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup-content{background:#fff;border-radius:10px;box-shadow:0 10px 18px 10px rgba(0,0,0,.2);font-weight:100;height:600px;max-width:650px;overflow:auto;padding:30px;text-align:start}.popup-content button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.popup-content button:hover{box-shadow:0 0 20px #ea0a3e;-webkit-transform:scale(1.01);transform:scale(1.01)}.popup.dark-background{background-color:rgba(41,46,55,.624)}.popup.light-background{background-color:hsla(0,0%,100%,.5)}.popup-dark{background:#34495e;color:#fff}.popup-light{background:#fff;color:#000}.location{font-size:1.1rem;margin-top:-5px}.cultivos-section{margin-top:10px;text-align:left;width:100%}.cultivos-list{font-size:.95rem;list-style-type:disc;margin:0;padding-left:15px}.alerta-principal-wrapper{display:flex;gap:1rem;justify-content:center}.loading{align-items:center;margin-left:700px;margin-top:400px}.loader-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{-webkit-animation:pulse 1.2s infinite;animation:pulse 1.2s infinite;background-color:#333;border-radius:10px;color:#fff;font-family:sans-serif;font-size:1.5rem;padding:20px 40px}.alerta-notificacion{align-items:center;-webkit-animation:parpadeo-rojo 1.2s infinite alternate;animation:parpadeo-rojo 1.2s infinite alternate;background:linear-gradient(90deg,#ffb347,#fc3);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.3);display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:18px 28px;position:relative;position:fixed;right:40px;top:40px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;z-index:1000}.alerta-cerrar,.alerta-notificacion{color:#b80000;cursor:pointer;-webkit-user-select:none;user-select:none}.alerta-cerrar{background:transparent;border:none;font-size:1.7rem;font-weight:700;line-height:1;padding:0;position:absolute;right:8px;top:4px;transition:color .2s}.alerta-texto{margin-right:14px}.alerta-cerrar:hover{color:#7a0000}.alerta-icono{-webkit-animation:campana-move 1.2s infinite alternate;animation:campana-move 1.2s infinite alternate;font-size:1.2em}@-webkit-keyframes parpadeo-rojo{0%{box-shadow:0 0 16px 2px #ffb347}to{box-shadow:0 0 32px 4px #fc3}}@-webkit-keyframes campana-move{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes campana-move{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@media (max-width:600px){.alerta-notificacion{box-shadow:0 4px 20px rgba(0,0,0,.3);font-size:1rem;left:8px;margin-top:20px;padding:12px 8px;right:8px;top:6px}}@keyframes parpadeo-rojo{0%,to{color:#f72808}50%{color:inherit}}@-webkit-keyframes pulse{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes glow-slide-popup{0%{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes glow-slide-popup{0%{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}}.popup-content.popup-dark{background:linear-gradient(120deg,#396167,#2a4376);border-radius:20px;box-shadow:0 3px 30px rgba(0,0,0,.5);overflow:hidden;overflow-y:auto;padding:2rem;position:relative}.popup-content.popup-light{background:linear-gradient(-120deg,#fff,#007ade);color:#333}.popup-content.popup-dark:before,.popup-content.popup-light:before{-webkit-animation:none;animation:none;background:linear-gradient(90deg,transparent,rgba(156,243,243,.7),transparent);content:"";height:6px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%}.popup-content.popup-dark:hover:before,.popup-content.popup-light:hover:before{-webkit-animation:glow-slide-popup 2.5s linear infinite;animation:glow-slide-popup 2.5s linear infinite;opacity:.9}@media screen and (max-width:1900px){.weather-container{gap:5rem;margin:2rem 13rem}}@media screen and (max-width:1500px){.weather-container{gap:5rem;margin:2rem 5rem}}@media screen and (max-width:1250px){.weather-container{gap:2rem;margin:2rem}}@media screen and (max-width:1700px) and (min-width:1250px){.weather-container{gap:2rem}}@media screen and (max-width:780px){.weather-container{flex-direction:column;gap:.8rem;height:100%;margin:1.2rem;padding:1.8rem}.center,.left,.right{width:95%}.weather-icon{height:100px;margin-bottom:50px;width:100px}.parameter-label,.parameter-value{font-size:18px}.parameter-row{text-align:center}.cultivos-list,.parameter-row{align-items:center;font-size:17px}.pulse-btn{left:auto;margin-top:15px;position:relative;-webkit-transform:none;transform:none}.city{font-size:1.6rem;margin-top:-16px;text-decoration:underline}.temp{margin-top:-27px}.center{margin-bottom:-45px}.center,.today{margin-top:-50px}.today{font-size:17px}.popup-content{height:460px;max-width:320px}.loading{align-items:center;margin-left:130px;margin-top:400px}.alerta-cerrar{right:12px;top:10px}}.forecast-container{margin:2rem 8rem}.forecast-container .title{font-size:1.2rem;font-weight:10}.panel{grid-gap:1rem;display:grid;grid-template-columns:repeat(7,1fr);width:100%}.daily-item{background-color:rgba(75,75,231,.137);border-radius:20px;cursor:pointer;justify-content:center;padding:3rem 0;width:100%}.daily-item,.daily-item .bottom,.daily-item .top{align-items:center;display:flex;flex-direction:column}.daily-item .top img{height:100%}.daily-item label{font-weight:600}.item-temp{opacity:.8}.daily-details-grid{display:grid;grid-template-columns:auto}.daily-details-item{align-items:center;display:flex;height:90px;justify-content:space-between;padding:0 1rem}.daily-details-item span{font-weight:500}.daily-details-item span:first-child{opacity:.6}@media screen and (max-width:1250px){.forecast-container{margin:2rem 4rem}.panel{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1000px){.panel{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:780px){.forecast-container{margin:2rem}.panel{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:600px){.panel{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:440px){.panel{grid-template-columns:repeat(1,1fr)}}.menu-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:initial;border-bottom-right-radius:12px;border-top-right-radius:12px;box-shadow:4px 0 20px rgba(0,0,0,.15);height:100%;left:-300px;overflow-y:auto;padding:24px 20px;position:fixed;top:0;transition:left .4s ease;width:250px;z-index:1000}.menu-container.open{left:0}.menu-container.dark{background:linear-gradient(-130deg,#2a81c9,#121838);color:#fff}.menu-container.light{background:linear-gradient(-40deg,#3198dd,#e3e6ee);color:#2c3e50}.menu-header{font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:32px;text-align:center}.menu-options{display:flex;flex-direction:column;gap:15px}.menu-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);color:inherit;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease}.menu-container.light .menu-item{background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 12px rgba(0,0,0,.05);color:#2c3e50}.menu-container.dark .menu-item{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.2);color:#ecf0f1}.menu-item:hover{-webkit-transform:translateX(1px);transform:translateX(1px)}.menu-container.dark .menu-item:hover{background:hsla(0,0%,100%,.12)}.menu-container.light .menu-item:hover{background:hsla(0,0%,100%,.6)}.menu-item svg{flex-shrink:0;opacity:.9}.icono-campana,.menu-item svg{fill:currentColor;height:20px;width:20px}.icono-campana{vertical-align:middle}.cerrar-sesion{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(231,76,60,.8);border:none;border-radius:9px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:12px;margin-top:-80px;padding:12px 22px;-webkit-transform:translateX(24px) translateY(200px);transform:translateX(24px) translateY(200px);transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}.cerrar-sesion:hover{background-color:rgba(192,57,43,.9)}.menu-toggle{background:none;border:none;border-radius:10%;cursor:pointer;font-size:30px;left:24px;padding:8px;position:fixed;top:24px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;z-index:200}.menu-toggle,.menu-toggle.light{color:#3498db}.menu-toggle.dark{color:#fff}.menu-toggle.open{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (max-width:768px){.menu-container{width:200px}.menu-toggle{font-size:35px;left:2px;top:33px}.cerrar-sesion{-webkit-transform:translateX(0) translateY(85px);transform:translateX(0) translateY(85px)}.menu-header{margin-bottom:-40px}}.check-container{margin:40px auto;max-width:600px}.accordion-item{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;overflow:hidden;transition:box-shadow .3s ease}.accordion-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.accordion-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .3s ease}.accordion-header:hover{background-color:#eee}.accordion-title{color:#333;font-weight:500}.checkbox-indicator{color:#777;font-size:1.2em;transition:color .3s ease}.accordion-header.completed{background-color:#9fe7b0;border-color:#00ff3c}.accordion-header.completed .checkbox-indicator{color:#155724}.accordion-content{background-color:#fff;max-height:0;overflow:auto;transition:height 9.3s ease-in-out,padding 9.3s ease-in-out}form button,form input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;display:block;margin:10px 0;padding:10px;transition:border-color .3s ease;width:100%}.boton-problema{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:10px;transition:background-color .3s ease;width:auto}.boton-problema:hover{background-color:#4a944a}form input:focus{border-color:#5cb85c;outline:none}form button{background-color:#5cb85c;transition:background-color .3s ease}form button:hover{background-color:#4cae4c}table{border-collapse:collapse;margin-bottom:15px;width:100%}table td,table th{border:1px solid #ddd;padding:12px;text-align:left}table th{background-color:#f2f2f2;font-weight:700}.summary{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.summary h2{color:#61d26d;margin-bottom:15px}.summary div{margin-bottom:8px}.finalize-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin-top:20px;padding:12px 20px;transition:background-color .3s ease;width:auto}.finalize-button:hover{background-color:#0056b3}.opciones{margin:1px 0 10px 20px;vertical-align:initial}label{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;line-height:.4;width:100%}.param-checkbox{height:auto;width:100%}.lista-parametros{margin-top:0}.lista-parametros p{margin-top:9px}.municipio-seleccionado p{margin-left:11px;margin-top:10px;text-decoration:underline}.cultivos-seleccionados{margin-top:-20px}.cultivos-seleccionados ul{margin-top:5px}.cultivos-seleccionados ul li{margin-top:-4px}.items{list-style-type:circle;margin-left:20px}.categoria{margin-top:10px}.titulo{font-size:30px;margin-bottom:20px;margin-left:175px;margin-top:20px;text-decoration:underline}.checkbox-label-añadir{align-items:center;cursor:pointer;display:flex;gap:1px;justify-content:space-between;padding:2px 0;width:100%}.checkbox-text-añadir{flex:1 1}.checkbox-input-añadir{cursor:pointer;height:16px;margin-left:8px;-webkit-transform:translateX(0);transform:translateX(0);width:16px}@media screen and (max-width:780px){.titulo{margin-left:20px;text-align:center}.opciones{margin-left:10px}label{align-items:flex-start;flex-direction:row}}.boton-problema-cultivo,.boton-problema-edit{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:10px;transition:background-color .3s ease;width:auto}.boton-problema-cultivo:hover{background-color:#388e3c;box-shadow:0 4px 16px rgba(44,90,107,.15)}.category{align-items:center;background-color:#f8f8f8;border-radius:5px;cursor:pointer;display:flex;justify-content:flex-start;margin-bottom:10px;padding:10px}.item{padding:5px 0}.ul{list-style-type:none;margin:0;padding:0}.municipio-list li.selected,.ul{background-color:#91eaa7}.municipio-list li:hover{background-color:#d0ddd446}input,select,textarea{font-size:17px}li{border-radius:10px;cursor:pointer;padding:8px}.toggle-all-btn{background-color:#191d1a;border:none;border-radius:4px;color:#030202;cursor:pointer;display:block;font-size:12px;margin-bottom:-20px;margin-left:auto;opacity:.7;padding:4px 3px;-webkit-transform:translateX(7px);transform:translateX(7px)}.toggle-all-btn:hover{background-color:#64abd1}input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:5px;padding:8px}.location-section{position:relative}.results-container{background-color:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:140px;overflow-y:auto;position:absolute;width:70%;z-index:1000}.params-section{margin-bottom:20px}.param-label{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:8px 0;width:100%}.param-text{flex:1 1}.param-checkbox{cursor:pointer;height:18px;margin-left:auto;-webkit-transform:translateX(-18px) translateY(23px);transform:translateX(-18px) translateY(23px);width:18px}.scroll-container{max-height:900px;overflow-y:auto;padding-right:10px}.terrain-section{margin-bottom:20px}label{display:block;font-size:16px;margin-bottom:5px}input[type=text],select{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}input[type=text]:focus,select:focus{border-color:#546955;outline:none}.clear-search-btn{background:transparent;border:none;color:red;cursor:pointer;font-size:.8em;margin-left:475px;margin-top:5px;opacity:.9;position:absolute}.clear-search-btn:hover{background-color:initial;color:red;opacity:.7}form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:10px;transition:background-color .3s,box-shadow .2s,-webkit-transform .2s;transition:background-color .3s,box-shadow .2s,transform .2s;transition:background-color .3s,box-shadow .2s,transform .2s,-webkit-transform .2s;width:auto}form button:hover{background-color:#388e3c;box-shadow:0 4px 16px rgba(44,90,107,.15)}.clear-search-btn:hover{opacity:.8}.search-container{align-items:center;display:flex;position:relative}.info-tooltip{display:inline-block;font-size:1.2rem}.tooltip-text{bottom:-165%;left:620%}@media screen and (max-width:780px){.toggle-all-btn{display:block;margin-left:auto;-webkit-transform:translateX(7px);transform:translateX(7px)}.clear-search-btn{margin-left:240px}}.editar-terreno{background-color:#d92828;margin:40px auto}.editar-terreno,.tituloEditar{-webkit-transform:translateY(20px);transform:translateY(20px)}.tituloEditar{margin:20px 5px 15px;text-align:center;text-decoration:underline}.delete-button{background-color:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;margin-bottom:5px;margin-top:10px;padding:8px 20px}.delete-button:hover{background-color:#b71c1c}.parametros-checkboxes{gap:10px}.checkbox-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px;-webkit-transform:translateY(15px);transform:translateY(15px);width:100%}.checkbox-text{font-size:14px}.checkbox-input{height:15px;margin-left:10px;-webkit-transform:none;transform:none;-webkit-transform:translateX(250px) translateY(-20px);transform:translateX(250px) translateY(-20px);width:15px}.alertas-section{margin-top:5px}.alertas-label input[type=checkbox],.param-label-edit input[type=checkbox],.principal-label input[type=checkbox]{margin-left:0;-webkit-transform:none;transform:none}.param-label-edit{gap:10px;margin-top:0}@media screen and (max-width:780px){.tituloEditar{margin:20px 5px 15px;text-decoration:underline}}.editar-terreno{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:10px auto;max-width:500px;padding:20px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.editar-terreno h2{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.editar-terreno label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.editar-terreno select{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 15px;transition:border-color .3s ease;width:100%}.editar-terreno select:focus{border-color:#007bff;outline:none}.editar-terreno .no-terrenos{color:#dc3545;font-size:14px;font-weight:600;text-align:center}@media (max-width:768px){.editar-terreno{margin:25px;padding:15px}.editar-terreno h2{font-size:20px}.editar-terreno select{font-size:14px}}.terreno-info{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-top:5px;padding:20px}.terreno-info h3{color:#333;margin-bottom:15px}.terreno-info p{color:#555;font-size:16px;margin-bottom:10px}.terreno-info pre{word-wrap:break-word;background-color:#f1f1f1;border-radius:8px;padding:15px;white-space:pre-wrap}.terreno-info strong{font-weight:600}.editar-terreno-form{padding-top:30px}.tituloAlertas{font-size:28px;margin:40px auto -20px;text-align:center;text-decoration:underline}.boton-guardar{background-color:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background-color .2s,-webkit-transform .1s;transition:background-color .2s,transform .1s;transition:background-color .2s,transform .1s,-webkit-transform .1s}.boton-guardar:hover{background-color:#45a049}.boton-guardar:disabled{background-color:#a5d6a7;cursor:not-allowed;opacity:.7}.delete-buttonn{background-color:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:140px;margin-top:20px;padding:8px 20px}.delete-buttonn:hover{background-color:#b71c1c}.seleccionar-otro{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin-bottom:10px;margin-top:-5px;padding:6px 20px}.parametros-checkboxes{display:flex;flex-direction:column;gap:1px;margin-top:10px}.parametros-section-info{margin-top:10px}.parametros-section{margin-top:40px}.dropdown,.seleccion{margin-top:10px}.cultivos-label{margin-top:40px}.alertas-section{margin-top:15px}.alertas-label{margin-top:-10px}.param-label-edit{gap:-100px;margin-top:-20px}.nombre-terreno-label{margin-top:15px}.alertas-label input[type=checkbox],.principal-label input[type=checkbox]{margin-left:120px;-webkit-transform:translateY(25px);transform:translateY(25px)}.button[type=submit]{margin-top:1000px}.param-label-edit input[type=checkbox]{-webkit-transform:translateY(25px);transform:translateY(25px)}.input[type=checkbox]{margin-left:1px;margin-top:10px}.guardar-alertas{background-color:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:148px;margin-top:30px;padding:10px 20px;transition:background-color .2s,-webkit-transform .1s;transition:background-color .2s,transform .1s;transition:background-color .2s,transform .1s,-webkit-transform .1s}.guardar-alertas:hover{background-color:#45a049}.guardar-alertas:disabled{background-color:#a5d6a7;cursor:not-allowed;opacity:.7}.label{white-space:nowrap}@media screen and (max-width:780px){.tituloEditar{margin:20px 5px 15px;text-decoration:underline}.delete-buttonn{margin-left:70px}.guardar-alertas{margin-left:60px}}.push-button{background:linear-gradient(135deg,#3b70f6,#8f90c2);border:none;border-radius:50px;box-shadow:0 8px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:700;gap:10px;margin-bottom:10px;overflow:visible;padding:8px 15px;position:relative;transition:all .3s ease}.contenedor-boton,.push-button{align-items:center;display:flex}.contenedor-boton{justify-content:center;width:100%}.tooltip{background-color:#222;border-radius:6px;bottom:125%;color:#fff;font-size:14px;left:50%;margin-bottom:-100px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:10}.push-button:hover .tooltip{opacity:1;visibility:visible}.push-button:hover{box-shadow:0 12px 20px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.icon-bell{-webkit-animation:ring 3.5s ease-in-out infinite;animation:ring 3.5s ease-in-out infinite;background-image:url(https://img.icons8.com/ios-filled/50/ffffff/appointment-reminders.png);background-size:cover;height:24px;-webkit-transform-origin:top center;transform-origin:top center;width:24px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}30%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}60%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}30%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}60%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.alertas-container{background-color:initial;border-radius:8px}.alertas-usuario{font-size:20px;text-align:center}.titulo-lista-alertas{color:#333;font-size:25px;font-weight:700;margin:40px 0 20px;text-align:center;text-decoration:underline;text-underline-offset:2nopx}.centrado{text-align:center}.loadingalertas{align-items:center;display:inline-block;margin-left:0;margin-top:180px}.alertas-table{border-collapse:collapse;border-radius:8px;margin-bottom:200px;margin-top:20px;overflow:hidden;width:100%}.alertas-table td,.alertas-table th{padding:12px 16px;text-align:left}.alertas-table th{background:linear-gradient(20deg,#2a81c9,#3255ad);color:#fff;font-size:14px;font-weight:600;text-transform:uppercase}.alertas-table td{background:linear-gradient(50deg,#e6f2fc,#fff);border-bottom:1px solid #f1f1f1;color:#271e1e;font-size:16px}.activa{background-color:#ffe5e5;color:#d9534f}.resuelta{background-color:#e5ffe5;color:#5bc0de}.error{color:#d9534f;font-weight:500}@media screen and (max-width:780px){.tituloAlertas{font-size:20px;margin:20px 10px}.alertas-table td,.alertas-table th{font-size:14px;padding:4px}.alertas-table th{padding-left:4px}.alertas-table td{border-bottom:1px solid #757373;padding-left:7px}}:root{--color-bg:#fff;--color-text:#000;--color-title:#2c3e50;--color-box-bg:#f9f9f9;--color-border:#ddd;--color-border-accent:#2196f3;--color-btn-bg:#2d7abd;--color-btn-hover:#15518a;--color-highlight:#0288d1;--color-subtext:#444;--color-muted:#999;--color-box-shadow:rgba(0,0,0,.1)}.dark{--color-bg:#2b2b2b;--color-text:#f0f0f0;--color-title:#fff;--color-box-bg:#3a3a3a;--color-border:#555;--color-border-accent:#64b5f6;--color-btn-bg:#27868e;--color-btn-hover:#119496;--color-highlight:#4fc3f7;--color-subtext:#ddd;--color-muted:#aaa;--color-box-shadow:rgba(0,0,0,.2)}.zona-riego,body{color:#000;color:var(--color-text)}.zona-riego,body{background-color:#fff;background-color:var(--color-bg)}.zona-riego{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--color-box-shadow);margin:1rem auto;max-width:700px;padding:1rem}.tituloRiego{color:#2c3e50;color:var(--color-title);font-size:28px;font-weight:700;margin-bottom:10px;text-align:center;text-decoration:underline;text-underline-offset:4px}.botones{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1.5rem 0}.textos-malos{line-height:1.5}.botones button{background-color:#2d7abd;background-color:var(--color-btn-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:140px;padding:.75rem 1rem;transition:background-color .3s ease,-webkit-transform .2s;transition:background-color .3s ease,transform .2s;transition:background-color .3s ease,transform .2s,-webkit-transform .2s}.botones button:hover{background-color:#15518a;background-color:var(--color-btn-hover);-webkit-transform:scale(1.03);transform:scale(1.03)}.acceso-restringido{background-color:#fff;background-color:var(--color-bg);color:#999}.datos-sensor,.estado-servo,.logs{background-color:#f9f9f9;background-color:var(--color-box-bg);border-left:4px solid #2196f3;border-left:4px solid var(--color-border-accent);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px var(--color-box-shadow);margin-top:1.5rem;padding:1rem 1.25rem}.datos-sensor h3,.estado-servo h3,.logs h3{color:#2c3e50;color:var(--color-title);margin-bottom:.75rem}.logs ul{color:#444;color:var(--color-subtext);font-size:.95rem;list-style:none;margin:0;padding:0}.logs li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding-bottom:.4rem}.config-auto-riego{background-color:#f9f9f9;background-color:var(--color-box-bg);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--color-box-shadow);margin-top:2rem;padding:1rem 1.25rem}.config-auto-riego label{color:#000;color:var(--color-text);display:block;font-weight:700;margin-bottom:.6rem}.configuracion-riego{align-items:center;display:flex;flex-wrap:wrap;gap:-2rem;margin-top:1rem}.configuracion-riego label{align-items:center;color:#000;color:var(--color-text);display:flex;gap:.5rem}.configuracion-riego input[type=checkbox],.configuracion-riego select{background-color:#fff;background-color:var(--color-bg);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:#000;color:var(--color-text);cursor:pointer;font-size:1rem;outline:none;padding:.4rem .6rem;transition:border-color .3s ease}.configuracion-riego select:focus,.configuracion-riego select:hover{border-color:#0288d1;border-color:var(--color-highlight)}.confirmar-btn{background-color:#2d7abd;background-color:var(--color-btn-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:100;margin-top:.5rem;padding:.6rem 1.2rem;transition:background-color .3s ease,-webkit-transform .2s;transition:background-color .3s ease,transform .2s;transition:background-color .3s ease,transform .2s,-webkit-transform .2s}.confirmar-btn:hover{background-color:#015f8b;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.checkbox-riego{align-items:center;color:#000;color:var(--color-text);display:flex;font-weight:700;gap:.5rem;margin-top:1rem}.alerta{-webkit-animation:fadeInOut 3s forwards;animation:fadeInOut 3s forwards;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;font-weight:700;left:50%;opacity:0;padding:12px 24px;position:fixed;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999}.alerta.success{background-color:#4caf50}.alerta.error{background-color:#f44336}@-webkit-keyframes fadeInOut{0%{opacity:0;-webkit-transform:translate(-50%,-20px);transform:translate(-50%,-20px)}10%,90%{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}to{opacity:0;-webkit-transform:translate(-50%,-20px);transform:translate(-50%,-20px)}}@keyframes fadeInOut{0%{opacity:0;-webkit-transform:translate(-50%,-20px);transform:translate(-50%,-20px)}10%,90%{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}to{opacity:0;-webkit-transform:translate(-50%,-20px);transform:translate(-50%,-20px)}}@media (max-width:600px){.botones{align-items:stretch;flex-direction:column}.botones button{width:100%}.configuracion-riego{align-items:flex-start;flex-direction:column}}.radar-panel{margin:2px auto 20px}.radar-panel .meta{gap:16px;margin-top:4px}.lock-desktop{display:block}.lock-mobile{display:none}.status2-container{background-color:#0a0a20;border:2px solid #fff;border-radius:15px;box-shadow:inset 0 0 25px #9ea794,0 0 50px #fff;color:#fff;font-family:Orbitron,sans-serif;left:85%;opacity:.85;opacity:.5;padding:40px;position:fixed;top:12%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:270px;z-index:1000}.status2-container:hover{box-shadow:inset 0 0 20px #fff,0 0 40px #d4ddca;-webkit-transform:translate(-50%,-50%) translateY(-2px);transform:translate(-50%,-50%) translateY(-2px)}.status-estado{font-size:1.1em;font-weight:700;margin-bottom:12px}.estado-armado{color:#4caf50;font-weight:700}.estado-desarmado{color:#f44336;font-weight:700}.status-ultima{font-size:.95em;line-height:1.3em;margin-bottom:8px}.status2-container p:last-child{margin-bottom:0}@media (max-width:768px){.radar-canvas{margin-top:20px}.radar-panel{margin-top:100px}.status-container{align-items:center;display:flex;flex-direction:column;margin-top:10px}.lock-desktop{display:none}.lock-mobile{align-items:center;display:flex;justify-content:center;margin-bottom:25px;margin-top:25px}.status2-container{background-color:#0a0a20;border:2px solid #fff;border-radius:15px;box-shadow:inset 0 0 25px #9ea794,0 0 50px #fff;color:#fff;font-family:Orbitron,sans-serif;left:50%;opacity:.85;opacity:.5;padding:40px;position:fixed;top:90%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:270px;z-index:1000}}.lock-button-container{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:-30px;margin-top:7px;position:relative}.lock-button{border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:15px;height:60px;overflow:hidden;position:relative;transition:background .4s ease,-webkit-transform .2s ease;transition:background .4s ease,transform .2s ease;transition:background .4s ease,transform .2s ease,-webkit-transform .2s ease;width:600px}.lock-button.locked{background:linear-gradient(90deg,#4caf50,#2e7d32);box-shadow:0 4px 50px #007800;width:600px}.lock-button.unlocked{background:linear-gradient(90deg,#f44336,#b71c1c);box-shadow:0 4px 50px #c80000;width:600px}.lock-button.locked:hover{background:linear-gradient(90deg,#66bb6a,#388e3c)}.lock-button.unlocked:hover{background:linear-gradient(90deg,#ef5350,#c62828)}.lock-button.animating{-webkit-transform:scale(.95);transform:scale(.95)}.lock-icon{height:30px;left:20px;top:55%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lock-body,.lock-icon{position:absolute;width:24px}.lock-body{background:#fff;border-radius:3px;bottom:0;height:18px}.lock-shackle{border:3px solid #fff;border-bottom:none;border-radius:10px 10px 0 0;height:14px;left:0;position:absolute;top:-5px;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:18px}.lock-shackle.open{-webkit-transform:rotate(-25deg) translateY(-3px);transform:rotate(-25deg) translateY(-3px)}.lock-shackle.closed{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lock-text{font-weight:700;letter-spacing:1px;margin-left:30px}.code-modal{align-items:center;background-color:rgba(10,10,20,.9);display:flex;font-family:Orbitron,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.code-modal-content{-webkit-animation:glowPulse 2s infinite alternate;animation:glowPulse 2s infinite alternate;background-color:#0a0a20;border:2px solid #fff;border-radius:20px;box-shadow:0 0 30px #7cfc00,inset 0 0 60px #7cfc00;color:#fff;padding:40px 30px;text-align:center;width:320px}.code-modal-content h3{color:#fff;letter-spacing:1px;margin-bottom:12px}.code-circles{display:flex;justify-content:center;margin-bottom:20px}.circle{background-color:initial;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #ccd9bf;height:20px;margin:10px;transition:background .2s,-webkit-transform .1s;transition:background .2s,transform .1s;transition:background .2s,transform .1s,-webkit-transform .1s;width:20px}.circle.filled{background:linear-gradient(50deg,#e7f8ff,#ced7da);-webkit-transform:scale(1.2);transform:scale(1.2)}.virtual-keyboard{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,60px);justify-content:center;margin-bottom:20px}.key{background-color:#111;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #1fa9dc;color:#fff;cursor:pointer;font-size:24px;height:60px;transition:all .2s ease;width:60px}.key:hover{background:linear-gradient(50deg,#fff,#bbe5f5);box-shadow:0 0 20px #136cb0,inset 0 0 5px #bbd2d3;color:#111}.key.clear{background-color:#f44336;color:#fff;grid-column:span 1;padding-left:11px;text-align:left}.modal-buttons button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:8px 20px}.modal-buttons button:first-child{background-color:#7cfc00;color:#111}.modal-buttons button:last-child{background-color:#f44336;color:#fff}.lock-status{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(15,15,53,.85);border:1px solid #fff;border-radius:5px;box-shadow:inset 0 0 6px #fff,0 0 30px hsla(0,0%,100%,.5);color:#fff;font-family:Orbitron,sans-serif;left:80%;margin:20px auto;opacity:.89;padding:10px 24px;position:fixed;text-align:center;top:2%;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:270px;z-index:9999}.lock-status:hover{box-shadow:inset 0 200px #bccdd9,0 0 100px hsla(0,0%,100%,.8);opacity:1;-webkit-transform:scale(1.02);transform:scale(1.02)}.lock-status-title{font-size:18px;font-weight:700;margin-bottom:7px;text-shadow:0 0 30px #f8faf7}.lock-status-armado{color:#4caf50;text-shadow:0 0 12px #4caf50}.lock-status-desarmado{color:#f44336;text-shadow:0 0 12px #f44336}.lock-status-info{font-size:14px;margin:5px 0;opacity:.6}@-webkit-keyframes glowPulse{0%{box-shadow:0 0 20px #17d8e2,inset 0 0 40px #7bd8cf}to{box-shadow:0 0 40px #2bcbce,inset 0 0 80px #146e9f}}@keyframes glowPulse{0%{box-shadow:0 0 20px #17d8e2,inset 0 0 40px #7bd8cf}to{box-shadow:0 0 40px #2bcbce,inset 0 0 80px #146e9f}}@media (max-width:768px){.lock-status{border-radius:10px;height:8%;left:12%;padding:15px;top:80%;width:70%}.lock-status-title{font-size:18px}.lock-status-info{font-size:13px}.lock-button-container{align-items:center;display:flex;height:20px;justify-content:center;margin-bottom:1px;margin-top:-2px;position:relative}.lock-button.unlocked{box-shadow:0 4px 50px #c80000;width:350px}.lock-button.locked{box-shadow:0 4px 50px #007800;width:350px}.lock-shackle{border:3px solid #fff;border-bottom:none;border-radius:10px 10px 0 0;height:10px;left:.3px;position:absolute;top:-4px;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:16px}.lock-body{height:15px;width:22px}.lock-button{font-size:15px;height:45px;width:160px}.lock-icon{height:25px;left:15px;width:20px}.lock-text{font-size:14px;margin-left:20px}.code-modal-content{padding:40px 30px;width:75%}.code-modal-content h3{font-size:19px;margin-bottom:15px}.circle{height:18px;margin:0 8px;width:18px}.virtual-keyboard{gap:10px;grid-template-columns:repeat(3,50px);margin-bottom:15px}.key{font-size:25px;height:50px;width:50px}.key.clear{font-size:20px;padding-left:10px}.modal-buttons button{font-size:15px;margin:10px 7px 7px;padding:12px 20px}}.radar-panel{border:1px solid #1f2a44;border-radius:12px;margin:12px auto 16px;padding:12px 16px}.radar-panel .panel-left{gap:2px}@media (max-width:768px){.radar-canvas{margin-top:20px}.radar-panel{margin-top:100px}.status-container{align-items:center;display:flex;flex-direction:column;margin-top:10px}}.radar-panel{align-items:center;background:#0f172a;border:2px solid #1f2a44;border-radius:20px;color:#e8eefc;display:flex;gap:12px;justify-content:space-between;margin:30px auto 16px;max-width:640px;padding:12px 20px}.radar-panel .title{font-size:18px;font-weight:700}.radi{margin-left:20px}.radar-panel .meta{display:flex;font-size:14px;gap:15px;margin-top:8px;opacity:.9}.dispo,.radi,.tss{margin-top:10px}.radar-panel .panel-left{display:flex;flex-direction:column;gap:5px}.radar-panel .panel-right{align-items:center;display:flex;gap:10px}.status-badge{border-radius:999px;color:#0b1220;font-size:13px;font-weight:700;padding:4px 10px}.latency{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.9}.radar-canvas{border:1px solid #1f2a44;border-radius:12px;box-shadow:0 2px 80px rgba(1,140,214,.7);display:block;margin:0 auto 24px}.latency{margin-left:6px}.acceso-restringido{background-color:initial;border-radius:12px;color:var(--color-muted);color:#333;font-family:Segoe UI,sans-serif;font-size:1.25rem;min-height:60vh;padding:2rem;text-align:center}.acceso-restringido,.contenedor-form{align-items:center;display:flex;justify-content:center;margin-top:40px}.contenedor-form{width:100%}.form-registro{background:linear-gradient(50deg,#2f5588,#0e6677);border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 60px rgba(0,100,100,.9);display:inline-block;min-width:300px;padding:38px 35px;text-align:left}.keloke{margin-top:20px}.form-registro h3{text-align:center}.form-registro,.form-registro h3{color:#fff;margin-bottom:15px}.campo{margin-bottom:12px}.campo label{display:block;font-weight:600;margin-bottom:4px}.campo input{border:1px solid #ccc;border-radius:5px;padding:8px;width:100%}.botones-form{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.btn-principal{background:linear-gradient(50deg,#457bc1,#119398);border:none;border-radius:60px;box-shadow:0 20px 20px rgba(0,0,0,.2);color:#efecec;cursor:pointer;font-size:18px;margin:0;padding:10px 38px;position:static;transition:background .6s}.btn-principal:hover{background:linear-gradient(50deg,#5b88c1,#119398);border:10px;border-color:#0b1220;color:#fff}.btn-principal2{background:linear-gradient(50deg,#457bc1,#119398);box-shadow:0 2px 20px rgba(0,0,0,.2);margin-top:70px}.btn-principal2,.btn-principal2:hover{border:40px;border-color:#0b1220;border-radius:60px;color:#fff;cursor:pointer;font-size:18px;padding:10px 18px;position:absolute;transition:background .6s;z-index:999}.btn-principal2:hover{background:linear-gradient(50deg,#5b88c1,#119398)}.btn-principal:disabled{cursor:not-allowed;opacity:.7}.btn-secundario{background-color:#e0e0e0;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 18px;transition:background .3s}.btn-secundario:hover{background-color:#ccc}.estado{font-weight:500}.estado,.mensaje-extra{margin-top:12px;text-align:center}.mensaje-extra{font-weight:300}.loader2{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}.mode-select-container{left:0;position:relative;top:-40px;z-index:.1}.mode-select{background:#363c33;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-weight:700;padding:6px 10px;position:absolute;right:0;top:-10px;transition:all .2s ease;width:140px}.mode-select:hover{background:#4f4d4d;border-color:#888}.mode-select:focus{border-color:#4caf50;box-shadow:0 0 5px rgba(76,175,80,.5);outline:none}.info-tooltip{cursor:pointer;font-size:1.5rem;position:relative;right:132px;top:-42px}.tooltip-text{background-color:#555;border-radius:5px;bottom:-1115%;color:#fff;font-size:.85rem;left:630%;opacity:0;padding:8px;position:absolute;text-align:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .5s;visibility:hidden;width:250px;z-index:1}.info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}@-webkit-keyframes spin2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.radar-canvas{margin-top:-4px}.radar-panel{margin-top:40px;max-width:352px}.status-container{align-items:center;display:flex;flex-direction:column;margin-left:-2px}.keloke{margin-top:60px}.tooltip-text{bottom:-915%;left:600%}.status-badge{border-radius:999px;color:#0b1220;font-size:13px;font-weight:700;padding:4px 5px}.dispo,.radi,.tss{margin-top:1px}}.landing-page{align-items:center;-webkit-animation:gradientAnimation 9s ease infinite;animation:gradientAnimation 9s ease infinite;background:linear-gradient(55deg,#3771bc,#355779,#1a2a3c,#020f1b);background-size:500% 300%;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .8s ease-out;z-index:9999}.landing-page.visible{opacity:1}.landing-page.hidden{opacity:0}.logo-container{-webkit-animation:fadeIn 3s ease-out forwards;animation:fadeIn 3s ease-out forwards;text-align:center}.logo{height:auto;margin-bottom:-30px;width:160px}.loading-text{color:#fff;font-family:Arial,sans-serif;font-size:18px}@-webkit-keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.logo{height:auto;margin-bottom:40px;width:160px}}