header{background-color:#fff0;display:flex;height:6rem;width:100vw;flex-direction:row;justify-content:space-between;padding:0 2rem;position:relative}header .media{display:none;justify-content:center;align-items:center}header .LogoContainer .Logo{height:100%;width:auto;padding:.5rem 0}header nav{display:flex;justify-content:space-between;align-items:center}header ul{display:flex;gap:1.5rem}header ul li{font-family:var(--font-title);font-size:1.25rem;line-height:2rem;display:flex;flex-direction:column;min-width:max-content}header ul li a{height:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;text-decoration:none;color:#00faa8}header ul li a:after{content:"";width:0px;height:2px;background-color:#2e2e2e99;display:flex;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}header ul li a.active{color:#00faa8}header ul li a.active:after{width:100%}header .ModalMenu{display:flex;justify-content:center;align-items:center}header .ModalMenu .Close{display:none;position:absolute;top:2rem;right:2rem;z-index:11}header .ModalMenu .Modal{display:none;position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:10;justify-content:center;align-items:center;flex-direction:column;gap:4rem;background-color:#2e2e2e99;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}header .ModalMenu .Modal nav{display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center}header .ModalMenu .Modal nav a{text-decoration:none;color:#00faa8;font-family:var(--font-title);font-size:1.5rem;letter-spacing:.1rem}header .ModalMenu .Modal .Socials{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}header .ModalMenu .Modal .Socials h2{color:#00faa8;font-weight:400}@media (min-width: 768px){header{padding:0 12vw}header .ModalMenu .Modal nav a{font-size:2.5rem}header .media{display:flex}}*{margin:0;padding:0;box-sizing:border-box}a:visited{text-decoration:none}ul{list-style-type:none}html,body{scroll-behavior:smooth;background:#2e2e2e;overflow-x:hidden}#root{display:flex;width:100vw;height:100%;flex-direction:column;align-items:center}:root{--font-title: "Orbitron", sans-serif;--font-content: "Rajdhani", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1,h2,h3,h4{font-family:Orbitron,sans-serif}p{font-family:Rajdhani,sans-serif}.cardWrap .border{padding:3px;background:#353535;transition:all .5s;box-shadow:0 0 10px #252525;border-radius:.25rem;max-width:30rem}.cardWrap .border:hover{transform:translateY(-1rem);background:linear-gradient(to bottom,#5ce1e6,#00faa8)}.cardWrap .card{transition:all .2s;background:#2e2e2e;padding:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center;align-items:center;height:100%}.cardWrap .card img{height:auto;width:35%;object-fit:contain}.cardWrap .card h3{color:#5ce1e6;font-size:1.25rem}.cardWrap .card p{color:#fff;font-size:1.125rem}@media (min-width: 768px){.cardWrap .card p{font-size:1.25rem}}section{margin-bottom:1.5rem;display:flex;flex-direction:column;width:100%;overflow-x:hidden}#banner{height:70vh;position:relative}#banner .Image{display:flex;height:100%;width:100%;position:relative}#banner .Image .BannerImg{height:auto;width:100%;object-fit:cover}#banner .Image .mask{display:flex;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to bottom,#000000,#303030);opacity:.85}#banner .content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}#banner .content .title{width:90%;font-family:var(--font-title);color:#fff;font-size:2rem;text-transform:uppercase}#banner .content .title span{color:#00faa8}#banner .content .text{font-family:var(--font-content);color:#fff;font-size:1.25rem}#banner .content .text span:last-child{color:#00faa8}#banner .content .text span:first-child{color:#5ce1e6}#processManagement{display:flex;flex-direction:column;justify-content:center;width:100vw}#processManagement .content{width:100%;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}#processManagement .content .title{font-family:var(--font-title);color:#5ce1e6;font-size:2rem;text-transform:uppercase}#processManagement .content .text{font-family:var(--font-content);color:#fff;font-size:1.25rem}#processManagement .Image{display:flex;height:auto;width:100vw;position:relative;padding:1.25rem;overflow:hidden}#processManagement .Image .Brush{width:100%;height:auto}#processManagement .Image .Empresario{position:absolute;top:0;left:0;z-index:5;width:100vw;height:auto}#processManagement .Image .mask{position:absolute;top:5rem;left:0;z-index:6;display:flex;width:100%;height:100%;background:linear-gradient(0deg,rgba(46,46,46,1) 14%,rgba(0,0,0,0) 100%)}#Benefits{padding:1.5rem;display:flex;flex-direction:column;justify-content:center}#Benefits .BenefitsHeader .title{font-family:var(--font-title);color:#5ce1e6;font-size:2rem;text-transform:uppercase;margin-bottom:1rem}#Benefits .BenefitsHeader .text{font-family:var(--font-content);color:#fff;font-size:1.25rem}#Benefits .cardWrap{display:grid;gap:2.5rem;padding:3.5rem 0 0}section#contact div.contact{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem}section#contact h2{font-family:var(--font-title);color:#5ce1e6;font-size:2rem;text-transform:uppercase;padding:1.5rem}#contact p{font-family:var(--font-content);color:#fff;font-size:1.25rem;text-align:justify}#contact div.content{display:flex;flex-direction:column;gap:4rem;align-items:center}#contact div.contacts{padding:0 1.5rem;display:flex;flex-direction:column;gap:2rem;align-items:center}#contact div.phone{display:flex;gap:.5rem;align-items:center;font-family:var(--font-content);color:#fff}#contact a.button{text-decoration:none;display:flex;gap:.5rem;align-items:center;justify-content:center;font-family:var(--font-content);font-size:1.25rem;color:#fff;width:100%;padding:.75rem 1.5rem;background-color:#25d366;border-radius:00.5rem;shadow:box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);transition:all .25s}#contact a.button:hover{scale:1.05;brightness:1.05}@media (min-width: 768px){section{max-width:80vw;margin-top:2.5rem}#banner{margin-top:0;max-width:100vw}#Benefits .cardWrap{grid-template-columns:1fr 1fr}#banner .content{width:65vw}#banner .content .text{margin-left:10vw;font-size:1.75rem}#banner .content .title{margin-left:10vw}#processManagement{display:flex;flex-direction:row;justify-content:center;max-height:fit-content;height:70vh}#processManagement .Image .Empresario{width:100%}#contact div.content .contacts{align-items:flex-start;font-size:1.5rem}#contact div.content .contacts p{font-size:1.5rem}}@media (min-width: 1024px){#processManagement .content .text{font-size:1.5rem}#contact div.content{flex-direction:row;justify-content:flex-start;text-align:start;gap:4rem}#contact div.content .contacts{max-width:40vw}}@media (min-width: 1200px){#Benefits .cardWrap{grid-template-columns:1fr 1fr 1fr}#Benefits .BenefitsHeader .text{font-size:1.5rem}#banner .content .text{width:65%}#banner .content .title{width:65%;font-size:2.75rem}#processManagement .content .title{font-size:2.5rem}#processManagement .content .text{font-size:1.75rem}#processManagement .Image .Brush{height:100vh}}div.footer{width:100%;margin:0 auto;padding:0 2.5rem;display:flex;flex-direction:column-reverse;justify-content:center;items-align:center;bottom:0;gap:2.5rem}div.footer h2{font-family:var(--font-title);color:#5ce1e6;font-size:2rem}div.footer p{font-family:var(--font-content);color:#fff;font-size:1.15rem;margin-bottom:.5rem;text-align:center}.footer div.logo{width:100%;height:100%;display:flex;flex-direction:column;items-align:center;gap:00.5rem}.footer div.logo img{height:6rem;width:auto}.footer div.Socials{width:100%;height:100%;display:flex;flex-direction:column;items-align:center;justify-content:center;gap:1.5rem}.footer div.Socials .Social{display:flex;gap:1.5rem;justify-content:center;items-align:center}.footer div.Socials p{font-size:1rem;line-height:1.5rem}.Social a{transition:all .25s}.Social a:hover{scale:1.25}.footer .dev p{text-decoration:none;color:#606060}.footer div.dev p strong a{text-decoration:none;color:#505050}@media (min-width: 768px){div.footer{margin-top:5rem;position:relative;display:flex-row;flex-direction:row;justify-content:center}.footer div.Socials{display:flex;justify-content:flex;text-align:center}}