@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;border:0;margin:0;padding:0}:before,:after{box-sizing:border-box}ul{list-style:none}button{cursor:pointer;border-radius:4px;width:fit-content;padding:12px 30px 14px}a{text-decoration:none}main,footer>div,header{max-width:1350px;margin:auto}.grayscale{-webkit-filter:grayscale()}.grayscale:hover{-webkit-filter:grayscale(0);transition:all 1.5s}.font-36px{font:700 36px Poppins,sans-serif}.font-27px{font:700 27px Poppins,sans-serif}.font-22px{font:500 27px Poppins,sans-serif}.font-17px{font:17.5px Poppins,sans-serif}.font-16px{font:500 16px Poppins,sans-serif}.font-13px{font:13px Poppins,sans-serif}.font-11px{font:11px Poppins,sans-serif}.underline-black__half{color:#000;text-decoration:none;transition:all .35s;position:relative}.underline-black__half:before{content:"";background-color:#000;width:50%;height:3px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0}.underline-black__half:hover:before{width:100%}.underline-black{color:#000;transition:all .35s;position:relative;left:0}.underline-black:before{content:"";visibility:hidden;background-color:#000;width:5%;height:3px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0}.underline-black:hover:before{visibility:visible;width:100%}.underline-white{color:#fff;text-shadow:2px 3px 2px #000;transition:all .35s;position:relative;left:0}.underline-white:before{content:"";visibility:hidden;background-color:#fff;width:5%;height:3px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0}.underline-white:hover:before{visibility:visible;width:100%}.background>img{object-fit:initial;width:100vw;height:45vh}header{justify-content:space-between;align-items:center;height:10vh;margin-left:auto;margin-right:auto;padding:15px 5vw 0;display:flex;position:absolute;top:0;left:0;right:0}header>nav{gap:15px;width:100%;display:flex}header>nav>a{margin-right:auto}header>nav a{color:#fff;text-shadow:2px 3px 2px #000;align-items:center;display:flex}header>nav button{color:#fff;background-color:#0000;border:2px solid #fff}header>nav button:hover{color:#fff;background-color:#325ce8;border:2px solid #325ce8;transition:all .3s}.dropdown{gap:30px;display:flex;position:relative}.dropdown-content{gap:20px;display:flex}header>nav>div>img{display:none}.home{max-width:1250px;margin:auto}.home>div{color:#fff;background-color:#325ce8;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:90vw;min-height:135px;padding:21px 42px;display:flex;position:relative;top:-45px;left:50%;transform:translate(-50%)}.home-button-list{flex-direction:row;gap:10px;display:flex}.home-button-list button{min-width:165px;padding:10px}.home button{color:#325ce8;background-color:#fff;transition:all .4s;position:relative}.home button:hover{background-color:#0ad2ba}.home button:hover a{color:#fff}.home button>a{color:#325ce8;display:block}.home-dropdown-content{display:none}.home-dropdown{justify-content:center;position:relative}.home-dropdown:hover .home-dropdown-content{z-index:10;flex-direction:column;padding-bottom:20px;display:flex}.home-dropdown-content{z-index:1;background:linear-gradient(#1c0bb3b3,#1115fccc);border-radius:5px;gap:6px;width:100%;padding:2px;transition:all .3s ease-in;display:none;position:absolute;top:45px;left:0;box-shadow:0 8px 16px #0003}.home-dropdown-content a{color:#fff;padding:5px 10px}dialog{background:linear-gradient(#0006,#00000080);width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.dialog-container{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:18px;width:80%;max-width:380px;margin-top:20vh;padding:40px;display:flex;position:relative;left:50%;transform:translate(-50%)}.modal-header{justify-content:space-between;width:100%;display:flex}.modal-header button{height:fit-content;padding:2px 6px;position:absolute;top:10px;right:10px}.dialog-container select{min-width:170px}.dialog-container button{color:#fff;background-color:#325ce8;justify-content:center;align-items:center;display:flex}.dialog-container button>a{color:#fff;font-size:20px;display:block}.modal-button-div{justify-content:center;gap:25px;width:100%;margin-top:10px;display:flex}.modal-button-div button{padding:4px 10px}.modal-card{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:20px;margin-bottom:20px;display:flex;overflow:auto}.modal-card span{cursor:pointer;border:2px solid #000;width:200px;height:100px}.modal-table{border-collapse:collapse;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;width:100%}.modal-table th,.modal-table td{text-align:left;padding:4px}.modal-table th{background-color:#f2f2f2}.modal-table tr:nth-child(2n){background-color:#f9f9f9}.modal-table tr:hover{background-color:#0408fa1f}.modal-link-column{width:110px}dialog:not(:target):not([open]){display:none}.cards>ul,.cards>ul>li,.card-icon{justify-content:center;align-items:center;display:flex}.cards>ul{flex-wrap:wrap;gap:30px;margin-bottom:50px}.cards>ul>li{flex-direction:column;gap:20px;width:330px;height:350px;padding:60px 50px;box-shadow:0 0 11px 12px #0000000d}.card-icon{width:95px;height:75px;box-shadow:0 0 11px 12px #0000000d}.card-body{flex-direction:row;justify-content:space-between;width:100%;display:flex}.column-right{text-align:right}.charts ul{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:50px;display:flex}.charts>ul>li{width:450px;overflow-x:auto}footer{color:#fff;background-color:#1d1b1b}footer>div{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:64px 48px;display:flex}footer>div>div{flex-direction:column;gap:10px;min-width:200px;max-width:310px;display:flex}footer>div>div>div{align-items:center;gap:10px;display:flex}footer>div>div>div img{width:15px;height:15px}footer>div>:nth-child(2),footer>div>:nth-child(3){padding-left:40px}footer li{padding:10px 0;list-style:outside}.sobre-nos>button{color:#fff;background-color:#325ce8}.sobre-nos>button:hover{background-color:#0ad2ba;transition:all .3s}.signUp{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.signUp>form{border-radius:5px;flex-direction:column;align-items:center;gap:20px;width:min(400px,75dvw);height:250px;padding:40px 15px 0;display:flex;box-shadow:-2px 2px 6px 1px #00000040}.register>form{width:min(900px,75dvw);height:850px}.signUp input,.signUp select,.signUp option,.tab-content input,.tab-content select,.tab-content option{background-color:#325ce830;border:1px solid #325ce850;border-radius:5px;width:min(250px,68dvw);height:40px;padding:0 10px}.signUp>form p{justify-content:space-around;align-items:center;width:100%;display:flex}.register>form p>span{padding-left:7px}.register>form p{grid-template-columns:1fr auto 2fr;display:grid}.tab-content button,.signUp button{color:#fff;background-color:#325ce8;margin-top:auto;margin-bottom:20px;transition:all .4s}.tab-content button>span,.signUp button>span{position:relative}.tab-content button>span:before,.signUp button>span:before{content:"";visibility:hidden;background-color:#fff;width:5%;height:3px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0}.tab-content button>span:hover:before,.signUp button>span:hover:before{visibility:visible;width:100%}.tab-content button:hover,.signUp button:hover{background-color:#0ad2ba}.account{width:1250px;max-width:90vw;min-height:500px;margin:auto;overflow-x:auto}.account .nav-tabs{display:flex}.account .nav-tabs li{cursor:pointer;border-top:2px solid #0000;border-left:2px solid #0000;border-right:2px solid #0000;border-radius:5px 5px 0 0;padding:10px 20px}.account .nav-tabs li.active{border:2px solid #325ce830;border-bottom-color:#fff;position:relative}.account .nav-tabs li.active:after{content:"";z-index:10;background-color:#fff;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.account .tab-content>div{border:2px solid #325ce850;border-radius:5px;flex-direction:column;gap:10px;margin-bottom:30px;padding:20px;display:none}.account #sensors,.account #things{padding:0}.account .tab-content div.active{display:flex}#things form,#profile form{flex-direction:column;gap:7px;display:flex}#things form p,#profile form p{grid-template-columns:120px 260px 300px;align-items:center;display:grid}#things form>button,#profile form>button{min-width:129px;margin-left:auto;margin-right:clamp(0px,10.215vw - 65.892px,76px)}.account form p{margin-top:20px;margin-left:20px}.account table th{padding:10px 0;font:500 16px Poppins,sans-serif}.account table th>button{margin-bottom:0}.account table td{padding:10px 0;font:16px Poppins,sans-serif}.account table{border-collapse:collapse;width:100%}.account table tr:nth-child(2n){background-color:#325ce830}@media screen and (width<=1300px){.background>img{object-fit:cover}}@media screen and (width<=960px){header{background:linear-gradient(#0006,#00000080);flex-direction:column;justify-content:center;height:fit-content;padding-bottom:20px}header>nav>a{margin-bottom:45px;left:0}header>nav{flex-direction:column;align-items:center}header>nav>a{margin-right:0}}@media screen and (width<=552px){.home-button-list{align-items:center;width:100%}.home-button-list button{text-align:center;width:70vw}}@media screen and (width<=584px){.home>div>h1{margin:auto}}@media screen and (width<=500px){.home>div{flex-direction:column;justify-content:center;gap:10px;padding:21px 10px;display:flex}.dialog-container button>h5{font-size:18px}.home>div>button,.home-dropdown>button{text-align:center;width:70vw}.dropdown-content{display:none}.dropdown{justify-content:center;width:100vw;position:relative;top:-67px;left:20px}.dropdown img{cursor:pointer;width:40px;height:40px;display:block;position:absolute;bottom:0;left:0}.dropdown:hover .dropdown-content{z-index:10;flex-direction:column;padding-bottom:20px;display:block}.dropdown-content{z-index:1;background:linear-gradient(#000000b3,#000c);border-radius:5px;gap:26px;padding:2px;transition:all .3s ease-in;display:none;position:absolute;top:0;left:0;box-shadow:0 8px 16px #0003}.dropdown-content a{padding:10px 25px}.signUp>form p{flex-direction:column;justify-content:start;align-items:start}.signUp>form{gap:5px;height:250px;padding:20px 10px 0 15px}.signUp input{width:100%}}@media screen and (width<=640px){footer>div{flex-direction:column;align-items:center;padding:64px 10px}footer>div>div{align-items:center;margin-bottom:20px}footer>div>:nth-child(2),footer>div>:nth-child(3){padding-left:0}footer>div>:nth-child(4){align-items:baseline}.sobre-nos>p{text-align:center}.register>form p{flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex}.register>form p>span{padding-left:7px}.register>form{gap:5px;height:auto;padding:20px 10px 0 15px}.register input,.register select,.register option,.tab-content input,.tab-content select,.tab-content option{width:100%}}