@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";html{scroll-behavior:smooth}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#e6efff}::-webkit-scrollbar-thumb{background:linear-gradient(#fff,#3f71ae);border-top-left-radius:5px;border-bottom-left-radius:5px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffffffad,#3f71aead)}body{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;overflow-x:hidden}main{margin-top:74.8px}a{text-decoration:none}header{z-index:1000;box-sizing:border-box;background:#fffffff8;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:5px 30px;display:flex;position:fixed;top:0;left:0;overflow-x:clip}header img{transition:all .3s}header img:hover{opacity:.8;transition:all .3s}.menu-toggle{cursor:pointer;z-index:1100;flex-direction:column;justify-content:space-between;width:25px;height:18px;display:none}.menu-toggle span{background:#3f71ae;border-radius:5px;width:100%;height:3px;transition:all .3s}header a{color:#1c1c1c;align-items:center;transition:all .3s}header a:hover{color:#3f71ae;transition:all .3s}.navbar{flex-direction:row;align-items:center;gap:50px;display:flex}.navbar .contacto{color:#fff;background:#3f71ae;border-radius:5px;padding:10px 30px;transition:all .3s}.navbar .contacto:hover{background:#386297;transition:all .3s;transform:scale(1.05)}.navbar .contacto a{color:#fff}.reveal{opacity:0;animation:1.8s forwards fadeUp;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}#hero{padding:0 0 0 30px;display:flex}#hero h1{color:#1c1c1c;width:83%;margin:0;font-size:60px;line-height:70px}#hero span{color:#3f71ae}#hero p{color:#757575;width:91%;margin:0;font-size:20px}.info-principal{flex-direction:column;gap:20px;width:50%;padding-top:30px;display:flex}.BTNs{flex-direction:row;align-items:center;gap:15px;display:flex}.BTNs button{cursor:pointer;border-radius:5px;font-family:Poppins,sans-serif;font-size:14px}.btn-proyectos{color:#fff;background:#3f71ae;border:none;padding:10px 30px;font-weight:600;transition:all .5s}.btn-proyectos:hover{background:#386297;transition:all .5s}.btn-contacto{color:#3f71ae;background:0 0;border:2px solid #3f71ae;margin:0;padding:8px 30px;font-weight:600;transition:all .5s}.btn-contacto:hover{color:#fff;background:#3f71ae;transition:all .5s}.heroIlustacion{width:50%}.heroIlustacion img{margin:0 auto;display:flex}#Nosotros{padding:80px 30px}.texto-informativo{text-align:center;flex-direction:column;margin:0 152px 64px;display:flex}.texto-informativo h2{margin-top:0;margin-bottom:24px;font-size:36px}.texto-informativo span{color:#3f71ae}.texto-informativo p{color:#757575;margin-top:0;margin-bottom:0;font-size:18px}.cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.card-informativo{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:230px;height:233px;padding:24px;transition:all .6s;display:flex;box-shadow:0 0 20px #3f71ae29}.card-informativo:hover{transition:all .6s;transform:scale(1.06)}.card-informativo img{background:#3f71ae18;border-radius:20px;padding:14px}.card-informativo h3{color:#1c1c1c;margin:16px auto 0;font-size:20px}.card-informativo p{color:#757575;margin:16px auto 0;font-size:14px}#Servicios{background:#f5f7fa;padding:80px 30px}.cards-servicios{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.card-informativo-servicio{text-align:center;background:#fff;border-radius:10px;flex-direction:column;align-items:center;width:320px;padding:40px 24px 24px;transition:all .4s;display:flex;box-shadow:0 0 20px #3f71ae12}.card-informativo-servicio img{background:#3f71ae18;border-radius:20px;padding:16px}.card-informativo-servicio h3{color:#1c1c1c;margin-bottom:0;font-size:24px}.card-informativo-servicio p{color:#757575;margin-bottom:0}.card-informativo-servicio:hover{transition:all .4s;transform:scale(1.04)}#Proyectos{padding:80px 30px}.cards-proyectos{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:48px;display:flex}.card-informativo-Proyecto{border-radius:10px;width:366px;transition:all .8s;box-shadow:0 0 6px #1c1c1c38}.card-informativo-Proyecto:hover{transition:all .8s;transform:scale(1.03)}.card-informativo-Proyecto img{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:192px}.card-informativo-Proyecto .espacio{padding:24px}.card-informativo-Proyecto h3{color:#1c1c1c;margin:0;font-size:20px}.card-informativo-Proyecto h3 a{color:#1c1c1c;transition:all .5s}.card-informativo-Proyecto h3 a:hover{color:#3f71ae;transition:all .5s}.card-informativo-Proyecto p{color:#757575;margin:16px 0 0;font-size:14px}.tegnologias{gap:10px;margin-top:16px;display:flex}.tegnologias p{color:#3f71ae;background:#3f71ae29;border-radius:10px;margin:0;padding:2px 10px;font-size:12px;font-weight:600}.desarrollo p{color:#757575;background:#75757546}.proximamente p{text-align:center;color:#757575;margin-top:0}#dinamica{text-align:center;padding:80px 30px}#dinamica .contenedor{width:100%}#dinamica h2{font-size:32px}#dinamica h2 span{color:#3f71ae}.dinamica-informativa{color:#757575;text-align:left;cursor:default;border-radius:10px;flex-direction:column;gap:15px;max-width:400px;padding:10px 15px;font-size:14px;display:flex;box-shadow:0 0 6px #1c1c1c38}.dinamica-informativa h2{color:#1c1c1c;margin:0;font-size:20px!important}.dinamica-informativa p{text-align:justify;margin:0}.dinamica-informativa a{color:#3f71ae;width:fit-content;font-weight:700;text-decoration:underline}#Contacto{background:#f5f7fa;padding:80px 30px}.formulario{background:#fff;border-radius:10px;flex-direction:column;width:55%;margin:0 auto;padding:32px;display:flex}label{color:#1c1c1c;font-family:Poppins,sans-serif;font-size:14px}input{border:1px solid #3f71ae29;border-radius:5px;margin-top:10px;margin-bottom:15px;padding:10px 5px;font-family:Poppins,sans-serif}textarea{resize:none;border:1px solid #3f71ae29;border-radius:5px;height:100px;margin-top:10px;margin-bottom:15px;padding:10px 5px;font-family:Poppins,sans-serif}input,textarea:focus{color:#1c1c1c;outline:none}.formulario button{color:#fff;cursor:pointer;background:#3f71ae;border:none;border-radius:10px;padding:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .8s}.formulario button:hover{background:#386297;transition:all .3s}hr{background:#7575751c;border:none;width:100%;height:2px;margin:20px 0}.correo p{text-align:center;color:#757575;margin:0;font-size:14px}.correo a{color:#3f71ae;text-decoration:underline #3f71ae}footer{padding:48px 30px}footer hr{margin:0}.contenedor-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:100px;margin-bottom:24px;display:grid}.logo-spam p{color:#757575;margin:16px 0 0;font-size:14px}.enlaces-rapido p{color:#1c1c1c;margin:0;font-size:16px;font-weight:600}.enlaces{flex-direction:column;gap:10px;margin:16px 0 0;display:flex}.enlaces a{color:#757575;margin:0;font-size:14px}.redes p{color:#1c1c1c;margin:0;font-size:16px;font-weight:600}.redes img{background:#3f71ae18;border-radius:10px;margin-top:16px;padding:8px}.copy{padding-top:32px}.copy p{color:#757575;text-align:center;margin:0}@media (width<=1024px){#hero h1{font-size:45px;line-height:1.2}#hero p{font-size:16px}#hero img{width:450px}.info-principal{justify-content:center}.dinamica-informativa{margin:0 auto}}@media (width<=920px){.navbar{gap:30px}#hero h1{font-size:40px}#hero p{font-size:14px}}@media (width<=884px){#hero img{width:400px}.BTNs .btn-proyectos{padding:10px 20px}.BTNs .btn-contacto{padding:9px 20px}.texto-informativo{width:100%;margin-left:0}}@media (width<=810px){header img{width:100px}.navbar{gap:20px}#hero h1{font-size:38px}.BTNs{flex-direction:column;align-items:start;display:flex}.contenedor-footer{gap:30px}}@media (width<=700px){header nav a{font-size:15px}.navbar .contacto{padding:5px 15px}#hero{flex-direction:column;padding:0 30px;display:flex}#hero h1{font-size:45px}#hero img{display:none}.info-principal{text-align:center;align-items:center;width:100%}.BTNs{flex-direction:row}.texto-informativo{margin:0 0 64px}.texto-informativo p{font-size:16px}.contenedor-footer{gap:10px}}@media (width<=650px){.navbar{background:#fffffff8;flex-direction:column;align-items:center;gap:30px;width:100%;height:100%;padding:40px 0;transition:right .4s;position:fixed;top:52px;right:-100%}.navbar.active{right:0}.menu-toggle{display:flex}.menu-toggle.active span:first-child{transform:rotate(45deg)translateY(8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}.contenedor-footer{flex-direction:column;display:flex}}@media (width<=500px){.formulario{width:80%}}@media (width<=450px){.BTNs{flex-direction:column;align-items:center}}@media (width<=400px){.card-informativo-Proyecto{width:100%}.tegnologias{flex-wrap:wrap;display:flex}}@media (width<=360px){#hero h1{font-size:36px}}