*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{background-color:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;cursor:pointer;border:0;outline:0}@media (max-width: 1200px){.container{padding-left:5%;padding-right:5%}.btn{padding:14px 22px}}nav{width:100%;color:#fff;padding:4px 0;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{width:70px}nav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:18px}.dark-nav{background-color:#29a021;transition:.5s}.btn-lang{background-color:transparent;border:2px solid #fff;color:#fff;padding:5px 12px;margin:0 5px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease-in-out}.btn-lang.es,.btn-lang.en{background-color:#fff;color:#29a021}.show-lang-buttons{display:flex;position:fixed;top:650px;right:40px;opacity:1;visibility:visible;transition:right .5s ease,opacity .5s ease,visibility .5s ease}@media (max-width: 1000px){.logo{width:50px}nav ul li{margin:10px 15px}}.menu-icon{display:none}@media (max-width: 1353px){nav{padding:15px 0}nav ul{position:fixed;top:0;right:0;bottom:0;background-color:#29a021;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px}.menu-icon{display:block;width:30px;cursor:pointer}.hide-lang-buttons{position:fixed;top:550px;right:-200px;opacity:0;visibility:hidden;transition:right .5s ease,opacity .5s ease,visibility .5s ease}.hide-mobile-menu{right:-200px}}.hero{width:100%;min-height:100vh;background-image:linear-gradient(#003214b3,#003214b3),url(/assets/research-CLSsMACa.webp);background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:800px}.hero-text h1{font-size:65px;font-weight:600}.hero-text p{font-size:20px;max-width:700px;margin:10px auto;line-height:1.4}.hero-button{padding:15px 30px;font-size:18px;color:#fff;background-color:#28a745;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 4px 6px #0000001a}.hero-button:hover{background-color:#218838;transform:translateY(-3px)}.hero-button:active{transform:translateY(0)}@media (max-width: 850px){.hero-text h1{font-size:40px}}@media (max-width: 850px){.hero-text h1{font-size:40px;max-width:400px;margin:auto}.hero-text p{font-size:16px;margin:15px auto 30px}}.modal-overlay{position:fixed;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:10px;width:50%;height:auto;text-align:center;box-shadow:0 5px 15px #0000004d;position:relative}.modal-content h2{margin-top:0}.modal-content button{margin-top:20px;padding:10px 20px;background:#218838;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal-content button:hover{background:#218838}.programs{margin:80px auto;width:90%;text-align:center}.text{margin-bottom:80px}.text p{font-size:16px}.programs-container{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center}.program{position:relative;align-items:center;justify-content:space-between;flex-direction:column}.program img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.caption{text-align:center;border-radius:10px;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00321466;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;cursor:pointer;opacity:0;padding-top:70%;transition:.4s;font-size:16px}.caption h3{margin-bottom:10px;font-size:22px}.program:hover .caption{opacity:1;padding-top:0}.caption-button{margin-top:10px;padding:8px 16px;border:none;border-radius:5px;background-color:#28a745;color:#fff;cursor:pointer;transition:background-color .3s ease;font-size:14px}.caption-button:hover{background-color:#218838}@media (max-width: 1024px){.programs-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.programs-container{grid-template-columns:repeat(1,1fr);justify-items:center}.program{width:400px;height:350px}.programs{margin-top:0}}@media (max-width: 508px){.programs-container{grid-template-columns:repeat(1,1fr);justify-items:center}.program{width:300px;height:300px}.programs{margin-top:0}}.title{text-align:center;font-size:15px;font-weight:600;margin:70px 0 30px;align-items:center}.title h2{font-size:32px;color:#000f38}.title h3{font-weight:600;font-size:16px;text-transform:capitalize;color:#29a021}@media (max-width: 800px){.title{flex-basis:100%}}.about-container{display:flex;width:100%;height:700px;padding-top:50px}.left-column{flex:1;align-items:center;position:relative}.left-column img{width:310px;height:auto;border-radius:20px;object-fit:contain;position:absolute}.left-column .column-image{top:10px;left:0}.left-column .column-image:last-child{top:100px;left:340px}.left-column .circle-img:first-child{content:" ";border:1px solid #29a021;width:180px;height:180px;border-radius:100px;position:absolute;top:-60px;left:200px;z-index:-10}.left-column .circle-img{content:" ";border:1px solid #29a021;width:180px;height:180px;border-radius:100px;position:absolute;bottom:60px;left:260px;z-index:-10}.right-column{flex:1;text-align:center;padding:20px;position:relative}.right-column .decorative-circles{position:absolute;top:0;right:0;width:200px;height:100%;pointer-events:none;z-index:1;content:" "}.circle{position:absolute;width:40px;height:40px;border-radius:50%;background-color:#29a0213e}.circle:nth-child(1){top:0;right:0}.circle:nth-child(2){top:40px;right:40px}.circle:nth-child(3){top:80px;right:80px}.circle:nth-child(4){top:80px;right:0}.circle:nth-child(5){top:120px;right:40px}.circle:nth-child(6){top:160px;right:80px}.right-column h2{font-size:54px;font-weight:600;margin-bottom:24px;color:#141414}.right-column .title-block{display:block;font-size:42px}.right-column p{font-size:18px;line-height:1.6;color:#313131;max-width:800px;margin-bottom:50px;text-align:justify}.right-column #subtitle-text{display:block;font-size:24px;margin:20px 20px 20px 0;text-align:center}.right-column .props-list{display:flex;justify-content:center;gap:30px}.right-column .prop{display:flex;align-items:center;gap:10px;position:relative;font-size:18px}.right-column .prop .circle{background-color:#29a02132;border-radius:100px;position:absolute;width:50px;height:50px;left:-20px;top:-10px;z-index:-10}.right-column .prop img{max-width:50px}.left-column .column-image{transition:transform .3s ease,filter .3s ease}.left-column .column-image:hover{transform:scale(1.1);filter:brightness(1.1)}#separador{border:1px solid rgba(169,169,169,.415);margin-top:30px}#btn-right-column{margin-top:40px;padding:15px 30px;border-radius:100px;background-color:#29a021;border:0px;color:#fff;font-size:16px}#btn-right-column:hover{background-color:#186713dd;cursor:pointer}@media (max-width: 1700px){.about-container{height:auto;margin-bottom:50px}.left-column .column-image{width:290px;top:0;left:0}.left-column .column-image:last-child{top:300px;left:250px}.left-column .circle-img:first-child{top:-60px;left:170px}.left-column .circle-img{top:570px;left:190px}.right-column{padding:15px}.right-column h2{font-size:36px}.right-column .title-block{font-size:42px}.right-column p{font-size:17px;word-wrap:break-word}.right-column .props-list{flex-direction:column;gap:20px}.right-column .prop{gap:15px}#btn-right-column{width:200px;font-size:18px;padding:12px 0}}@media (max-width: 1450px){.about-container{height:auto;margin-bottom:50px;padding-top:0}.left-column img{width:250px}.left-column .column-image:last-child{top:280px;left:150px}.left-column .circle-img:first-child{top:-70px;left:170px;z-index:-10}.left-column .circle-img{top:560px;left:80px}.right-column{padding:15px}.right-column h2{font-size:36px}.right-column .title-block{font-size:30px}.right-column p{font-size:16px}.right-column #subtitle-text{font-size:22px}.right-column .props-list{flex-direction:column;gap:35px}.right-column .prop{gap:5px}.right-column .prop .circle{height:40px;width:40px}.right-column .prop .prop-text{gap:5px;font-size:18px}.right-column .icon-prop-list{width:40px}#btn-right-column{width:200px;font-size:18px;padding:12px 0}}@media (max-width: 1100px){.left-column{display:none}.left-column img{width:200px}.right-column h2{font-size:30px}.right-column .title-block{font-size:26px}.right-column p{font-size:14px}.right-column .props-list{gap:30px}.right-column .prop{gap:10px}.right-column .prop .props-text{font-size:20px}#btn-right-column{width:200px;font-size:16px;padding:12px}}@media (max-width: 480px){.about-container{padding-top:20px}.left-column img{width:180px}.right-column h2{font-size:26px}.right-column .title-block{font-size:22px}.right-column p{font-size:12px}.right-column .props-list{flex-direction:column;gap:15px}.right-column .prop{gap:5px}#btn-right-column{width:200px;font-size:14px;padding:10px}}.modal-participants-overlay{position:fixed;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-participants-content{background-color:#fff;border-radius:15px;padding:30px;width:90%;max-height:80vh;max-width:500px;overflow:hidden;position:relative;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column}.modal-participants-scroll-area{overflow-y:auto;flex-grow:1;padding-right:10px}.modal-participants-scroll-area::-webkit-scrollbar{width:8px}.modal-participants-scroll-area::-webkit-scrollbar-thumb{background-color:#29a02180;border-radius:10px}.modal-participants-close{position:absolute;top:26px;right:26px;font-size:32px;background:none;border:none;color:#29a02180;cursor:pointer;transition:color .2s ease-in-out}.modal-participants-close:hover{color:#333}.modal-participants-content h3{font-size:24px;margin-bottom:20px;color:#141414;text-align:center}.names-list{list-style:none;padding:0;margin:0}.names-list li{font-size:16px;padding:10px 0;border-bottom:1px solid #eee;color:#333;text-align:center}.names-list li:last-child{border-bottom:none}.names-list li:first-child{border-top:2px solid #29a021}.divParticipants{border:2px solid #29a021,;border-radius:20px;margin-bottom:14px;text-align:center}.divParticipants h3{margin-top:10px;margin-bottom:2px;padding-bottom:5px;display:flex;align-items:center;justify-content:center}.participantsIcon{width:30px;height:30px;margin-right:10px}.testimonials{margin:25px auto;padding:0 4em;position:relative}.next-btn,.back-btn{position:absolute;top:50%;transform:translateY(-50%);padding:15px;width:70px;border-radius:50%;cursor:pointer}.next-btn{right:0}.back-btn{left:0}.slider{overflow:hidden}.slider ul{display:flex;width:300%;transition:.5s}.dot{list-style:none}#use-case-ul{display:flex;flex-direction:column;max-width:100%;list-style:disc;color:#29a021}.use-case-ul li{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px 0;font-size:larger}#use-case-ul span{flex:1;width:100%;font-size:16px;color:#000}.slider ul li{width:50%;padding:20px}.slide{box-shadow:0 0 20px #0000000d;padding:30px 40px;border-radius:10px;color:#000;line-height:1.4}.user-info{text-align:center;display:flex;align-items:center;margin-bottom:20px}.slide p{font-size:18px}.user-info h3{font-size:30px;margin:auto;color:#29a021}@media (max-width: 1200px){.next-btn,.back-btn{padding:10px;width:50px}.testimonials{padding:0 2em}.slider ul li{width:50%}.slide{padding:20px 30px}.user-info h3{font-size:24px}.slide p{font-size:16px}}@media (max-width: 800px){.testimonials{margin:25px auto;padding:0 1em;position:relative;display:flex;flex-direction:column;align-items:center}.slider{overflow:hidden;width:100%}.slider ul{display:flex;width:300%;transition:.5s}.slider ul li{width:100%;padding:20px}.slide{box-shadow:0 0 20px #0000000d;padding:15px 20px;border-radius:10px;color:#000;line-height:1.4}.user-info h3{font-size:20px}.slide p{font-size:16px}.buttons-container{display:flex;justify-content:center;gap:10px;margin-top:15px}.next-btn,.back-btn{position:relative;width:45px;padding:10px;border-radius:50%;cursor:pointer}}@media (max-width: 660px){.testimonials{padding:0 1em}.slide{padding:10px 15px}.slide:active{cursor:grabbing}.user-info h3{font-size:18px}.slide p{font-size:13px}#use-case-ul{display:none}}.footer{width:100%;padding:30px 0;background:linear-gradient(to right,#21a029,#1a7e2b,#0d4516);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.2);position:relative;bottom:0;left:0;overflow-x:hidden}.footer-content{display:flex;flex-direction:column;align-items:center}ul{list-style:none}.example-2{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:5px}.example-2 .icon-content{margin:0 10px;position:relative;padding:.5rem}.example-2 .icon-content .tooltip{text-align:center;position:absolute;top:100%;left:0;right:0;transform:translateY(50%);color:#fff;padding:6px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-40px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#4d4d4d;background-color:#fff;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px #0000001f}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=tiktok] .filled,.example-2 .icon-content a[data-social=tiktok]~.tooltip{background:linear-gradient(45deg,#69c9d0,#45a7e6,#ee1d52,#ff006b)}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.example-2 .icon-content a[data-social=x] .filled,.example-2 .icon-content a[data-social=x]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=facebook] .filled,.example-2 .icon-content a[data-social=facebook]~.tooltip{background-color:#0274b3}.copyright{font-size:16px;text-align:center;font-family:Roboto,sans-serif;color:#fffc}@media (max-width: 700px){.example-2 .icon-content .tooltip{display:none}.example-2 .icon-content a{width:45px;height:45px}}.video-player{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center}.video-player video{width:90%;max-width:900px;height:auto;border:4px solid #fff}.video-player.hide{display:none}.collaborators-section{padding:4rem 0;text-align:center}.collaborators-section h2{font-size:2.5rem;color:#333;margin-bottom:2rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.collaborators-container{display:flex;justify-content:center;align-items:center;gap:10rem;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 1rem}.collaborator-logo{width:200px;height:200px;object-fit:contain;transition:transform .3s ease,filter .3s ease;border-radius:15px}.collaborator-logo:hover{transform:scale(1.1);filter:brightness(1.1)}@media (max-width: 768px){.collaborators-container{gap:5rem}.collaborator-logo{width:120px;height:120px}}@media (max-width: 480px){.collaborators-container{gap:1.5rem}.collaborator-logo{width:100px;height:100px}}.about{margin:100px auto;display:flex;align-items:center;justify-content:space-between;width:90%}.about-left{flex-basis:40%;position:relative}.about-right{flex-basis:56%}.about-img{width:100%;border-radius:10px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.about h3{font-weight:600;font-size:16px;color:#29a021}.about h2{font-size:32px;color:#000f38;margin:10px 0;max-width:400px}.about p{color:#676767;margin-bottom:15px}@media (max-width: 800px){.about{flex-direction:column}.about-left{flex-basis:100%;margin:20px;order:2}.about-right{flex-basis:100%}}.sensores{width:100%;min-height:100dvh;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.sensores_container{display:flex;flex-direction:row;justify-content:space-between;gap:20px;min-width:80%;margin:0 auto}.sensor-agua,.sensor-luz{flex:1;background-color:#f5f5f5;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.sensor-agua h2,.sensor-luz h2{text-align:center;font-size:24px;color:#333;margin-bottom:15px}.sensor-agua canvas,.sensor-luz canvas{width:100%!important;height:auto!important}.sensor-temp-hum{display:flex;justify-content:center;gap:20px;margin-top:30px}.sensor-temp-hum p{background-color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:18px;position:relative;flex:1;max-width:300px;text-align:center}.sensor-temp-hum p:first-child{border-top:3px solid #ff5252}.sensor-temp-hum p:nth-child(2){border-top:3px solid #4285f4}.sensor-temp-hum p:last-child{border-top:3px solid #000000}@media (max-width: 768px){.sensores_container{flex-direction:column}.sensor-temp-hum{flex-direction:column;align-items:center}.sensor-temp-hum p{width:100%}}