@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");*{padding:0;margin:0;box-sizing:border-box}.dis-flex{display:flex}.flex-dir-col{flex-direction:column}.jus-cen{justify-content:center}.ali-cen{align-items:center}.ubuntu-light{font-weight:300}.ubuntu-light,.ubuntu-regular{font-family:Ubuntu,sans-serif;font-style:normal}.ubuntu-regular{font-weight:400}.ubuntu-medium{font-family:Ubuntu,sans-serif;font-weight:500;font-style:normal}.ff-orb{font-family:Orbitron,sans-serif;font-weight:700;font-style:normal}.tc-white{color:#fff}.tc-red{color:#e63439}.info-brand{font-size:18px}body,html{max-width:100vw;scroll-behavior:smooth;background:linear-gradient(0deg,hsla(240,3%,59%,.35),rgba(78,90,98,.35));& svg{width:25px;height:25px}& a,& svg{color:#fff}& a{text-decoration:none}& h2{font-size:24px;& span{border-left:5px solid #e63439;margin-right:8px}}}header{width:100%;height:60px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;justify-content:space-between;background-color:#4e5a62;z-index:1;& img{width:25px;height:25px;transition:all .25s linear;&:hover{scale:1.1;filter:drop-shadow(0 0 3px white)}}& nav{position:fixed;top:60px;transition:right .5s ease;& ul{padding:32px;background-color:#4e5a62;flex-direction:column;gap:32px;& li{list-style:none;& a{display:block;width:128px;font-size:18px;text-align:end;color:#fff}}}}}main{& section{scroll-margin-top:60px}& .heroArea{margin:40px 0 120px;justify-content:center;flex-wrap:wrap-reverse;& .cta{width:300px;flex-direction:column;gap:16px;animation:fadeIn 1s linear,translateX 1s linear;& h1,span{font-size:24px;color:#fff}& button{width:192px;height:40px;background-color:#e63439;border-radius:10px;border:none;cursor:pointer;animation:changeColor 1s ease-in 1.25s infinite alternate;& span{color:#fff}}}& img{width:300px;animation:fadeIn 1s linear,translateX 1s linear}}& .customersArea{padding:32px 20px;margin-bottom:64px;gap:32px;background-color:hsla(0,0%,100%,.1);& .slider{height:90px;margin-bottom:57px;animation:slider 10s linear infinite;filter:grayscale(100);transition:filter .5s ease-in-out;&:hover{filter:grayscale(0);animation-play-state:paused}}}& .servicesArea{padding:32px 20px;margin-bottom:64px;gap:32px;& .cardsCont{flex-wrap:wrap;gap:48px;& .card{width:370px;height:450px;flex-wrap:wrap;border:1px solid #000;border-radius:20px;overflow:hidden;transition:opacity 1.5s linear;& img{width:100%;transition:scale .25s linear}& .infoCard{width:100%;padding:32px;background-color:#fff;gap:16px;& h3,& p{font-size:21px}& p{line-height:1.5}}&:hover{& img{scale:1.05}}}}}& .contactArea{padding:32px 20px;margin-bottom:64px;gap:32px;background-color:hsla(0,0%,100%,.1);position:relative;& p{font-size:18px;line-height:1.5}& form{gap:32px;flex-wrap:wrap;& input,select,textarea{width:100%;height:40px;margin:0 auto;padding:10px;border:none;border-radius:10px;font-size:18px;font-family:Ubuntu,sans-serif;font-weight:400;font-style:normal;background-color:#fff;&::placeholder{color:#4e5a62}}& select{color:#4e5a62;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/caret-down-solid.svg);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:10px auto;&:hover{cursor:pointer}& option{color:#000}}& textarea{height:185px;resize:none}& button{width:100%;height:40px;border-radius:10px;font-size:18px;background-color:#e63439;color:#fff;border:none;cursor:pointer;transition:background-color .125s linear;&:hover{background-color:darkred}&:disabled{background-color:#4e5a62;color:#a9a9a9;cursor:wait}}}& .modalBg{width:100%;height:100%;background-color:hsla(0,0%,100%,.8);position:absolute;top:0;left:0;& .modalContent{width:90%;height:300px;gap:32px;& span{font-size:21px}& button{width:150px;height:40px;border-radius:10px;background-color:#e63439;color:#fff;border:none;cursor:pointer;transition:background-color .125s linear;&:hover{background-color:darkred}}}}}& .aboutArea{padding:32px 20px;gap:32px;background-color:#162737;& p,h4{font-size:21px;line-height:1.5;color:#fff}& .subCont{gap:32px;flex-wrap:wrap;& a,svg{color:#91a4aa;transition:color .125s linear;&:hover{color:#fff}}& .navCont{display:none;& ul{gap:18px;& li{font-size:21px;list-style:none;color:#fff}}}& .groupCont{gap:32px;flex-wrap:wrap}& .separador{gap:14px;& a{width:25px;height:25px}& .iconsCont{gap:18px}}}& iframe{border:none;width:100%;height:300px}}& .notFound{height:100vh;gap:24px;& div{gap:16px;& .isotipo{width:80px}& .logotipo{width:150px}}& span{font-size:21px;color:#fff}& button{width:96px;height:48px;background-color:#e63439;border-radius:10px;border:none;cursor:pointer;transition:background-color .125s linear;&:hover{background-color:darkred}}}}footer{padding:24px;background-color:#162737;& p{text-align:center;color:#fff;& a{width:265px}}}@keyframes changeColor{0%{background-color:#e63439}to{background-color:darkred}}@keyframes slider{to{background-position:var(--width-img)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes translateX{0%{transform:translateX(var(--offset))}to{transform:translateX(0)}}@media only screen and (min-width:768px){main{& .heroArea{gap:64px;& .cta{justify-content:center}}& .servicesArea{& .cardsCont{& .card{width:900px;height:225px;& .infoCard,& img{width:50%;height:100%}& .infoCard{justify-content:center}}& article:nth-child(2){flex-direction:row-reverse}}}& .aboutArea .infoCont{gap:48px}}}@media only screen and (min-width:1280px){header{position:static;height:90px;padding:0 120px;background-color:transparent;& img{width:40px;height:40px}& svg{display:none}& nav{position:static;& ul{width:100%;padding:0;flex-direction:row;gap:64px;font-size:18px;list-style:none;background-color:transparent;& li{& a{width:100%;padding:2px;position:relative;text-align:start;&:after{content:"";width:0;height:2px;background-color:#fff;position:absolute;bottom:0;right:50%;transition:all .25s linear;will-change:width}&:hover:after{width:100%;right:0}}&:first-child{display:none}}}}}main{& section{scroll-margin-top:0}& .heroArea{height:500px;margin-bottom:64px;gap:192px;align-items:center;& img{width:350px}}& .customersArea,& .servicesArea{padding:32px 120px;& .cardsCont{justify-content:space-between;& .card{width:300px;height:405px;& img{width:100%;height:180px}& .infoCard{width:100%;height:225px;padding:30px;justify-content:center}}& article:nth-child(2){flex-direction:row}}}& .contactArea{padding:32px 120px;margin-bottom:88px;& form{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:45px 45px 45px 180px 45px;.grid1,.grid2{width:100%;height:100%;grid-column:span 6/span 6}.grid2{grid-column-start:7}.grid3,.grid4{width:100%;height:100%;grid-column:span 6/span 6;grid-row-start:2}.grid4{grid-column-start:7}.grid5,.grid6{width:100%;height:100%;grid-column:span 6/span 6;grid-row-start:3}.grid6{grid-column-start:7}.grid7{grid-column:span 12/span 12;grid-row-start:4}.grid7,.grid8{width:100%;height:100%}.grid8{grid-column:span 3/span 3;grid-row-start:5}}& .modalBg .modalContent{width:50%}}& .aboutArea{padding:32px 120px;.subCont{justify-content:space-between;& .navCont{display:block}& .groupCont{gap:80px}& iframe{width:300px}}}}}@media only screen and (min-width:1920px){header{padding:0 320px}main{& .aboutArea,& .contactArea,& .customersArea,& .servicesArea{padding:32px 320px}}}