@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0}.main-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#f2f7fa;color:#13205d;font-family:Montserrat,sans-serif;overflow:hidden}.floating-icon{position:absolute}.icon1{width:120px;top:15%;left:10%;animation:float1 15s infinite ease-in-out}.icon2{width:140px;top:70%;right:15%;animation:float2 18s infinite ease-in-out}.topbar{display:flex;justify-content:center;align-items:center;padding:1rem 0;width:100%;position:fixed;top:0;z-index:1000}.logo-container{display:flex;align-items:center}.logo{height:40px;margin-right:1rem}.desktop-menu{display:flex;justify-content:space-between;width:70%}.main-menu{display:flex;gap:2rem;justify-content:center;flex-grow:1}.contact-menu{display:flex;justify-content:flex-end}.topbar{width:100%;background-color:#f2f7fa}.topbar2{width:70%;margin:auto;display:flex}.topbar a{display:flex;align-items:center;color:#000;text-decoration:none;font-size:1.1rem;transition:color .3s ease;font-weight:400}.topbar a:hover{color:#334575}.contact-link{padding:.5rem 1rem;border:none;background-color:#fff;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 50px #0000001a}.contact-link:hover{background-color:#e9e9e9;transition:all .3s ease}.mobile-menu{position:relative}.menu-button{background:none;border:none;color:#13205d;font-size:1.5rem;cursor:pointer}.dropdown-menu{display:none;position:absolute;right:0;top:100%;background-color:#334575;flex-direction:column;min-width:150px;border-radius:4px;padding:1rem}.mobile-menu:hover .dropdown-menu,.menu-button:focus+.dropdown-menu{display:flex}.dropdown-menu a{padding:.5rem 1rem;color:#fff;text-decoration:none}.banner{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:0 5%}.banner-content{max-width:900px;color:#000}.tecno{color:#4d94ff}.banner h1{font-size:4rem;margin-bottom:1.5rem;font-weight:400}.banner p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.get-started-btn{background-color:#06c;color:#fff;border:none;padding:.8rem 2rem;font-size:1.1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 6px #0000001a}.get-started-btn:hover{background-color:#13205d}@keyframes float1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translate(20px,10px) rotate(-5deg)}75%{transform:translate(-10px,15px) rotate(3deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-15px,10px) rotate(-3deg)}66%{transform:translate(15px,-10px) rotate(3deg)}}.benefits-container{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:2rem}.benefit-box{background-color:#f8fafb;border-radius:15px;box-shadow:0 0 40px #0000000d;padding:30px;height:250px;width:300px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.benefit-text{margin-bottom:20px;font-size:16px;line-height:1.4}.benefit-image-container{display:flex;justify-content:center;align-items:center;margin-top:auto}.benefit-image{max-width:140px;height:auto;transition:transform .3s ease}.benefit-box:hover .benefit-image{transform:scale(1.1)}.benefit-box.middle-box{width:350px;transform:scale(1.1);z-index:1;background-color:#f8fafb}.benefit-box:hover{box-shadow:0 8px 16px #0003}@media (max-width: 768px){.banner h1{font-size:2.2rem}.banner p{font-size:1rem}.get-started-btn{padding:.6rem 1.5rem;font-size:1rem}.icon1,.icon2{display:none}.benefits-container{flex-direction:column;gap:20px}.benefit-box{width:80%;height:auto;padding:25px 15px}.benefit-text{font-size:14px;margin-bottom:15px}.benefit-image{max-width:60px}.benefit-box.middle-box{width:90%;transform:scale(1)}.contact-link{background-color:#334575}}@media (max-width: 480px){.banner h1{font-size:1.8rem}.topbar{padding:.8rem 5%}.logo{height:30px}.icon1,.icon2{display:none}.benefit-box{width:90%;padding:20px 10px}.benefit-image{max-width:50px}.contact-link{background-color:#334575}}.about-section{padding:100px 0;background-color:#f9f9f9;font-family:Montserrat}.about-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap}.about-images{flex:1;min-width:300px;max-height:580px;padding-right:40px}.images-grid{display:flex;flex-direction:column;height:100%}.main-image-container{width:100%;height:50%;overflow:hidden;border-radius:15px;margin-bottom:20px}.main-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.main-image:hover{transform:scale(1.05)}.secondary-images{display:flex;height:50%}.top-image-container{width:80%;height:100%;overflow:hidden;border-radius:15px;margin-right:20px}.top-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.top-image:hover{transform:scale(1.05)}.experience-box{width:20%;background-color:#13205d;color:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.experience-box .years{font-size:2.5rem;font-weight:700;line-height:1.2}.experience-box .text{font-size:.9rem;text-align:center}.about-content{flex:1;min-width:300px;padding-left:40px}.subtitle{display:inline-block;background-color:#e6f0ff;color:#4d94ff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:20px}.title{font-size:2.5rem;color:#13205d;margin-bottom:25px;line-height:1.2;font-weight:600}.description{color:#555;line-height:1.8;margin-bottom:30px;font-size:1.1rem}.features-list{display:flex;flex-wrap:wrap}.features-column{flex:1;min-width:250px}.feature-item{display:flex;align-items:center;margin-bottom:15px}.feature-icon{width:26px;height:26px;background-color:#e6f0ff;color:#4d94ff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:700}@media (max-width: 992px){.about-container{flex-direction:column}.about-images{padding-right:0;margin-bottom:50px}.about-content{padding-left:0}.title{font-size:2.2rem}.features-column{margin-bottom:15px}}@media (max-width: 768px){.about-section{padding:70px 0}.secondary-images{flex-direction:column}.top-image-container{width:100%;height:70%;margin-right:0;margin-bottom:15px}.experience-box{width:87%;height:30%;flex-direction:row;padding:10px 20px}.experience-box .years{margin-right:10px}.title{font-size:2rem}.description{font-size:1rem}}@media (max-width: 480px){.about-section{padding:50px 0}.title{font-size:1.8rem}.features-list{flex-direction:column}.features-column{width:100%}}.mission-vision-section{padding:80px 0;font-family:Montserrat;background-color:#fff}.mission-vision-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:40px}.mission-vision-left{flex:1;display:flex;flex-direction:column;gap:30px}.mission-box,.vision-box{background-color:#f8f9fa;border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.mission-box:hover,.vision-box:hover{transform:translateY(-5px)}.promotion-container{flex:1;position:relative;border-radius:15px;overflow:hidden;background:linear-gradient(#13205de6,#13205de6),url(/assets/4-cePArYu8.png) center/cover}.promotion-content{height:85%;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.promotion-title{color:#fff;font-size:2.5rem;font-weight:600;line-height:1.3;margin-bottom:30px}.promotion-text{color:#fff;font-size:1.2rem;line-height:1.8;margin-bottom:40px;opacity:.9}.contact-button{display:inline-block;background-color:#4d94ff;color:#fff;padding:15px 40px;border-radius:10px;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;text-align:center;border:none;cursor:pointer;align-self:flex-start}.contact-button:hover{background-color:#fff;color:#13205d;transform:translateY(-2px)}@media (max-width: 992px){.mission-vision-container{flex-direction:column}.promotion-container{min-height:400px}}@media (max-width: 768px){.mission-vision-section{padding:60px 0}.promotion-title{font-size:2rem}.promotion-text{font-size:1.1rem}.content{font-size:1rem}}@media (max-width: 480px){.mission-vision-section{padding:40px 0}.promotion-title{font-size:1.8rem}.promotion-content{padding:30px}.contact-button{width:70%}.label{font-size:1rem;padding:6px 16px}}.services-section{padding:100px 0;font-family:Montserrat;background-color:#f9f9f9}.services-container{max-width:1200px;margin:0 auto;padding:0 20px}.services-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background-color:#e6f0ff;color:#4d94ff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:20px}.section-title{font-size:2.5rem;color:#13205d;margin-bottom:20px;font-weight:600}.section-description{max-width:700px;margin:0 auto;color:#555;font-size:1.1rem;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.service-card{background-color:#fff;border-radius:15px;padding:30px;transition:all .3s ease;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.service-icon{font-size:2.5rem;margin-bottom:20px}.service-title{color:#13205d;font-size:1.4rem;margin-bottom:15px;font-weight:600}.service-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.service-features{list-style:none;margin-bottom:30px;flex-grow:1}.feature-item{display:flex;align-items:center;margin-bottom:10px;color:#666}.feature-bullet{color:#4d94ff;margin-right:10px;font-size:1.2rem}.service-link{color:#13205d;text-decoration:none;font-weight:500;display:flex;align-items:center;transition:color .3s ease}.service-link:hover{color:#4d94ff}.arrow{margin-left:8px;transition:transform .3s ease}.service-link:hover .arrow{transform:translate(5px)}.services-cta{background:linear-gradient(135deg,#13205d,#4d94ff);border-radius:15px;padding:60px 40px;text-align:center;color:#fff;margin-top:80px}.cta-content h3{font-size:2rem;margin-bottom:20px;font-weight:600}.cta-content p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.cta-button{display:inline-block;background-color:#fff;color:#13205d;padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:500;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 992px){.services-section{padding:80px 0}.section-title{font-size:2.2rem}}@media (max-width: 768px){.services-section{padding:60px 0}.section-title{font-size:2rem}.services-cta{padding:40px 20px}.cta-content h3{font-size:1.8rem}}@media (max-width: 480px){.services-section{padding:40px 0}.section-title{font-size:1.8rem}.service-card{padding:20px}.cta-content h3{font-size:1.5rem}.cta-button{width:70%;padding:15px 20px}}.projects-section{padding:80px 0;font-family:Montserrat;background-color:#fff}.projects-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:40px}.project-box{flex:1;background-color:#f8f9fa;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.project-box:hover{transform:translateY(-5px)}.project-image{width:100%;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:30px}.label-container{display:inline-block;margin-bottom:20px}.label{background-color:#fff;color:#13205d;padding:8px 20px;border-radius:10px;font-weight:600;font-size:1.1rem;border:2px solid #13205D}.content{color:#333;line-height:1.8;font-size:1.1rem}@media (max-width: 992px){.projects-container{flex-direction:column}.project-box{width:100%}}@media (max-width: 768px){.projects-section{padding:60px 0}.project-image{height:200px}.content{font-size:1rem}}@media (max-width: 480px){.projects-section{padding:40px 0}.project-content{padding:20px}.label{font-size:1rem;padding:6px 16px}}.contact-section{padding:80px 0;font-family:Montserrat;background-color:#f9f9f9}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:60px}.contact-info{flex:1}.contact-title{color:#13205d;font-size:2.5rem;font-weight:600;margin-bottom:20px}.contact-description{color:#333;font-size:1.2rem;line-height:1.8;margin-bottom:40px}.social-media{margin-top:40px}.social-title{color:#13205d;font-size:1.3rem;font-weight:600;margin-bottom:20px}.social-icons{display:flex;gap:20px}.social-link{color:#13205d;transition:all .3s ease}.social-link:hover{color:#4d94ff;transform:translateY(-3px)}.contact-form-container{flex:1}.contact-form{background-color:#f8f9fa;padding:40px;border-radius:15px;box-shadow:0 4px 6px #0000000d}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;margin-bottom:20px}label{display:block;margin-bottom:8px;color:#13205d;font-weight:500}input,select,textarea{display:flex;gap:10px;width:95%;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:Montserrat;font-size:1rem}select{width:102%}input:focus,select:focus,textarea:focus{outline:none;border-color:#4d94ff}textarea{resize:vertical;width:98%;min-height:120px}.submit-button{width:100%;background-color:#4d94ff;color:#fff;padding:15px;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background-color:#13205d;transform:translateY(-2px)}.form-disclaimer{margin-top:15px;font-size:.9rem;color:#666;text-align:center}@media (max-width: 992px){.contact-container{flex-direction:column}.contact-info,.contact-form-container{width:100%}}@media (max-width: 768px){.contact-section{padding:60px 0}.contact-title{font-size:2rem}.contact-description{font-size:1.1rem}.form-row{flex-direction:column;gap:0}.form-group{width:100%}}@media (max-width: 480px){.contact-section{padding:40px 0}.contact-form{padding:20px}.contact-title{font-size:1.8rem}.social-icons{justify-content:center}}.whatsapp-button{position:fixed;bottom:30px;right:30px;background-color:#25d366;color:#fff;border:none;border-radius:50px;padding:12px 24px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s ease;z-index:1000}.whatsapp-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000004d;background-color:#20ba59}.whatsapp-text{font-family:Montserrat,sans-serif;font-weight:500;font-size:14px}.whatsapp-button:after{content:"";position:absolute;width:100%;height:100%;background-color:#25d366;border-radius:50px;z-index:-1;animation:pulse 2s infinite;opacity:0}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{opacity:0}to{transform:scale(1.5);opacity:0}}@media (max-width: 768px){.whatsapp-button{bottom:20px;right:20px;padding:10px 20px}.whatsapp-text{font-size:12px}}@media (max-width: 480px){.whatsapp-button{padding:12px;border-radius:50%}.whatsapp-text{display:none}}
