@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";@import'leaflet/dist/leaflet.css';:root{--primary-color: #000;--amarillo: #f4d57a;--azul: #00528f;--azul-hover: #0076D1;--azul-oscuro: #01487f;--rojo: #ff2a22;--rojo-hover: #ff544e;--blanco: #fff;--negro: #2c2c2c;--gris: #faf9f9;--gris-fuerte: #e9e9e9;--verde: #128c7e;--verde-hover: #30afa1}body,h1,h2,h3,h4,h5,h6,p,span,li,a,label,blockquote,pre,code,dt,dd,th,td,input,textarea,button{margin:0;padding:0;font-family:"Lato",sans-serif;color:var(--negro)}h2{font-weight:700}@media(min-width: 1180px){h2{font-size:40px}}ul{padding:0 0 0;margin:0 0 0;padding-left:30px}a{text-decoration:none}button{border:0}input{outline:0 !important}@media(min-width: 1140px){.container{max-width:1280px}}@media(min-width: 1440px){.container{max-width:1400px}}.btn{border-radius:0}.btn-info{--bs-btn-bg: var(--azul);--bs-btn-border-color: var(--azul);--bs-btn-disabled-bg: var(--azul);--bs-btn-disabled-border-color: var(--azul);--bs-btn-hover-bg: var(--azul-hover);--bs-btn-hover-border-color: var(--azul-hover);--bs-btn-active-bg: var(--azul-hover);--bs-btn-active-border-color: var(--azul-hover)}.btn-danger{--bs-btn-bg: var(--rojo);--bs-btn-border-color: var(--rojo);--bs-btn-disabled-bg: var(--rojo);--bs-btn-disabled-border-color: var(--rojo);--bs-btn-hover-bg: var(--rojo-hover);--bs-btn-hover-border-color: var(--rojo-hover);--bs-btn-active-bg: var(--rojo-hover);--bs-btn-active-border-color: var(--rojo-hover)}.contactBlock{background-color:var(--primary-color);background-image:url("https://mpt.mx/wp-content/uploads/2026/01/bg-contacto.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;padding:80px 0 100px}@media(max-width: 1024px){.contactBlock{padding:50px 0}}@media(max-width: 740px){.contactBlock{padding:40px 0}}@media(max-width: 1024px){.contactBlock img{mask-image:linear-gradient(black 80%, transparent)}}@media(max-width: 768px){.contactBlock img{max-width:250px}}.contactBlock .pillTitle{max-width:85%}.contactBlock--content{width:100%;max-width:900px;display:block;margin:0 auto}@media(max-width: 1024px){.contactBlock--content{max-width:600px}}.contactBlock--copy{width:100%;max-width:650px;margin:0 0 40px}.contactBlock--copy h2{color:var(--blanco)}.contactBlock--copy h2 span{color:var(--amarillo)}.contactBlock--form{max-width:90%}@media(max-width: 740px){.contactBlock--form{padding-bottom:40px}}.contactBlock--form .btn{border-radius:10px}.contactBlock--form .btnSendWhats{padding:5px 20px;--bs-btn-bg: var(--verde);--bs-btn-border-color: var(--verde);--bs-btn-disabled-bg: var(--verde);--bs-btn-disabled-border-color: var(--verde);--bs-btn-hover-bg: var(--verde-hover);--bs-btn-hover-border-color: var(--verde-hover);--bs-btn-active-bg: var(--verde-hover);--bs-btn-active-border-color: var(--verde-hover)}.contactBlock--form .btnSendForm{padding:5px 20px}.contactBlock--form .btnSendForm:hover{color:var(--blanco) !important}.contactBlock--form .form-label{color:#fff;font-size:15px;display:none}.contactBlock--form .form-control{background-color:var(--blanco);border-radius:0;margin-bottom:30px}.contactBlock--form textarea{margin-bottom:0 !important}.contactBlock--form .form-check-label{color:#fff}.proyectosBlock{padding:20px 0 60px}@media(max-width: 768px){.proyectosBlock{padding:50px 0}}.proyectosBlock h2{color:var(--azul);margin-bottom:60px}@media(max-width: 768px){.proyectosBlock h2{margin-bottom:40px}}.proyectosBlock--item{margin-bottom:30px}.proyectosBlock--item.yellowTheme .proyectosBlock--info{background-color:var(--amarillo)}.proyectosBlock--item.yellowTheme .proyectosBlock--info h3,.proyectosBlock--item.yellowTheme .proyectosBlock--info p{color:var(--azul)}.proyectosBlock--img{position:relative;z-index:1}.proyectosBlock--img img{box-shadow:5px 5px 7px .5px rgba(31,30,37,.33)}.proyectosBlock--info{position:relative;z-index:2;background-color:var(--azul);text-align:center;height:85px;display:flex;flex-flow:column;justify-content:center;border-top-left-radius:30px;border-top-right-radius:30px;width:95%;max-width:315px;margin:0 auto;margin-top:-30px}.proyectosBlock--info h3,.proyectosBlock--info p{color:#fff}.proyectosBlock--info h3{font-size:22px;font-weight:bold}.proyectosBlock--info p{font-size:14px;margin:5px 0 0}.clientsGallery{padding:80px 0;background-color:var(--gris-fuerte)}.clientsGallery--item{height:110px;display:flex;align-items:center;justify-content:center}.productsGallery{background-color:var(--gris);position:relative;padding:40px 0 30px}@media(max-width: 768px){.productsGallery{padding:30px 0}}.productsGallery h2.titleSection{color:var(--azul);font-weight:bold;padding:50px}@media(max-width: 768px){.productsGallery h2.titleSection{padding:0;text-align:center}}.productsGallery .swiper-wrapper{margin:20px 0 30px}.productsGallery--item{padding:15px;position:relative;z-index:9}@media(max-width: 768px){.productsGallery--item{padding:0 30px}}.productsGallery--item img{display:block;max-width:100%;margin:0 auto}.productsGallery--image{position:relative;display:flex}.productsGallery--image img{position:relative;z-index:2;max-width:100%;max-height:340px}.productsGallery--data{width:100%}.productsGallery--data .btn-danger{width:100%;max-width:180px;font-size:16px}@media(max-width: 768px){.productsGallery--data .btn-danger{font-size:16px}}.productsGallery--data h2{font-size:25px;font-weight:normal;text-align:center;padding:40px 0}@media(max-width: 768px){.productsGallery--data h2{padding:20px 0;font-size:20px}}.productsNav--navigation{width:100%;position:absolute;top:40%;left:0%;z-index:8}.productsNav--navBtns{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto}.productsNav--navBtns .productsNav--nav{cursor:pointer}.productsNav--navBtns .productsNav--nav.yellow i{color:var(--amarillo)}.productsNav--navBtns .productsNav--nav i{font-size:60px;color:var(--rojo)}.globalNavigation--navigation{position:relative;text-align:center;margin:50px 0 0}.globalNavigation--circleNav{border:2px solid #fff;background-color:rgba(0,0,0,0);border-radius:50%;display:flex;align-items:center;justify-content:center}.globalNavigation--circleNav svg{width:18px;height:18px}.globalNavigation--circleNav svg path{fill:#fff}.globalNavigation--navBtns{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;display:inline-flex;gap:16px;background-color:#fff;margin:0 auto}.globalNavigation--navBtns .globalNavigation--nav{position:relative;top:0;left:0;right:0;margin:0;border:2px solid #d0d0d0;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0 16px}.globalNavigation--navBtns .globalNavigation--nav:hover{border-color:var(--primary-color);background-color:var(--primary-color)}.globalNavigation--navBtns .globalNavigation--nav:hover svg path{fill:#fff}.globalNavigation--navBtns .globalNavigation--nav svg{width:17px;height:17px}.globalNavigation--navBtns .globalNavigation--nav svg path{fill:var(--primary-color)}.bannerComponent{background-color:var(--azul);padding:30px 0 0}.bannerComponent--data{width:100%;max-width:575px}@media(min-width: 769px){.bannerComponent--image{mask-image:linear-gradient(to left, black 80%, transparent);overflow:hidden;display:block;z-index:1}}.bannerComponent--image img{display:block;max-width:100%;margin:0 auto}.bannerComponent h1{color:#fff;font-weight:bold;text-transform:uppercase;margin:0 0 30px;line-height:1.5;letter-spacing:2px}@media(min-width: 740px)and (max-width: 1140px){.bannerComponent h1{font-size:25px}}@media(max-width: 768px){.bannerComponent h1{text-align:center;font-size:22px}}.bannerComponent .btn{display:flex;align-items:center;justify-content:center;text-align:center;margin:30px 0;width:100%;max-width:250px;font-size:25px}@media(min-width: 740px)and (max-width: 1140px){.bannerComponent .btn{max-width:200px;font-size:22px}}@media(max-width: 768px){.bannerComponent .btn{max-width:180px;font-size:20px;margin-left:auto;margin-right:auto}}.introBlock{padding:40px 0}@media(max-width: 768px){.introBlock{padding:30px 0}}.introBlock h2{text-align:center;color:var(--blanco);background-color:var(--azul);font-size:25px;padding:10px;margin:0 auto 20px;width:100%;max-width:1100px}@media(max-width: 768px){.introBlock h2{font-size:20px;margin:0 auto 10px}}.introBlock--grid{display:flex;justify-content:center;gap:0 50px;flex-wrap:wrap}.introBlock--item{display:flex;align-items:center;gap:10px;margin-top:20px}@media(max-width: 768px){.introBlock--item{width:45%}}@media(max-width: 568px){.introBlock--item{width:40%;display:block}}.introBlock--item img{display:block;margin:0 auto;max-width:40px}.introBlock--item p{line-height:1.2;width:100%}@media(max-width: 568px){.introBlock--item p{margin-top:5px;text-align:center}}.quienesSomosBlock{padding:40px 0}.quienesSomosBlock h2{color:var(--azul)}.quienesSomosBlock--data{width:100%;max-width:385px}@media(max-width: 768px){.quienesSomosBlock--data{margin:0 auto;text-align:center}}.quienesSomosBlock--data h2{margin:0 0 40px}@media(max-width: 768px){.quienesSomosBlock--data h2{margin-bottom:20px}}@media(min-width: 740px){.quienesSomosBlock--data p{font-size:18px}}@media(min-width: 1280px){.quienesSomosBlock--data p{font-size:22px}}.quienesSomosBlock--boxes{padding:60px 0 30px}.quienesSomosBlock--box{width:100%;background-image:url(https://mpt.mx/wp-content/uploads/2026/01/bgbox.jpg);background-position:center center;background-size:cover;box-shadow:5px 5px 7px .5px rgba(31,30,37,.3);padding:40px 25px;margin:0 auto}@media(min-width: 1140px){.quienesSomosBlock--box{height:225px}}@media(max-width: 768px){.quienesSomosBlock--box{margin-top:15px}}.quienesSomosBlock--box h2{margin-bottom:10px}@media(min-width: 1140px){.quienesSomosBlock--box h2{font-size:35px}}@media(min-width: 1140px){.quienesSomosBlock--box p{font-size:22px}}@media(max-width: 568px){.quienesSomosBlock--box p{font-size:15px}}@media(max-width: 420px){.quienesSomosBlock--box p{font-size:14px}}.lineTitle{background-color:var(--azul)}.lineTitle h2{text-align:center;color:var(--blanco);font-size:25px;padding:10px 0;margin:0 auto 0px;width:100%;font-weight:normal}@media(max-width: 768px){.lineTitle h2{font-size:20px;margin:0 auto;padding:20px}}.instalacionesBlock{padding:60px 0 120px}@media(max-width: 768px){.instalacionesBlock{padding:40px 0 60px}}.instalacionesBlock h2{color:var(--azul);margin-bottom:60px}@media(max-width: 768px){.instalacionesBlock h2{margin-bottom:40px}}.instalacionesBlock--grid{width:100%;max-width:1180px;margin:0 auto;box-shadow:5px 5px 7px .5px rgba(31,30,37,.3);display:flex}@media(max-width: 768px){.instalacionesBlock--grid{display:block}}.instalacionesBlock--item{width:50%;background-color:var(--blanco)}@media(max-width: 768px){.instalacionesBlock--item{width:100%}}.instalacionesBlock--item.yellowTheme{background-color:var(--amarillo)}.instalacionesBlock--box{text-align:center;padding:50px}@media(max-width: 768px){.instalacionesBlock--box{padding:25px}}.instalacionesBlock--box h3{font-weight:bold;color:var(--azul);margin-bottom:50px}@media(min-width: 1280px){.instalacionesBlock--box h3{font-size:35px}}@media(max-width: 768px){.instalacionesBlock--box h3{margin-bottom:20px}}.instalacionesBlock--box p{margin-bottom:50px}@media(min-width: 1280px){.instalacionesBlock--box p{font-size:20px}}@media(max-width: 768px){.instalacionesBlock--box p{margin-bottom:20px}}.instalacionesBlock--box p:last-child{margin-bottom:0}.map-wrapper{width:100%;max-width:100%;margin:0 auto}.interactive-map{height:600px;width:100%;overflow:hidden}.custom-tooltip{background-color:#f4c430 !important;border:none !important;border-radius:8px !important;padding:8px 14px !important;font-weight:600 !important;color:#333 !important;box-shadow:0 3px 10px rgba(0,0,0,.25) !important;font-size:14px !important;white-space:nowrap !important}.custom-tooltip::before{border-top-color:#f4c430 !important}.leaflet-popup-content-wrapper{border-radius:12px !important;padding:8px !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}.leaflet-popup-tip{background:#fff !important}.leaflet-control-zoom{border:none !important;box-shadow:0 2px 8px rgba(0,0,0,.15) !important}.leaflet-control-zoom a{border-radius:4px !important;font-size:18px !important;font-weight:bold !important}@media(max-width: 768px){.interactive-map{height:450px !important}.custom-tooltip{font-size:12px !important;padding:6px 10px !important}}@media(max-width: 480px){.interactive-map{height:400px !important}}body{background-color:var(--blanco);overflow-x:hidden}.bigCta{background:var(--azul)}@media(min-width: 1024px){.bigCta{padding:40px 0 80px;background:var(--blanco)}}@media(min-width: 740px)and (max-width: 1140px){.bigCta{padding:50px 0}}@media(max-width: 1024px){.bigCta{background-image:url(/images/bgcta.jpg);background-size:cover;background-position:center center}}@media(min-width: 1024px){.bigCta--bg{background-image:url(/images/bgcta.jpg);background-size:cover;background-position:center center;padding:50px 150px}}@media(min-width: 1280px){.bigCta--bg{height:615px;display:flex;align-items:center}}@media(max-width: 740px){.bigCta .container{padding:0;margin:0 auto;width:100%;max-width:100%}}.bigCta--inf{width:100%;max-width:600px}@media(max-width: 740px){.bigCta--inf{background-color:rgba(0,0,0,.3);padding:50px 15px}}.bigCta--inf img{margin:0 auto 50px}@media(min-width: 1024px){.bigCta--inf img{margin:0 0 30px}}.bigCta--inf h2{color:var(--blanco);text-align:center;font-size:50px;text-transform:uppercase;text-shadow:0px 16px 27px rgba(22,21,44,.4)}@media(min-width: 1024px){.bigCta--inf h2{text-align:left}}@media(min-width: 1280px){.bigCta--inf h2{font-size:90px}}.footerGlobal{padding:80px 0;border-bottom:25px solid var(--azul)}@media(max-width: 568px){.footerGlobal{padding:40px 0}}.footerGlobal--up{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid var(--azul)}@media(max-width: 568px){.footerGlobal--up{padding-bottom:30px;margin-bottom:30px}}@media(max-width: 568px){.footerGlobal--up img{max-width:140px}}.footerGlobal--links h4,.footerGlobal--links a,.footerGlobal--links p{margin:15px 0}@media(min-width: 1140px){.footerGlobal--links h4,.footerGlobal--links a,.footerGlobal--links p{font-size:22px}}.footerGlobal--links h4{color:var(--azul);font-weight:bold}.footerGlobal--links h4 a{color:var(--azul)}.footerGlobal--links a{display:table}.footerGlobal--links p a{display:inline;margin:0}.footerGlobal--links .linkSocial a{color:var(--azul)}.headerGlobal{position:relative;z-index:999;background-color:var(--azul)}.headerGlobal--up{padding:15px 0;border-bottom:2px solid var(--azul-oscuro)}@media(max-width: 990px){.headerGlobal--up{border:0;padding:10px 0}}.headerGlobal--up .btn-catalog{display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;color:var(--blanco);border:2px solid var(--blanco);width:100%;max-width:200px;height:35px;border-radius:4px;margin-right:auto}.headerGlobal--up .btn-catalog:hover{background-color:var(--blanco);color:var(--azul)}.headerGlobal--up .btn-whats{color:var(--blanco);font-size:25px}.headerGlobal--middle{padding:15px 0;background-color:var(--azul)}@media(max-width: 990px){.headerGlobal--middle{border-top:2px solid var(--azul-oscuro);border-bottom:2px solid var(--azul-oscuro)}}.headerGlobal--middle .navbar-toggler{display:none;color:#fff;font-size:30px}@media(max-width: 990px){.headerGlobal--middle .navbar-toggler{display:block}}.headerGlobal--middle.fixed-top .headerGlobal--logo{max-width:120px}@media(max-width: 568px){.headerGlobal--middle.fixed-top .headerGlobal--logo{max-width:100px}}@media(max-width: 990px){.headerGlobal--logo{max-width:200px;margin-right:auto}}@media(max-width: 568px){.headerGlobal--logo{max-width:140px}}.headerGlobal--desk{background-color:var(--negro);position:absolute;top:100%;left:0;width:100%}@media(max-width: 990px){.headerGlobal--desk{display:none}}.headerGlobal--desk.fixed-top{position:fixed;top:0}.headerGlobal--enlaces{width:100%;margin:0 auto;padding:10px 0}.headerGlobal--enlaces ul{list-style:none;display:flex;align-items:center;justify-content:center;justify-content:space-between}.headerGlobal--enlaces ul li a{color:var(--blanco);font-weight:bold;font-size:17px}.headerGlobal--enlaces ul li a:hover{color:var(--amarillo)}.headerGlobal .offcanvas{--bs-offcanvas-bg: var(--azul)}.headerGlobal .offcanvas-header img{max-width:120px}
