@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-header{position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.main-header.scrolled{background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main-header .header-container{margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.main-header .header-logo{display:flex;align-items:center;font-weight:700;font-size:1.5rem;color:#111827}.main-header .header-logo img{height:9vh;margin-left:28px;margin-right:.5rem}.main-header .main-nav{display:flex;gap:1.5rem;align-items:center}.main-header .main-nav a{color:#111827;font-weight:500;transition:color .2s ease;position:relative}.main-header .main-nav a:hover{color:#3b82f6}.main-header .main-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#3b82f6;transition:width .3s ease}.main-header .main-nav a:hover:after{width:100%}.main-header .main-nav .login-button{background-color:#3b82f6;color:#f9fafb;padding:.6rem 1.2rem;border-radius:.5rem;transition:background-color .3s ease,transform .2s ease}.main-header .main-nav .login-button:hover{background-color:#2563eb;transform:translateY(-2px)}.main-header .menu-toggle{display:none;background:none;border:none;font-size:2rem;color:#111827;cursor:pointer}@media (max-width: 768px){.main-header .main-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fffffffa;box-shadow:0 2px 10px #0000001a;padding:1rem 1.5rem;align-items:flex-start}.main-header .main-nav.open{display:flex}.main-header .main-nav a,.main-header .main-nav .login-button{width:100%;text-align:left;padding:.75rem 0;border-bottom:1px solid #E5E7EB}.main-header .main-nav .login-button{margin-top:1rem;text-align:center}.main-header .menu-toggle{display:block}}.main-footer{background-color:#082644;color:#f9fafb;padding:5% 15%;font-size:.95rem;display:flex;justify-content:space-around}.main-footer .logo-redes{display:flex;align-items:center;flex-direction:column;width:fit-content}.main-footer .logo-redes .contenedor-redes{display:flex;width:fit-content;margin-top:20px}.main-footer .dispocitivos .contenedor-disppocitivos{border-bottom:1px solid white;padding-bottom:20px}.main-footer .menu-directo{display:flex;flex-direction:column;gap:5px}.main-footer .menu-directo .item{cursor:pointer;color:#fff;font-size:1rem}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f9fafb;text-align:center;overflow:hidden;margin-top:9vh}.hero-section img{width:100%;height:fit-content;object-fit:cover}.home-page{display:flex;flex-direction:column}.know-us-section{display:flex;align-items:center;justify-content:center;padding:5% 10%;background-size:cover;background-position:center;color:#111827;position:relative;overflow:hidden;height:fit-content;background:#fff;background:linear-gradient(180deg,#fff,#eaeaea)}.know-us-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#ffffffe6,#ffffffb3,#ffffff4d);z-index:1}.know-us-section .know-us-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;width:100%;z-index:2;flex-wrap:wrap}.know-us-section .know-us-text{flex:2;min-width:300px;padding-right:2rem}.know-us-section .know-us-text h2{font-size:2.5rem;color:#4e5ba5;margin-bottom:1.5rem}.know-us-section .know-us-text p{font-size:1.4rem;line-height:1.8;margin-bottom:1rem}.know-us-section .know-us-image{flex:1;min-width:250px;display:flex;justify-content:center;align-items:center;position:relative;padding-left:2rem}.know-us-section .know-us-image .robot-container{text-align:center;display:flex;gap:20px;align-items:center}.know-us-section .know-us-image .robot-container img{max-width:15vw;height:auto;border-radius:1rem}.know-us-section .know-us-image .robot-container p{font-size:2rem;font-weight:700;margin-top:1rem;width:16vw;text-align:left;line-height:30px;color:#7180fd}.descripcion-app{padding:2rem 12%}.innovator-section,.accessible-section,.reliable-section{border-bottom:1px solid gray}.innovator-section,.accessible-section,.reliable-section,.friendly-section{padding:20px 0;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.innovator-section .innovator-content,.innovator-section .accessible-content,.innovator-section .reliable-content,.innovator-section .friendly-content,.accessible-section .innovator-content,.accessible-section .accessible-content,.accessible-section .reliable-content,.accessible-section .friendly-content,.reliable-section .innovator-content,.reliable-section .accessible-content,.reliable-section .reliable-content,.reliable-section .friendly-content,.friendly-section .innovator-content,.friendly-section .accessible-content,.friendly-section .reliable-content,.friendly-section .friendly-content{display:flex;align-items:flex-start;gap:3rem;width:100%;flex-wrap:wrap}.innovator-section .innovator-image,.innovator-section .accessible-image,.innovator-section .reliable-image,.innovator-section .friendly-image,.accessible-section .innovator-image,.accessible-section .accessible-image,.accessible-section .reliable-image,.accessible-section .friendly-image,.reliable-section .innovator-image,.reliable-section .accessible-image,.reliable-section .reliable-image,.reliable-section .friendly-image,.friendly-section .innovator-image,.friendly-section .accessible-image,.friendly-section .reliable-image,.friendly-section .friendly-image{flex:1;min-width:300px;display:flex;justify-content:center;align-items:center}.innovator-section .innovator-image img,.innovator-section .accessible-image img,.innovator-section .reliable-image img,.innovator-section .friendly-image img,.accessible-section .innovator-image img,.accessible-section .accessible-image img,.accessible-section .reliable-image img,.accessible-section .friendly-image img,.reliable-section .innovator-image img,.reliable-section .accessible-image img,.reliable-section .reliable-image img,.reliable-section .friendly-image img,.friendly-section .innovator-image img,.friendly-section .accessible-image img,.friendly-section .reliable-image img,.friendly-section .friendly-image img{max-width:100%;height:auto;border-radius:1rem}.innovator-section .innovator-text,.innovator-section .accessible-text,.innovator-section .reliable-text,.innovator-section .friendly-text,.accessible-section .innovator-text,.accessible-section .accessible-text,.accessible-section .reliable-text,.accessible-section .friendly-text,.reliable-section .innovator-text,.reliable-section .accessible-text,.reliable-section .reliable-text,.reliable-section .friendly-text,.friendly-section .innovator-text,.friendly-section .accessible-text,.friendly-section .reliable-text,.friendly-section .friendly-text{flex:2;min-width:300px}.innovator-section .innovator-text h3,.innovator-section .accessible-text h3,.innovator-section .reliable-text h3,.innovator-section .friendly-text h3,.accessible-section .innovator-text h3,.accessible-section .accessible-text h3,.accessible-section .reliable-text h3,.accessible-section .friendly-text h3,.reliable-section .innovator-text h3,.reliable-section .accessible-text h3,.reliable-section .reliable-text h3,.reliable-section .friendly-text h3,.friendly-section .innovator-text h3,.friendly-section .accessible-text h3,.friendly-section .reliable-text h3,.friendly-section .friendly-text h3{font-size:2rem;color:#7180fd;margin-bottom:1rem}.innovator-section .innovator-text p,.innovator-section .accessible-text p,.innovator-section .reliable-text p,.innovator-section .friendly-text p,.accessible-section .innovator-text p,.accessible-section .accessible-text p,.accessible-section .reliable-text p,.accessible-section .friendly-text p,.reliable-section .innovator-text p,.reliable-section .accessible-text p,.reliable-section .reliable-text p,.reliable-section .friendly-text p,.friendly-section .innovator-text p,.friendly-section .accessible-text p,.friendly-section .reliable-text p,.friendly-section .friendly-text p{font-size:1.3rem;line-height:1.7;margin-bottom:1rem;line-height:28px}.innovator-section .reliable-text ul,.accessible-section .reliable-text ul,.reliable-section .reliable-text ul,.friendly-section .reliable-text ul{list-style:none;padding:0;margin-top:1rem}.innovator-section .reliable-text ul li,.accessible-section .reliable-text ul li,.reliable-section .reliable-text ul li,.friendly-section .reliable-text ul li{margin-bottom:.8rem;font-size:1.2rem;line-height:1.6;position:relative;padding-left:1.5rem}.innovator-section .reliable-text ul li:before,.accessible-section .reliable-text ul li:before,.reliable-section .reliable-text ul li:before,.friendly-section .reliable-text ul li:before{content:"✓";color:#3b82f6;position:absolute;left:0;font-weight:700}.innovator-content,.friendly-content{flex-direction:row}.accessible-content,.reliable-content{flex-direction:row-reverse}@media (max-width: 768px){.know-us-content,.innovator-content,.accessible-content,.reliable-content,.friendly-content{flex-direction:column;text-align:center}.know-us-text,.know-us-image,.innovator-text,.innovator-image,.accessible-text,.accessible-image,.reliable-text,.reliable-image,.friendly-text,.friendly-image{padding:0}}.features-section{padding:5rem 2rem;text-align:center;background-color:#f3f4f6}.features-section h2{font-size:2.8rem;color:#111827;margin-bottom:3rem;position:relative;display:inline-block}.features-section h2:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:80px;height:4px;background-color:#3b82f6;border-radius:2px}.features-section .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:0 auto}.comic-container img{height:fit-content;object-fit:cover;width:100%}.ventajasContainer{height:fit-content;padding:5% 10%;background-size:100% 100%}.ventajasContainer .ventajas-col{display:flex;justify-content:space-around}.ventajasContainer .ventajas-col .ventaja{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;width:fit-content;width:36%;height:fit-content}.ventajasContainer .ventajas-col .ventaja img{width:100%;height:fit-content}.ventajasContainer .ventajas-col .ventaja .descripcion{position:absolute;font-size:1.8rem;color:#7180fd;font-weight:700;line-height:28px}.eres-proveedor{position:relative}.eres-proveedor img{width:100%;height:fit-content;object-fit:cover}.eres-proveedor .proveedor{position:absolute;right:0;top:0;width:40%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}@media screen and (max-width: 1200px){.eres-proveedor .proveedor{gap:0px}}.eres-proveedor .proveedor .contenedor-text{color:#fff;font-size:2.1rem;max-width:350px;font-weight:700}.eres-proveedor .proveedor .te-INTERESA{color:#5ff;font-size:1.4rem;font-style:italic;text-align:center}.eres-proveedor .proveedor .buttonSize{width:50%}.feature-card{background-color:#f9fafb;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px #0000000d;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #E5E7EB;display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-card .icon-container{background-color:#3b82f6;border-radius:50%;width:90px;height:90px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;box-shadow:0 5px 15px #3b82f64d}.feature-card .card-icon{width:50px;height:50px;filter:invert(100%)}.feature-card h3{font-size:1.5rem;color:#111827;margin-bottom:.75rem}.feature-card p{font-size:1rem;color:#6b7280;line-height:1.6}.Button{width:100%;height:30px;border:none;border-radius:5px;color:#000;font-weight:500;font-size:.8rem;cursor:pointer;position:relative;z-index:1;border:1px solid var(--c100)}.Button:hover:before{width:100%;background:#dadada}.Button.purple{background:#6c78ce;color:#fff}.Button.purple:hover:before{background:#5a65bb}.Button.submit{background:green;color:#fff}.Button.submit:hover:before{background:#004e00}.Button.cancel{background:var(--titles-container);color:var(--blue4);border:1px solid var(--blue13)}.Button.cancel:hover:before{background:var(--c100)}.Button.proce{height:32px;background:var(--titles-container);color:var(--blue7);font-size:1rem;font-weight:600;border-radius:0 5px 5px 0}.Button.question{background:orange;color:#fff}.Button.question:hover:before{background:#c27e00}.Button.degrad{color:#fff;background:#6c78ce;background:linear-gradient(309deg,#6c78ce,#8ccfe2)}.Button.degrad:hover:before{background:#5a65bb}.Button.degrad-off{color:#fff;background:#6c78ce;background:linear-gradient(309deg,#6c78ce,#8ccfe2)}.Button.degrad-off:hover:before{background:transparent}.Button:before{transition:all .5s;content:"";position:absolute;top:0;left:0;height:100%;width:0;border-radius:5px;z-index:-1}.Button.btn-icon{display:flex;align-items:center;justify-content:center;gap:5px}.about-section{padding:6rem 2rem;background-color:#f9fafb;color:#111827}.about-section .about-container{margin:0 auto;display:flex;align-items:center;gap:4rem;flex-wrap:wrap}.about-section .about-image-wrapper{flex:1;min-width:300px;position:relative;padding:1rem}.about-section .about-image-wrapper .about-image{width:100%;height:auto;border-radius:1rem;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.about-section .about-image-wrapper:hover .about-image{transform:scale(1.02)}.about-section .about-content{flex:2;min-width:300px}.about-section .about-content h2{font-size:2.8rem;color:#3b82f6;margin-bottom:1.5rem;position:relative}.about-section .about-content h2:after{content:"";position:absolute;left:0;bottom:-10px;width:80px;height:4px;background-color:#3b82f6;border-radius:2px}.about-section .about-content p{font-size:1.15rem;line-height:1.8;margin-bottom:1rem}@media (max-width: 768px){.about-section .about-container{flex-direction:column;text-align:center}.about-section .about-content h2{font-size:2.2rem}.about-section .about-content h2:after{left:50%;transform:translate(-50%)}.about-section .about-image-wrapper{order:-1;margin-bottom:2rem}}.services-section{padding:6rem 2rem;background-color:#f3f4f6;color:#111827;text-align:center}.services-section .services-container{margin:0 auto}.services-section h2{font-size:2.8rem;color:#3b82f6;margin-bottom:1rem;position:relative;display:inline-block}.services-section h2:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:80px;height:4px;background-color:#3b82f6;border-radius:2px}.services-section .services-subtitle{font-size:1.3rem;color:#6b7280;margin-top:2rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.services-section .services-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.page-container{padding-top:80px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f3f4f6}.contact-section{padding:6rem 2rem;background-color:#f9fafb;color:#111827;text-align:center}.contact-section .contact-container{margin:0 auto}.contact-section h2{font-size:2.8rem;color:#3b82f6;margin-bottom:1rem;position:relative;display:inline-block}.contact-section h2:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:80px;height:4px;background-color:#3b82f6;border-radius:2px}.contact-section .contact-subtitle{font-size:1.3rem;color:#6b7280;margin-top:2rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.contact-section .contact-content{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;margin-top:3rem}.contact-section .contact-form{flex:2;min-width:350px;background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 5px 20px #0000001a;text-align:left}.contact-section .contact-form .form-group{margin-bottom:1.5rem}.contact-section .contact-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#111827}.contact-section .contact-form .form-group input,.contact-section .contact-form .form-group textarea{width:100%;padding:.8rem;border:1px solid #E5E7EB;border-radius:.5rem;font-size:1rem;color:#111827;transition:border-color .3s ease,box-shadow .3s ease}.contact-section .contact-form .form-group input:focus,.contact-section .contact-form .form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.contact-section .contact-form .submit-button{background-color:#3b82f6;color:#f9fafb;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:.75rem;transition:background-color .3s ease,transform .2s ease;width:100%;box-shadow:0 5px 15px #3b82f64d}.contact-section .contact-form .submit-button:hover{background-color:#2563eb;transform:translateY(-2px)}.contact-section .contact-form .success-message{margin-top:1rem;color:green;font-weight:600;text-align:center}.contact-section .contact-info{flex:1;min-width:280px;background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 5px 20px #0000001a;text-align:left}.contact-section .contact-info h3{font-size:1.8rem;color:#3b82f6;margin-bottom:1.5rem}.contact-section .contact-info p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.contact-section .contact-info .social-links{margin-top:2rem;display:flex;gap:1.5rem}.contact-section .contact-info .social-links a{color:#6b7280;font-size:1.8rem;transition:color .3s ease,transform .2s ease}.contact-section .contact-info .social-links a:hover{color:#3b82f6;transform:translateY(-3px)}@media (max-width: 768px){.contact-section .contact-content{flex-direction:column;gap:2rem}.contact-section .contact-form,.contact-section .contact-info{min-width:unset;width:100%}}.page-container{padding-top:80px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f9fafb}
