@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");:root{--sidebar-width:20vw;--navbar-height:10vh;--light-green:#2ecc71;--dark-green:#27ae60;--dark-blue:#2d404e;--red:#e74c3c;--default-icon-size:24px}body{margin:0;padding:0;background-color:white;font-family:Montserrat,sans-serif;position:relative}.h222{font-size:4.5em;font-weight:700;color:#ffffff;text-align:center;margin:6% 6% 2%}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255,255,255);backdrop-filter:blur(5px);z-index:-1}.container{font-family:Montserrat,Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.header{position:absolute;top:15px;left:10%;z-index:2;margin:0;justify-content:space-between;background-color:#cfcbcb53;color:#ffffff;padding:0 0 0 20px;border-radius:50px;border:1px solid #ffffff}.header,.header .logo-title{display:flex;align-items:center}.header .logo-title{font-size:5 rem}.header .logo-title img{margin-right:10px;height:50px}nav{margin-left:auto}nav ul{list-style:none;display:flex;gap:10px;margin:20px}nav a{color:white;text-decoration:none;font-size:1.3em}.intro{padding:20px;margin-top:80px}.intro,.intro2{display:flex;flex-direction:column;align-items:center}.intro2{padding:35px 20px 20px;background-color:#0F1F2C;width:85%;margin:30px auto 0}.intro3{display:flex;flex-direction:column;align-items:center;padding:20px;margin-top:80px}.intro-image{width:50%;margin-bottom:40px}.intro-text{padding:20px}.card{color:#4A4A4A;opacity:0;transform:translateY(20px) scale(.95);animation:fadeInUpScale 1s forwards;transition:transform .3s ease,box-shadow .3s ease}.card,.intro-imgtext{width:90%;display:flex}.intro-imgtext{flex-direction:row;align-items:start;gap:5%}.texto-int,.texto-int2{font-size:1.5rem;margin:0}.texto-int2{color:white}.card-title{font-size:3rem;font-weight:700;color:#016630;text-transform:uppercase;margin-bottom:-2.7%}.card-title2,.card-title3{font-size:3rem;font-weight:700;color:#34556D;text-transform:uppercase}.card-title3{text-align:end}.card-title33{font-size:3rem;text-align:end}.card-title33,.tittle-solucion{font-weight:700;color:#4fabec;text-transform:uppercase}.tittle-solucion{position:relative;font-size:2rem;text-align:center;margin-bottom:50px;margin-top:50px}.tittle-solucion2{position:absolute;top:100;font-size:2rem;font-weight:700;color:#1f4967;text-transform:uppercase;text-align:center;z-index:22}.card-title22{color:#7fffbb;margin-bottom:-2.7%}.card-title22,.card-title222{font-size:3rem;font-weight:700;text-transform:uppercase}.card-title222{color:#81c9fc}.card-content{text-align:justify}.card-content,.card-content3{flex:1;font-size:1.1em;line-height:1.6;color:#333}.card-content3{text-align:end}.card-content4{flex:1;font-size:1.1em;line-height:1.6;color:#333;text-align:center}.intro-image{flex:1;max-width:50%;height:auto;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.intro-image:hover{transform:scale(1.05)}.knowMore{display:flex;justify-content:center;align-items:center;margin-top:20px;color:#fff;background-color:#34556D;border-radius:0}.footer{width:100%;background:#34556D;min-height:100px;flex-direction:column;padding:10px 0;margin-top:150px}.footer,footer .menu,footer .social_icon{position:relative;display:flex;justify-content:center;align-items:center}footer .menu,footer .social_icon{margin:10px 0;flex-wrap:wrap}footer .menu li,footer .social_icon li{list-style:none}footer .social_icon li a{font-size:2em;color:#fff;margin:0 10px;display:inline-block;transition:.5s}footer .social_icon li a:hover{transform:translateY(-10px)}footer .menu li a{font-size:2em;color:#fff;margin:0 10px;display:inline-block;transition:.5s;text-decoration:none;opacity:.5}footer .menu li a:hover{opacity:1}footer p{color:#fff;text-align:center;margin-top:15px;margin-bottom:10px;font-size:1.1em}footer .wave{position:absolute;top:-100px;left:0;width:100%;height:100px;background:url(/images/wave.png);background-size:1000px 100px}footer .wave#wave1{z-index:1000;opacity:1;bottom:0;animation:animateWave 4s linear infinite}footer .wave#wave2{z-index:999;opacity:.5;bottom:10px;animation:animateWave_02 4s linear infinite}footer .wave#wave3{z-index:1000;opacity:.2;bottom:15px;animation:animateWave 3s linear infinite}footer .wave#wave4{z-index:999;opacity:.7;bottom:20px;animation:animateWave_02 3s linear infinite}@keyframes animateWave{0%{background-position-x:1000px}to{background-position-x:0}}@keyframes animateWave_02{0%{background-position-x:0}to{background-position-x:1000px}}.carousel{width:100%;height:700px;overflow:hidden;position:relative;margin:0 auto;background-color:black}.carousel-images{display:flex;transition:transform .5s ease-in-out;animation:slide 10s infinite}.carousel-image{min-width:100%;height:700px;min-height:100%;object-fit:cover;object-position:center}.carousel-buttons{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel-button{background-color:rgba(0,0,0,.5);border:none;color:white;padding:10px;cursor:pointer}.carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.carousel-indicator{width:10px;height:10px;background-color:rgba(255,255,255,.5);border-radius:10%;cursor:pointer}.carousel-indicator.active{background-color:rgba(255,255,255,1)}@keyframes slide{0%{transform:translateX(0)}33.33%{transform:translateX(0)}38.33%{transform:translateX(-100%)}71.66%{transform:translateX(-100%)}76.66%{transform:translateX(-200%)}to{transform:translateX(-200%)}}.overlay{position:absolute;top:0;left:0;width:100%;height:700px;background-color:rgba(0,0,0,.381);display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,.211);font-size:2rem;border-radius:60px 60px 60px 60px;z-index:1}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}50%{opacity:.5;transform:translateY(10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}button{padding:1.3em 3em;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;color:#2D404E;background-color:#fff;border:none;border-radius:30px;transition:all .3s ease 0s;cursor:pointer;outline:none}button:hover{background-color:#2D404E;box-shadow:0 15px 20px rgba(26,95,133,.4);color:#fff;transform:translateY(-7px)}button:active{transform:translateY(-1px)}.cards-container{flex-wrap:wrap;gap:120px;margin:40px 0;padding:20px;background-color:transparent}.card-small,.cards-container{display:flex;justify-content:center;border-radius:10px}.card-small{position:relative;width:300px;height:200px;background-color:#f2f2f2;align-items:center;overflow:hidden;perspective:1000px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .4s ease-in-out}.card-small:hover{transform:scale(1.08);box-shadow:0 8px 16px rgba(0,0,0,.3)}.card-small-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:rgba(255,255,255,.9);border-radius:10px;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card-small:hover .card-small-content{transform:rotateX(0deg)}.card-small svg{width:48px;fill:#333;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card-small:hover svg{scale:0}.card-small-title{margin:0;font-size:24px;color:#333;font-weight:700}.card-small-description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4;text-align:justify}.card-small-image{width:100%;height:auto;object-fit:cover;border-radius:10px}.upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px 0;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.upload-section h2{font-size:1.8em;color:#016630;margin-bottom:20px}.upload-section p{font-size:1em;color:#333;margin-bottom:20px;line-height:1.6;text-align:justify}.upload-section input[type=file]{margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:10px;font-size:1em}.upload-section button{padding:10px 20px;font-size:1em;color:#fff;background-color:#016630;border:none;border-radius:0;cursor:pointer;transition:background-color .3s ease}.upload-section button:hover{background-color:#014d24}.photo-gallery{background-color:transparent;padding:20px;border-radius:10px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.photo-gallery img{width:200px;height:150px;object-fit:cover;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.photo-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}.photo-gallery+section{background-color:#E5E4EC;padding:20px;border-radius:10px}.gray-card{background-color:#fff;padding:20px;margin:20px auto;text-align:center;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:800px}.gray-card h2{font-size:1.8em;color:#016630;margin-bottom:10px}.gray-card p{font-size:1.1em;color:#333;line-height:1.6}.promo-banner{position:absolute;top:470px;left:50%;transform:translateX(-50%);background-color:#016630;color:white;padding:10px 20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);animation:bounce 2s infinite;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9999;border:1px solid #ffffff}.promo-banner p{margin:0;font-size:1.2em;font-weight:700}.promo-banner button{padding:5px 15px;font-size:1em;width:35%;color:#016630;background-color:white;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.promo-banner button:hover{background-color:#f0f0f0}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.cards-grid,.cards-grid-metodologia{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1rem 0}.card-problema1{top:50%;left:2%}.card-problema1,.card-problema2{position:absolute;background-color:#f4f4f488;padding:1.2rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease;text-align:center}.card-problema2{top:10%;left:6%}.card-problema3{top:90%;left:10%}.card-justificacion,.card-metodologia,.card-problema3,.card-problema4{position:absolute;background-color:#f4f4f488;padding:1.2rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease;text-align:center}.card-justificacion,.card-metodologia,.card-problema4{top:10%;left:70%}.card-justificacion,.card-metodologia,.card-problema5{top:50%;left:80%}.card-justificacion,.card-metodologia,.card-problema5,.card-problema6{position:absolute;background-color:#f4f4f488;padding:1.2rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease;text-align:center}.card-justificacion,.card-metodologia,.card-problema6{top:90%;left:70%}.card-justificacion:hover,.card-metodologia:hover,.card-problema:hover{transform:translateY(-5px);background-color:#e6f7ff8b}.img-sensor{width:30%;max-width:600px;margin:1rem auto;display:block;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.info{padding-top:40%;color:white;width:100%;text-align:center;margin-top:0;background:linear-gradient(180deg,#fff 3%,#fff 0,#38688a 28%,#0f1f2c 40% 60%,#38688a 70%,#58b7c6 90%,#fff);padding-bottom:40%}.imagenes-resultados img{width:10%;object-fit:cover;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.titulo-seccionN{font-size:2.5em;color:#ffffff;text-align:CENTER;margin:6% 6% 2%}.titulo-seccionS{font-size:3em;color:#192d4f;text-align:center;margin:6% 6% 2%;position:absolute;top:-53%;left:35%;font-family:Verdana,Geneva,Tahoma,sans-serif}.titulo-seccion{font-size:2.5em;color:#0f095b;text-align:CENTER;margin:6% 6% 2%}.texto-solucion{font-size:1.5em;color:#383838;text-align:center;max-width:800px;line-height:1.6;margin:20px auto 109PX}.antecedentes-section{margin-top:0}.problem-cards-section{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.justificacion-section{margin-top:702px}.justificacion-section,.justificacion-sectionV{position:relative;display:flex;flex-direction:column;width:100%;height:700px}.justificacion-sectionI,.justificacion-sectionV{margin-top:745px;margin-bottom:500px}.justificacion-sectionI{position:relative;display:flex;flex-direction:column;width:100%;height:700px}.texto_antecedentes{font-size:1.5rem;color:#090828;text-align:center;margin:20px auto;max-width:40%;line-height:1.6}.texto_problematica{text-align:center}.texto_justificacion,.texto_problematica{font-size:1.5em;color:#ffffff;margin-top:3px;max-width:800px;line-height:1.6}.texto_justificacion{text-align:start}.hero-container{background-color:#ffffff;align-items:start}.hero-container,.hero-text{display:flex;flex-direction:column}.hero-text{width:100%}.slogan{font-size:1.2rem;color:#ffffff;text-align:center;margin-top:10px;margin-bottom:20px}.antecedentes-section{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:100px;width:100%;margin-bottom:80px}.antecedentes-section .ant-img1 img{width:400px;border-radius:20px;position:absolute;top:80%;left:75%}.antecedentes-section .ant-img2 img{width:400px;border-radius:20px;position:absolute;top:10%;left:-2%}.antecedentes-section .ant-img3 img{width:100px;border-radius:20px;position:absolute;top:112%;left:47%}.ns-img img{width:78%}.full-moon img,.ns-img img{border-radius:20px;margin-top:20px}.full-moon img{position:absolute;top:86%;left:45%;width:100px;z-index:1}.ns-img1 img{top:8%;left:-3%}.ns-img1 img,.ns-img2 img{position:absolute;width:300px;border-radius:20px;margin-top:20px}.ns-img2 img{top:76%;left:80%}.ns-img3 img{top:8%;left:62%;width:250px}.ns-img3 img,.ns-img4 img{position:absolute;border-radius:20px;margin-top:20px}.ns-img4 img{top:65%;left:15%;width:300px}.g1 img{top:-30%;left:1%;width:250px;z-index:-1}.g1 img,.g2 img{position:absolute;border-radius:20px;margin-top:20px}.g2 img{top:-20%;left:82%;width:150px}.g3 img{position:absolute;top:80%;left:2%;width:180px;border-radius:20px;margin-top:20px;z-index:1}.g4 img,.v1 img{top:63%;left:63%;width:508px;z-index:1}.I1 img,.g4 img,.v1 img{position:absolute;border-radius:20px;margin-top:20px}.I1 img{top:52%;left:17%;width:233px;z-index:0}.t1 img{top:23%;left:70%;width:600px}.t1 img,.t2 img{position:absolute;border-radius:20px}.t2 img{top:31%;left:10%;width:180px}.DHT22-IMG img{top:87%;left:26%;width:298px}.DHT22-IMG img,.DS18B20-IMG img{position:absolute;border-radius:20px}.DS18B20-IMG img{top:107%;left:2%;width:404px;z-index:-1}.core-value-gif{display:flex;justify-content:center;align-items:center;width:100%}.core-value-gif img{width:20%;height:auto}.circulo{top:15%;left:48%;width:900px;height:900px;background:radial-gradient(circle,#ff4804 20%,#fff,#ffffff00)}.circulo,.circulo2{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:-1}.circulo2{top:0;left:-7%;width:741px;height:783px;background:radial-gradient(circle,#0482ff 19%,#fff0,#fff0)}.circuloV{left:1%;background:radial-gradient(circle,#0482ff 37%,#fff0,#fff0)}.circuloI,.circuloV{position:absolute;top:-21%;width:1440px;height:1186px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:-1}.circuloI{left:30%;background:radial-gradient(circle,#f1ffa3 37%,#fff0,#fff0)}.circulx{position:absolute;top:25%;left:25%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#fff526 15%,#ffffff00,#ffffff0a);display:flex;align-items:center;justify-content:center;z-index:-1}.titulo-TEMP{top:43%;left:20%;color:#ffffff}.titulo-ILLU,.titulo-TEMP{position:absolute;width:50%;font-size:4.5em;text-align:center;margin:6% 6% 2%;font-family:Verdana,Geneva,Tahoma,sans-serif;z-index:2}.titulo-ILLU{top:50%;left:45%;color:#000000}.doLugarSecction{position:relative;height:962px;display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;margin-bottom:20%}.sdo-img img{top:10%}.SS-img img,.sdo-img img{position:absolute;left:26%;width:50%;border-radius:20px;margin-top:20px}.SS-img img{top:63%}.sdo-img1 img{top:20%;left:26%;width:10%}.sdo-img1 img,.sdo-img2 img{position:absolute;border-radius:20px;margin-top:20px}.sdo-img2 img{top:55%;left:78%;width:15%}.sdo-img3 img{position:absolute;top:33%;left:74%;width:10%;border-radius:20px;margin-top:20px}.sdo-img4 img{top:6%;left:76%}.sdo-img4 img,.sdo-img5 img{position:absolute;width:18%;border-radius:20px;margin-top:20px}.sdo-img5 img{top:33%;left:5%;z-index:2}.sdo-img6 img{top:55%;left:-2%;width:20%}.sdo-img6 img,.sdo-img7 img{position:absolute;border-radius:20px;margin-top:20px}.sdo-img7 img{top:5%;left:1%;width:19%}