:root{--white: #ffffff;--petroleum-blue: #1d3a72;--machinery-yellow: #ffbd59;--machine-yellow-transparent: #ffbd594b;--transparent: transparent;--bgbluetransparent: #1d3a724d;--text-color: #0b2b2b;--title-color: #ffffff;--text-color:#ffffff;--muted: #6b6b6b;--padding: .5rem;--bradius: 1.5rem;--til:3rem;--tils:2.5rem;--subtil:1rem;--texts:.8rem;--width: calc(100% - (2 * var(--padding)));--heigth: calc(100% - (2 * var(--padding)));width:100%;height:auto;margin:0;padding:0}body{margin:0;font-family:Poppins,sans-serif;background:var(--white);color:var(--text-color)}#root{width:100%;min-height:100vh;margin:0;padding:0}.page{width:100%;height:100%;min-height:100vh;padding:0;margin:0}.header{width:100%;height:70vh;margin:0;display:flex;justify-content:center;align-items:center}.main{width:100%;height:auto;min-height:55vh;margin:0;display:flex;flex-direction:column;justify-content:start;align-items:center}.whatsapp-btn{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid var(--petroleum-blue);display:inline-flex;align-items:center;justify-content:center;z-index:1200;box-shadow:0 8px 24px #0d14282e;cursor:pointer;text-decoration:none;transition:transform .18s ease;animation:whatsapp-scale 2.2s infinite ease-in-out}.whatsapp-btn img{width:80%;height:80%;object-fit:contain;display:block}.whatsapp-btn:hover{background-color:#3ea100;transition:all .3s ease-in-out}@keyframes whatsapp-scale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}hr{width:80%;border:none;height:1px;background-color:var(--petroleum-blue);margin-top:1rem;margin-bottom:1rem}.btn-link{background-color:var(--petroleum-blue);border:none;color:var(--machinery-yellow);font-size:var(--subtil);padding:calc(var(--padding) * 2);border-radius:var(--bradius);cursor:pointer;font-weight:700}.btn-link:hover{background-color:var(--machine-yellow-transparent);color:var(--petroleum-blue);transition:all .3s ease-in-out}.titulosec{color:var(--petroleum-blue);font-size:var(--tils);margin:0}.home{width:100%;height:100%}.home .header{background:linear-gradient(180deg,var(--petroleum-blue) 0%,var(--machinery-yellow) 59%,var(--transparent) 100%)}.home .header .cont{width:var(--width);height:var(--heigth);background-color:var(--bgbluetransparent);border-radius:var(--bradius);color:var(--title-color);display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.home .header .cont .filter{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:url(/img/6-1.jpg);background-position:center;background-size:cover}.home .header .cont h1{position:absolute;opacity:1;z-index:1;font-size:var(--til);filter:drop-shadow(0 0 5px var(--petroleum-blue))}.home .main .cont{width:var(--width);height:auto;margin-top:var(--padding);background-color:#fff;border-radius:var(--bradius);display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem}.home .main .cont .impfact{min-height:60px;height:7.5rem;width:calc((100% - 1rem) / 3);min-width:250px;border-radius:var(--bradius);display:flex;justify-content:start;align-items:center;gap:.5rem;color:var(--text-color);background-color:var(--petroleum-blue);box-shadow:0 0 5px #fff5}.home .main .cont .impfact .circle{width:50px;aspect-ratio:1;border-radius:50%;background-color:var(--machinery-yellow);margin-left:.5rem}.home .main .cont .impfact .info{display:flex;flex-direction:column;justify-content:center;margin:0 .5rem 0 0}.home .main .cont .impfact .info span{margin:0;font-weight:600;font-size:var(--subtil)}.home .main .cont .impfact .info p{margin:0;font-size:var(--texts)}.home .main .sec-about{width:var(--width);font-size:var(--subtil);height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4%;text-align:center}.home .main .sec-about h2{width:100%}.home .main .sec-about .about-cont{display:flex;align-items:stretch;justify-content:center;gap:-2rem;margin-bottom:1rem;border-radius:var(--bradius);height:30vh;width:100%;position:relative;cursor:pointer;transition:all 1s ease-in-out;overflow:hidden;gap:1rem}.home .main .sec-about .about-cont img{width:calc(100% - 4rem);height:100%;object-fit:cover;border-radius:0 calc(var(--bradius) * 2) 0 calc(var(--bradius) * 2);transition:all 1s ease-in-out}.home .main .sec-about .about-cont div{background-color:var(--petroleum-blue);margin:0;display:flex;align-items:center;height:100%;width:3rem;border-radius:1.5rem!important;z-index:-1;border-radius:0 calc(var(--bradius) * 2) 0 calc(var(--bradius) * 2);transition:all 1s ease-in-out}.home .main .sec-about .about-cont div p{margin:2rem;visibility:hidden}.home .main .sec-about .about-cont .cta-overlay{position:absolute;top:50%;right:50%;width:44px;height:44px;border-radius:50%!important;background:#ffbd590a;z-index:20;box-shadow:0 6px 18px #0000000f;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.home .main .sec-about .about-cont .cta-overlay:before{content:"";width:10px;height:10px;border-radius:50%!important;background:#ffbd5980;z-index:21;display:block}.home .main .sec-about .about-cont .cta-overlay:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%!important;background:#ffbd59e6;z-index:20;animation:wave-cta 1.6s ease-out infinite}.home .main .sec-about .about-cont:nth-child(2n){flex-direction:row-reverse;transition:all 1s ease-in-out}.home .main .sec-about .about-cont:nth-child(2n) img,.home .main .sec-about .about-cont:nth-child(2n) div{border-radius:0 calc(var(--bradius) * 2) 0 calc(var(--bradius) * 2);transition:all 1s ease-in-out}.home .main .sec-about .about-cont.active{justify-content:space-between;transition:all .5s ease-in-out;width:100%;height:40vh}.home .main .sec-about .about-cont.active .cta-overlay{position:absolute;width:0;height:0;z-index:-1;right:50%;top:50%;opacity:0}.home .main .sec-about .about-cont.active img{width:40%;position:relative;transition:all .5s ease-in-out}.home .main .sec-about .about-cont.active div{width:56%;position:relative;transition:all .5s ease-in-out}.home .main .sec-about .about-cont.active div p{visibility:visible;transition:visibility 1s ease-in-out}.home .main .sec-serv{width:var(--width);font-size:var(--subtil);height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;text-align:center;color:#000}.home .main .sec-serv h2{width:100%}.home .main .sec-serv .ser-item{width:calc(50% - 2.5rem);min-height:15.5rem;height:auto;min-width:350px;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--bradius);box-shadow:0 0 3px var(--bgbluetransparent)}.home .main .sec-serv .ser-item p{margin:1rem}@keyframes wave-cta{0%{transform:translate(-50%,-50%) scale(1);opacity:1}60%{transform:translate(-50%,-50%) scale(2.6);opacity:.14}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@media screen and (max-width: 650px){.impfact{width:100%!important;height:6.5rem!important}.about-cont{transition:all .3s ease-in-out!important}.about-cont img{transition:all .3s ease-in-out!important;width:100%!important}.about-cont div{width:0%!important;transition:all .3s ease-in-out!important;position:absolute!important}.about-cont div p{opacity:0!important;transition:opacity 10s ease-in-out!important}.about-cont.active{font-size:var(--texts)}.about-cont.active .cta-overlay{display:none!important}.about-cont.active img{width:5%!important;border-radius:0!important}.about-cont.active div{width:93%!important;position:relative!important}.about-cont.active div p{opacity:1!important;transition:opacity 2s ease-out!important}.about-cont:nth-child(2n){transition:all .3s ease-in-out!important}.about-cont:nth-child(2n) img{transition:all .3s ease-out!important}.about-cont:nth-child(2n) div{transition:all .3s ease-out!important}.about-cont:nth-child(2n) div p{transition:opacity 10s ease-out!important}.ser-item{min-height:15.5rem!important;width:100%!important}}