/***GENERAL STYLES***/
main{margin-top: 100px;}
body{font-family: "Poppins";}
li{list-style: none;}
.mt-50{margin-top: 50px;}
.title-services{font-weight: 900;text-align: center;}
.title-services:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.dropdown-item.active, .dropdown-item:active {color: var(--color-black-mate)!important;text-decoration: none;background-color: var(--bs-dropdown-link-hover-bg);}
.text-red{color: var(--color-red);}
.error-label{font-size: 15px;color:var(--color-red);margin: 5px 2px;font-weight: 900;}
.success-form{font-size: 15px;color: var(--color-green); margin: 5px 2px;font-weight: 900;}

#loading{width: 100%;margin-top: 50px;}
#loading .spinner-border{border:var(--color-red) solid;border-right-color: transparent;margin: 0px auto;display: block;}
.bg-gray{background-color: var(--color-gray-light);}

i[class^="ico-box-"]{width:18px;height:18px;margin:auto;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.ico-box-mail{background-image: url(../img/ico/mail.png);}
.ico-box-phone{background-image: url(../img/ico/phone.png);}
.ico-box-clock{background-image: url(../img/ico/reloj.png);}
.ico-box-facebook{background-image: url(../img/ico/facebook.png);}
.ico-box-tiktok{background-image: url(../img/ico/tiktok.png);}
.ico-box-mensaje{background-image: url(../img/ico/whatsapp.png);}
.ico-box-whatsapp-white{background-image: url(../img/ico/whatsapp.png);}

.header {display: block!important;color: var(--color-black-mate);background-color: var(--color-white);transition: all 0.5s;z-index: 997;}
.header .logo {line-height: 1;}
.header .logo img {max-height: 60px;margin-right: 8px;}
.header .logo h1 {font-size: 30px;margin: 0;font-weight: 700;color: var(--color-dark-red);}
.header .logo-print {line-height: 1;}
.header .logo-print img {max-height: 90px;margin-right: 8px;}
.header .logo-print h1 {font-size: 30px;margin: 0;font-weight: 700;color: var(--color-dark-red);}
.header .btn-getstarted,.header .btn-getstarted:focus {color: var(--color-white);background: var(--color-red);font-size: 15px;padding: 8px 25px;margin: 0 0 0 30px;border-radius: 4px;transition: 0.3s;font-weight: 500;}
.header .btn-getstarted:hover,.header .btn-getstarted:focus:hover {color: var(--color-white);background: color-mix(in srgb, var(--color-red), transparent 15%);}

@media (max-width: 1200px) {
  .header .logo {order: 1; }
  .header .logo-print {order: 1;}
  .header .btn-getstarted {order: 2;margin: 0 15px 0 0;padding: 6px 15px;}
  .header .navmenu {order: 3;}
}
.scrolled .header {box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}

.topbar {background: var(--color-red);height: 60px;font-size: 14px;transition: all 0.5s;padding: 0;}
.topbar .container .contact-info .link-contact{font-weight:500;display: inline-flex; color: var(--color-white);opacity:1;text-decoration:none;line-height: 1.2;font-size: 14px;}
.topbar .container .contact-info .link-contact:hover{opacity: 0.5;}
.topbar .container .contact-info .link-contact .text-contact{margin-left: 10px;color: var(--color-white);}
.topbar .container .social-links .link-contact:hover{opacity: 0.5;}
.topbar .container .social-links .btn-cotizacion{text-decoration:none;background-color: var(--color-dark-red);color: var(--color-white);height: 60px;display: inline-flex;padding: 20px;}
.topbar .container .social-links .btn-cotizacion:hover{background-color: var(--color-dark-red);color: var(--color-white); }
.topbar .container .social-links .btn-cotizacion .text-contact{color: var(--color-white);line-height: 1.4; margin-left: 10px;font-weight:500;}
.topbar .container .contact-info i a {line-height: 0;transition: 0.3s;}
.topbar .container .contact-info i a:hover {color: var(--color-white);text-decoration: underline;}
.topbar .container .social-links a {color: var(--color-white);line-height: 0;transition: 0.3s;margin-left: 20px;}
.topbar .container .social-links a:hover { color: var(--color-white);}
@media (max-width: 1200px) {
  .topbar .container .contact-info .open-hours{display: none;} 
}

@media (max-width: 1200px) {
  .topbar .container .contact-info .link-contact span{display: none;} 
}

@media (max-width: 767px) {
  .topbar .container .contact-info{width: 50px;} 
  .topbar .container .social-links{width: calc((100%) - (50px));} 
  .topbar .container .contact-info,
  .topbar .container .social-links{display: flex;justify-content: end;}
}

@media (max-width: 575px) {
  .topbar .container .contact-info i a,
  .topbar .container .contact-info i span {font-size: 13px;}
}

@media (max-width: 406px) {
 .topbar .container .social-links .btn-cotizacion .text-contact{display: none;}
}
/***NAVBAR***/
#nav{background-color: var(--color-white);}
#nav .container-fluid .navbar-brand .logo{width: 212px;}
#nav .container-fluid .navbar-nav .nav-item .nav-link{font-weight:500;font-size: 18px;color:var(--color-black-mate);padding: 8px 15px;}
#nav .container-fluid .navbar-nav .nav-item .active{color: var(--color-red);}
#nav .container-fluid .navbar-nav .nav-item:hover .nav-link{color:var(--color-red);}
#nav .container-fluid .navbar-nav .active .nav-link{color:var(--color-red);}
#nav .container-fluid .navbar-nav .nav-item .bg-red-button,#nav .container-fluid .navbar-nav .nav-item .bg-red-button:hover{background-color: var(--color-red);color: var(--color-white);border-radius: 5px;padding: 8px 15px;}
/***HERO***/
.hero {width: 100%;min-height: 100vh;position: relative;padding: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.hero .info {position: relative;inset: 0;z-index: 3;}
.hero .info h1 {color: var(--color-white);margin-bottom: 10px;padding-bottom: 10px;font-size: 48px;font-weight: 700;position: relative;}
.hero .info h1:after {content: "";position: absolute;display: block;width: 80%;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;}
.hero .info p {color: color-mix(in srgb, var(--color-white), transparent 20%);font-size: 18px;}
.hero .info .btn-get-started {color: var(--color-white);background-color: var(--color-red);font-weight: 700;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 40px;border-radius: 5px;transition: 0.5s;margin: 10px;text-decoration: none;}
.hero .info .btn-get-started:hover {background: var(--color-dark-red);}
.hero .carousel {inset: 0;position: absolute;overflow: hidden;}
.hero .carousel-item {position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;transition-duration: 0.4s;}
.hero .carousel-item img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.hero .carousel-item::before {content: "";background-color: color-mix(in srgb, var(--color-black-mate), transparent 30%);position: absolute;inset: 0;z-index: 2;}
.hero .carousel-control-prev {justify-content: start;}
.hero .carousel-control-next {justify-content: end;}
.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {background: none;font-size: 26px;line-height: 0;background: color-mix(in srgb, var(--color-black-mate), transparent 50%);color: color-mix(in srgb, var(--color-white), transparent 10%);border-radius: 50px;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;}
.hero .carousel-control-prev,.hero .carousel-control-next {text-decoration:none;z-index: 3;transition: 0.3s;}
.hero .carousel-control-prev:focus,.hero .carousel-control-next:focus {opacity: 0.5;}
.hero .carousel-control-prev:hover,.hero .carousel-control-next:hover {opacity: 0.9;}
@media (max-width: 768px),(max-height: 480px) {
  .hero .info {padding: 100px 50px 60px 50px;}
}
@media (max-width: 768px) {
  .hero .info h1 {font-size: 36px;}
}
@media (min-width: 640px) {
  .hero .carousel-control-prev {padding-left: 15px;}
}
@media (min-width: 640px) {
  .hero .carousel-control-next {padding-right: 15px;}
}
/***US***/
#wave{position: absolute;z-index: 3;bottom: 0;}
#us .container{z-index: 4;}
#us .container .row{margin-top: 50px;}
#us .container .row .col-lg-6 .title{margin-top:60px;color: var(--color-black);text-align: center;font-weight: 700;}
#us .container .row .col-lg-6 .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
@media (max-width: 1200px) {
  #wave{display: none;}
}
/***SERVICES***/
.services{background-color:var(--color-gray-light); padding: 50px 0px;margin-top: 60px;}
.services .img {border-radius: 8px;overflow: hidden}
.services .img img {transition: 0.6s}
.services .details {background: color-mix(in srgb, var(--color-white), transparent 5%);padding: 30px;margin: -30px 30px 0 30px;transition: all ease-in-out 0.3s;position: relative;text-align: center;border-radius: 8px;box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);}
.services .details .icon {margin: 0;width: 72px;height: 72px;background: var(--color-red);color: var(--color-white);border: 6px solid var(--color-white);border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 28px;transition: ease-in-out 0.3s;position: absolute;top: -36px;left: calc(50% - 36px);}
.services a{text-decoration: none;}
.services .details h4{color:var(--color-black-mate);font-weight: 500;margin: 10px 0 15px 0;font-size: 18px;transition: ease-in-out 0.3s}
.services .container .title{font-weight: 700;color: var(--color-black-mate);text-align: center;}
.services .container .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.services .container .paragraph{color: var(--color-black-mate);text-align: center;}
.services .service-item:hover .details h3 {color: var(--color-red);}
.services .service-item:hover .details .icon {background: var(--color-white);border: 2px solid var(--color-red);}
.services .service-item:hover .details .icon i {color: var(--color-red);}
.services .service-item:hover .img img {transform: scale(1.2);}

.swiper-button-next, .swiper-button-prev{color: var(--color-white);background-color: var(--color-red);width: 50px;height: 50px;border-radius: 50%;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 14px;font-weight: 700;}
.swiper-pagination-bullet-active{background-color: var(--color-red);}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: var(--swiper-pagination-bottom, 18px);}

.beneficios-info{background-color: var(--color-red);}
.beneficios-info .row .title{font-weight: 700;color: var(--color-white);text-align: center;}
.beneficios-info .row .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-white);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.beneficios-info .row .paragraph{color: var(--color-white);text-align: center;}
.beneficios-info .benefit-content{padding: 50px;}
.beneficios-info .benefit-content .benefit{display:flex;padding: 8px 10px;background-color:var(--color-white);margin:10px; border-radius: 5px;}
.beneficios-info .benefit-content .benefit .icon{margin: 0 auto;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;transition: ease-in-out 0.3s;position: relative;}
.beneficios-info .benefit-content .benefit .icon .figure-benefit{position: absolute;top: 0;left: 0;}
.beneficios-info .benefit-content .benefit .icon i{font-size: 24px;transition: 0.5s;position: relative;color: var(--color-white);}
.beneficios-info .benefit-content .benefit .benefit-title{font-size: 18px;margin-top: 13px;color: var(--color-black-mate);}
@media (max-width: 1671px) {
  .beneficios-slider,.beneficios-info{width:100%; }
}
i[class^="icon-"]{width:36px;height:36px;margin:auto;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.icon-mupi{background-image: url(../img/ico/mupi_white.png);}
.icon-parabus{background-image: url(../img/ico/parabus.png);}

#camiones{background-color:var(--color-gray-light); }
#camiones .container .row .col-lg-6 .title{margin-top:60px;color: var(--color-black);text-align: center;font-weight: 700;}
#camiones .container .row .col-lg-6 .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.call-to-action {margin-bottom:-140px;padding: 150px 0;position: relative;clip-path: inset(0);}
.call-to-action img {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.call-to-action:before {content: "";background: color-mix(in srgb, var(--color-black-mate), transparent 50%);position: absolute;inset: 0;z-index: 2}
.call-to-action .container {position: relative;z-index: 3;}
.call-to-action h2 {font-size: 42px;font-weight: 700;color: var(--color-white);}
.contact{margin-top: 70px;z-index: 3;position: relative;}
.contact .container {padding: 0px;}
.contact .content {margin: auto;background-color: var(--color-white);padding: 60px 90px!important;font-size: 15px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);background-position: center right;height: 100%;background-size: contain;background-repeat: no-repeat;background-image: url(../img/contact.png)}
.contact .content .contact-title {font-size: 30px;font-weight: 700;margin: 0px auto 15px auto;color: var(--color-black-dark);text-align: center;}
.contact .content .contact-title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.contact .content .contact-text {font-size: 16px;font-weight: 700;margin: auto;color: var(--color-gray);text-align: center;}
.contact .content .contact-subtitle {position: relative;font-size: 18px;font-weight: 700;letter-spacing: 4px;margin-bottom: 30px;color: var(--color-black-dark);}
.contact .contact-subtitle::after {content: '';height: 4px;width: 10%;background: var(--color-blue);position: absolute;/* margin: 0 auto; */left: 0;right: 0;top: 35px;}
.contact .content .contact-text {font-size: 16px;font-weight: 400;color: var(--color-black);}
.contact .content p:last-child {margin-bottom: 0;}
.contact .container .row .content form .row .col input{height: 63px;padding: 20px 22px;background-color: var(--color-gray);border: none;}
.contact .container .row .content form .row .col select{height: 63px;padding: 20px 22px;background-color: var(--color-gray);border: none;}
.contact .container .row .content form .row .col textarea{padding: 20px 22px;background-color: var(--color-gray);border: none;}
.contact .container .row .content form .row .col button{padding: 20px 22px;background-color: var(--color-red);border: none;width: 100%;text-align: center;}
@media (max-width: 767px) {
  .contact .container .row .content{padding-left:30px!important;padding-right:30px!important; }
}

@media (max-width: 550px) {
  .contact .container .row{padding-top: 0px!important;}
  .contact .container .row .content{padding-left:30px!important;padding-right:30px!important; }
  .contact .container .row .content form .row .col{width: 100%;flex: none;margin-top: 24px;}
}

.features .nav-tabs {border: 0;}
.features .nav-link {color: var(--color-black-color);padding: 15px 0;transition: 0.3s;border-radius: 0;display: flex;align-items: center;justify-content: center;cursor: pointer;height: 100%;border: 0;border-bottom: 4px solid color-mix(in srgb, var(--color-gray-light), transparent 0%);}
.features .nav-link i {padding-right: 15px;font-size: 48px;}
.features .nav-link h4 {font-size: 18px;font-weight: 600;margin: 0;}
.features .nav-link:hover {color: var(--color-black-mate);border-color: color-mix(in srgb, var(--color-red), transparent 0%);}
.features .nav-link.active {color: var(--color-black-mate);border-color: var(--color-red);}
.features .tab-content {margin-top: 30px;}
.features .tab-pane h3 {color: var(--color-black-mate);font-weight: 700;font-size: 32px;position: relative;}
.features .tab-pane h3:after {content: "";position: absolute;display: block;width: 60px;height: 3px;left: 0;bottom: 0;}
.features .tab-pane ul {list-style: none;padding: 0;}
.features .tab-pane ul li {padding-top: 10px;}
.features .tab-pane ul i {font-size: 20px;padding-right: 4px;color: var(--color-black-mate);}
.features .tab-pane p:last-child {margin-bottom: 0;}
@media (max-width: 575px) {
  .features .nav-link h4 {font-size: 16px;}
}


footer{background-color: var(--color-black);}
footer .text-footer{color: var(--color-white);}
footer .text-footer .text-body{color: var(--color-white)!important;text-decoration: none;font-weight: bold;}

.service-desc .content ul {list-style: none;padding: 0;}
.service-desc .content ul li {display: flex;align-items: flex-start;margin-top: 40px;}
.service-desc .content ul i {flex-shrink: 0;font-size: 48px;color: var(--accent-color);margin-right: 20px;line-height: 0;}
.service-desc .content ul h5 {font-size: 18px;font-weight: 700;}
.service-desc .content ul p {font-size: 15px;}
.service-desc .content p:last-child {margin-bottom: 0;}
.service-desc .pulsating-play-btn {position: absolute;left: calc(50% - 47px);top: calc(50% - 47px);}

.pulsating-play-btn {width: 94px;height: 94px;background: radial-gradient(var(--color-red) 50%, color-mix(in srgb, var(--color-red), transparent 75%) 52%);border-radius: 50%;display: block;position: relative;overflow: hidden;}
.pulsating-play-btn:before {content: "";position: absolute;width: 120px;height: 120px;animation-delay: 0s;animation: pulsate-play-btn 2s;animation-direction: forwards;animation-iteration-count: infinite;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid color-mix(in srgb, var(--color-red), transparent 30%);top: -15%;left: -15%;background: rgba(198, 16, 0, 0);}
.pulsating-play-btn:after {content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 100;transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.pulsating-play-btn:hover:before {content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 200;animation: none;border-radius: 0;}
.pulsating-play-btn:hover:after {border-left: 15px solid var(--color-red);transform: scale(20);}

@keyframes pulsate-play-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

.icon-box {margin-top: 25px;}
.icon-box i {background-size: 42px;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;justify-content: center;color: var(--color-white);margin-right: 25px;font-size: 28px;width: 56px;height: 56px;border-radius: 4px;line-height: 0;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);background-color: var(--color-red);transition: 0.3s;}
.icon-box h4 {color: var(--color-black-mate);font-weight: 700;margin-bottom: 0px;font-size: 16px;}
.icon-box h4 a {text-decoration: none;color: var(--color-black-mate);transition: 0.3s;}
.icon-box p {color: var(--color-black-mate);margin-bottom: 0;}


.heroCobertura {width: 100%;min-height: 100vh;position: relative;padding: 120px 0 60px;display: flex;align-items: center;}
.heroCobertura:before {position: absolute;content: "";background: color-mix(in srgb, var(--color-white), transparent 40%);inset: 0;z-index: 2;}
.heroCobertura img {filter: grayscale(1);position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.heroCobertura .container,.heroCobertura .container-fluid {z-index: 3;position: relative;}
.heroCobertura h1 {color: var(--color-white);margin: 0;font-size: 3rem;font-weight: 700;}
.heroCobertura blockquote {color: color-mix(in srgb, var(--color-black-mate), transparent 20%);padding-left: 20px;border-left: 2px solid var(--color-white);margin: 40px 0;}
.heroCobertura p {color: var(--color-white);}
.heroCobertura .btn-get-started {color: var(--color-white);background: var(--color-red);font-weight: 600;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 30px;border-radius: 50px;transition: 0.5s;}
.heroCobertura .btn-get-started:hover {background: color-mix(in srgb, var(--color-red) 90%, white 15%);}
.heroCobertura .btn-watch-video {font-size: 16px;transition: 0.5s;margin-left: 25px;color: var(--color-black-mate);font-weight: 600;}
.heroCobertura .btn-watch-video i {color: color-mix(in srgb, var(--color-black-mate), transparent 50%);font-size: 32px;transition: 0.3s;line-height: 0;margin-right: 8px;}
.heroCobertura .btn-watch-video:hover {color: var(--color-black-mate);}
.heroCobertura .btn-watch-video:hover i {color: var(--color-black-mate);}
@media (min-width: 1200px) {
  .heroCobertura:after {position: absolute;content: "";width: 44%;background-image: linear-gradient(180deg, color-mix(in srgb, var(--color-red), transparent 15%), color-mix(in srgb, var(--color-red), transparent 15%) 100%), linear-gradient(180deg, rgb(0, 0, 0), rgb(0, 0, 0) 100%);top: 0;bottom: 0;z-index: 2;}
}
@media (max-width: 640px) {
  .heroCobertura h1 {font-size: 28px;line-height: 36px;}
  .heroCobertura .btn-get-started,.heroCobertura .btn-watch-video {font-size: 13px;}
}

.aboutCobertura .content {background-image: url(../img/vector.png);padding: 40px;}
.aboutCobertura .content h3 {font-size: 14px;font-weight: 700;color: var(--color-red);text-transform: uppercase;}
.aboutCobertura .content h2 {font-size: 24px;font-weight: 700;}
.aboutCobertura .content p {margin: 15px 0 30px 0;line-height: 24px;}
.aboutCobertura .content .btn-read-more {color: var(--color-white);background: var(--color-red);line-height: 0;padding: 15px 40px;border-radius: 4px;transition: 0.5s;box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);}
.aboutCobertura .content .btn-read-more span {font-weight: 600;font-size: 16px;letter-spacing: 1px;}
.aboutCobertura .content .btn-read-more i {margin-left: 5px;font-size: 18px;transition: 0.3s;}
.aboutCobertura .content .btn-read-more:hover i {transform: translateX(5px);}
.aboutCobertura .card {background-color: var(--color-white);color: var(--color-black-mate);padding: 30px;box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);text-align: center;transition: 0.3s;height: 100%;border: 0;}
.aboutCobertura .card img {padding: 30px 50px;transition: 0.5s;transform: scale(1.1);}
.aboutCobertura .card h3 {font-size: 24px;font-weight: 700;margin-bottom: 18px;}
.aboutCobertura .card:hover {box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1)}
.aboutCobertura .card:hover img {transform: scale(1);}
.aboutCobertura .stats-item {background-color: var(--color-white);box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);padding: 30px;}
.aboutCobertura .stats-item i {color: var(--color-white);font-size: 42px;line-height: 0;margin-right: 20px;}
.aboutCobertura .stats-item span {color: var(--color-white);font-size: 36px;display: block;font-weight: 600;}
.aboutCobertura .stats-item p {padding: 0;color: var(--color-white);margin: 0;font-size: 16px;}
.why-usCobertura{margin-top:50px;}
.why-usCobertura .img-bg {min-height: 500px;position: relative;}
.why-usCobertura .img-bg img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.why-usCobertura .slides {background-color: color-mix(in srgb, var(--color-black-mate), transparent 97%);}
.why-usCobertura h3 {font-size: 24px;font-weight: 700;}
.why-usCobertura h4 {font-size: 18px;font-weight: 300;color: color-mix(in srgb, var(--color-black-mate), transparent 30%);}
.why-usCobertura .swiper {margin: 140px 140px 120px 140px;overflow: hidden;}
.why-usCobertura .swiper-wrapper {height: auto;}
.why-usCobertura .swiper-button-prev:after,
.why-usCobertura .swiper-button-next:after {font-size: 24px;color: color-mix(in srgb, var(--color-black-mate), transparent 50%);}
.why-usCobertura .swiper-button-prev {left: 80px;}
.why-usCobertura .swiper-button-next {right: 80px;}
.why-usCobertura .swiper-pagination {margin-top: 30px;position: relative;}
.why-usCobertura .swiper-pagination .swiper-pagination-bullet {background-color: color-mix(in srgb, var(--color-black-mate), transparent 50%);}
.why-usCobertura .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--color-red);}
@media (max-width: 1200px) {
  .why-usCobertura .swiper {margin: 60px 60px 40px 60px;}
  .why-usCobertura .swiper-button-prev,.why-usCobertura .swiper-button-next {display: none;}
}
@media (max-width: 575px) {
  .why-usCobertura .swiper {margin: 40px 40px 20px 40px;}
}
/***COBERTURA***/
.text-justify{text-align: justify!important;}
.cobertura-title .title{font-weight: 700;color: var(--color-black);text-align: center;}
.cobertura-title .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.cobertura-title .paragraph{color: var(--color-black-mate);text-align: center;}
/***HOME***/
#homeCobertura #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption h1{font-weight: 700;}
#homeCobertura #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption p{font-weight: 500;}
/***US***/
#usCobertura {padding-top: 60px;}
#usCobertura .us-image {border-radius: 8px;overflow: hidden;}
#usCobertura .us-image .experience-badge {position: absolute;top: 30px;right: -10px;background: var(--color-red);color: var(--color-white);padding: 1.5rem;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);text-align: center;min-width: 150px;}
#usCobertura .us-image .experience-badge .years {font-size: 2.5rem;font-weight: 700;line-height: 1;display: block;margin-bottom: 5px;}
#usCobertura .us-image .experience-badge .text {font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;}
@media (max-width: 768px) {
  #usCobertura .us-image .experience-badge {right: 0;top: 10px;padding: 1rem;min-width: 120px;}
  #usCobertura .us-image .experience-badge .years {font-size: 2rem;}
}
#usCobertura .us-content h2 {font-size: 2.2rem;margin-bottom: 1.25rem;font-weight: 700;color: var(--color-black);}
@media (max-width: 768px) {
  #usCobertura .us-content h2 {font-size: 1.8rem;}
}
#usCobertura .us-content p {margin-bottom: 1rem;color: var(--color-black-mate);}
/***VALORES***/
.valores-section{padding:60px 0px;background-color: var(--color-gray);margin: 60px 0px 0px 0px;}
.valores-section .row {justify-content: center;}
.valores-section .valores-card {height: 100%;background: var(--color-white);border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);overflow: hidden;position: relative;transition: all 0.4s;margin-bottom: 30px;display: flex;flex-direction: column;border: 1px solid color-mix(in srgb, var(--color-red), transparent 90%);}
.valores-section .valores-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.valores-section .valores-header {padding: 30px 30px 20px;text-align: center;}
.valores-section .valores-header .valores-icon {width: 70px;height: 70px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: color-mix(in srgb, var(--color-yellow), transparent 90%);}
.valores-section .valores-header .valores-icon i {font-size: 36px;color: var(--color-red);}
.valores-section .valores-header h3 {font-size: 24px;font-weight: 700;margin-bottom: 10px;color: var(--color-black-mate);}
.valores-section .valores-header p {font-size: 15px;color: color-mix(in srgb, var(--color-black), transparent 30%);}
@media (max-width: 992px) {
  .valores-section .valores-card {max-width: 400px;margin-left: auto;margin-right: auto;}
}

@media (max-width: 768px) {
  .valores-section .valores-header {padding: 25px 20px 15px;}
}

.why-us{padding: 60px 0px;} 
.why-us .why-us-arrow {color: var(--color-red);}
.why-us .why-us-container .why-us-item {border:1px solid var(--color-gray-thin);display:flex;background-color: var(--color-white);position: relative;margin-bottom: 15px;border-radius: 10px;overflow: hidden;}
.why-us .why-us-container .why-us-item:last-child {margin-bottom: 0;}
.why-us .why-us-container .why-us-item .why-us-icon {width: 70px;height: 70px;margin: 0px 20px 0px 0px;display: flex;align-items: center;justify-content: center;background-color: var(--color-red);}
.why-us .why-us-container .why-us-item .why-us-icon i {font-size: 36px;color: var(--color-white);}
.why-us .why-us-container .why-us-item h3 {color: var(--color-black-mate);font-weight: 600;font-size: 16px;line-height: 24px;margin: 0 30px 0 0;transition: 0.3s;cursor: pointer;display: flex;align-items: center;}
.why-us .why-us-container .why-us-item .why-us-content {display: grid;grid-template-rows: 0fr;transition: 0.3s ease-in-out;visibility: hidden;opacity: 0;}
.why-us .why-us-container .why-us-item .why-us-content p {color: var(--color-black);margin-bottom: 0;overflow: hidden;}

i[class^="icoBox"]{margin:auto;width: 36px;height: 36px;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.icoBoxMegaphone{background-image: url('../img/ico/icon-01-light.png');}
.icoBoxArrowUp{background-image: url('../img/ico/icon-02-light.png');}
.icoBoxBullsEye{background-image: url('../img/ico/icon-03-light.png');}
.icoBoxClock{background-image: url('../img/ico/icon-04-light.png');}
.icoBoxCamera{background-image: url('../img/ico/icon-05-light.png');}
.icoBoxPeople{background-image: url('../img/ico/icon-06-light.png');}
/*** WORK PROCESS ***/
.work-process{padding: 60px 0px;}
.work-process .steps-content {padding-right: 30px;margin-bottom: 40px;}

@media (max-width: 992px) {
  .work-process .steps-content {padding-right: 0;}
}

.work-process .steps-content h2 {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--color-black);}

@media (max-width: 768px) {
  .work-process .steps-content h2 {font-size: 2rem;}
}

.work-process .steps-content .lead {font-size: 1.2rem;font-weight: 500;margin-bottom: 1.5rem;color: var(--default-color);}
.work-process .steps-content p {margin-bottom: 2rem;color: var(--color-black-mate);}
.work-process .steps-content .steps-cta {display: flex;gap: 15px;}

@media (max-width: 576px) {
  .work-process .steps-content .steps-cta {flex-direction: column;}
}

.work-process .steps-content .steps-cta .btn {padding: 12px 30px;font-weight: 600;border-radius: 5px;transition: all 0.3s ease;}
.work-process .steps-content .steps-cta .btn-primary {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}
.work-process .steps-content .steps-cta .btn-primary:hover {background-color: color-mix(in srgb, var(--color-red), #FFF 15%);border-color: color-mix(in srgb, var(--color-red), #FFF 15%);transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.work-process .steps-list {position: relative;}
.work-process .steps-list::before {content: "";position: absolute;top: 0;bottom: 0;left: 25px;width: 2px;background-color: var(--color-pink);}

@media (max-width: 576px) {
  .work-process .steps-list::before {left: 20px;}
}

.work-process .steps-list .step-item {display: flex;margin-bottom: 30px;position: relative;}
.work-process .steps-list .step-item:last-child {margin-bottom: 0;}
.work-process .steps-list .step-item:hover .step-number {background-color: var(--color-red);color: var(--color-white);transform: scale(1.1);}
.work-process .steps-list .step-item .step-number {flex-shrink: 0;width: 50px;height: 50px;border-radius: 50%;background-color: var(--color-pink);color: var(--color-white);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;font-weight: 700;margin-right: 20px;z-index: 1;transition: all 0.3s ease;}

@media (max-width: 576px) {
  .work-process .steps-list .step-item .step-number {width: 40px;height: 40px;font-size: 1rem;}
}

.work-process .steps-list .step-item .step-content {padding-top: 5px;}
.work-process .steps-list .step-item .step-content h3 {font-size: 1.3rem;font-weight: 700;margin-bottom: 10px;color: var(--color-black-mate);}

@media (max-width: 576px) {
  .work-process .steps-list .step-item .step-content h3 {font-size: 1.1rem;}
}

.work-process .steps-list .step-item .step-content p {font-size: 0.95rem;color: var(--color-black);margin-bottom: 0;}
/*
.whatsapp-float {position: fixed;bottom: 30px;left: 10px;z-index: 1000;}
.whatsapp-float .btn {background-color: rgb(37, 211, 102);border-radius: 50%;width: 60px;height: 60px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
.whatsapp-float .btn i{color: var(--color-white);}
*/
.poppins-bold{font-family: "Poppins";font-weight: 700;text-align: center;}


.whatsapp-button {position: fixed;bottom: 30px;left: 10px;background-color: #25D366;padding: 12px;border-radius: 50%;box-shadow: 0 2px 8px rgba(0,0,0,0.3);cursor: pointer;z-index: 1000;}
.whatsapp-button img {width: 40px;height: 40px;}

/* Popup */
.whatsapp-popup {position: fixed;bottom: 80px;left: 20px;width:300px;background: var(--color-white);border-radius: 12px;box-shadow: 0 2px 12px rgba(0,0,0,0.2);display: none;flex-direction: column;z-index: 9999;}
.whatsapp-popup.visible {display: flex;}
.popup-header {background-color: #25D366;color: white;padding: 12px;font-weight: bold;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.agent-list {display: flex;flex-direction: column;padding: 10px;}
.agent {display: flex;align-items: center;text-decoration: none;color: black;padding: 8px 0;border-bottom: 1px solid #eee;transition: background-color 0.2s ease;}
.agent:hover {background-color: #f2f2f2;}
.agent:last-child {border-bottom: none;}
.agent img {width: 80px;height: 80px;border-radius: 50%;margin-right: 12px;object-fit: cover;}
.agent-name {font-weight: bold;}
.agent-role {font-size: 0.9em;color: #555;}


.ftco-section {position: relative;width: 100%;}
.ftco-about {position: relative;z-index: 0;}
.ftco-about .title{font-weight: 700;color: var(--color-black);text-align: center;}
.ftco-about .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.ftco-about .paragraph{color: var(--color-black-mate);text-align: center;}
.ftco-about .about-intro{width: 100%;position: relative;z-index: 99;}
.ftco-about .img {margin-top: -100px;-webkit-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);-moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);border: 15px solid var(--color-white);}
.ftco-no-pt {padding-top: 0 !important;}
.align-items-stretch {-webkit-box-align: stretch !important;-ms-flex-align: stretch !important;align-items: stretch !important;}
.img{background-size: cover;background-repeat: no-repeat;background-position: center center;/*min-height: 650px;*/}
.bg-img{min-height: 500px;}
.bg-img .overlay-red{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background: var(--color-dark-red);background: -moz-linear-gradient(45deg, var(--color-dark-red) 0%, var(--color-red) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, var(--color-red)), color-stop(100%, var(--color-red)));background: -webkit-linear-gradient(45deg, var(--color-dark-red) 0%, var(--color-red) 100%);background: -o-linear-gradient(45deg, var(--color-dark-red) 0%, var(--color-red) 100%);background: -ms-linear-gradient(45deg, var(--color-dark-red) 0%, var(--color-red) 100%);background: linear-gradient(45deg, var(--color-dark-red) 0%, var(--color-red) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2022B', endColorstr='#C10230', GradientType=1 );opacity: .6;}
.bg-img .overlay-white{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background: var(--color-gray-light);background: -moz-linear-gradient(45deg, var(--color-gray-light) 0%, var(--color-white) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, var(--color-white)), color-stop(100%, var(--color-white)));background: -webkit-linear-gradient(45deg, var(--color-gray-light) 0%, var(--color-white) 100%);background: -o-linear-gradient(45deg, var(--color-gray-light) 0%, var(--color-white) 100%);background: -ms-linear-gradient(45deg, var(--color-gray-light) 0%, var(--color-white) 100%);background: linear-gradient(45deg, var(--color-gray-light) 0%, var(--color-white) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FFFFFF', GradientType=1 );opacity: .6;}
.img-rutas{background-color: var(--color-gray-light);background-image:url(../img/mimacro/rutas_gdl.svg);}
.img-rutas-peri{background-image:url(../img/mimacro/rutas_periferico.jpg);}

.stadistics .section-title .title{font-weight: 700;color: var(--color-black);text-align: center;}
.stadistics .section-title .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.stadistics .section-title .paragraph{color: var(--color-black-mate);text-align: center;}
.stadistics .title-red{color: var(--color-red);font-weight: 700;margin-bottom: 25px;text-align: center;}
.stadistics .circle-wrapper{display: flex;gap: 20px;flex-wrap: wrap;}
.stadistics .circle-wrapper .progress-circle{width: 40px;height: 40px;border-radius: 50%;background: conic-gradient(var(--color-red) var(--percent),var(--color-gray) 0);display: flex;align-items: center;justify-content: center;position: relative;}
.stadistics .circle-wrapper .progress-circle::before {content: '';width: 20px;height: 20px;background: var(--color-white);border-radius: 50%;position: absolute;}
.stadistics .circle-wrapper .paragraph-stadistics{color: var(--color-black-mate); font-weight: 400;margin-top: 5px;font-size: 20px;}


.espacios-info{background-color: var(--color-red);}
.espacios-info .row .title{font-weight: 700;color: var(--color-white);text-align: center;}
.espacios-info .row .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-white);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.espacios-info .row .paragraph{color: var(--color-white);text-align: center;}
.espacios-info .row .space-float{float: right;}
.espacios-info .row .title-space{color: var(--color-white);font-size: 50px;font-weight: 700;font-size: 24px;margin-top: 40px;text-align: center;}
@media (max-width: 1671px) {
  .espacios-slider,.espacios-info{width:100%; }
}

@media (max-width: 991px) {
  .espacios-info .row .space-float{float: left;}
}

.estaciones .title{font-weight: 700;color: var(--color-black);text-align: center;}
.estaciones .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.estaciones .paragraph{color: var(--color-white);text-align: center;}
.estaciones .nav-tabs {border: 0;}
.estaciones .nav-link {color: var(--color-black-color);padding: 15px 0;transition: 0.3s;border-radius: 0;display: flex;align-items: center;justify-content: center;cursor: pointer;height: 100%;border: 0;border-bottom: 4px solid color-mix(in srgb, var(--color-gray-light), transparent 0%);}
.estaciones .nav-link i {padding-right: 15px;font-size: 48px;}
.estaciones .nav-link h4 {font-size: 18px;font-weight: 600;margin: 0;}
.estaciones .nav-link:hover {color: var(--color-black-mate);border-color: color-mix(in srgb, var(--color-red), transparent 0%);}
.estaciones .nav-link.active {color: var(--color-black-mate);border-color: var(--color-red);}
.estaciones .tab-content {margin-top: 30px;}
.estaciones .tab-pane h3 {color: var(--color-black-mate);font-weight: 700;font-size: 32px;position: relative;}
.estaciones .tab-pane h3:after {content: "";position: absolute;display: block;width: 60px;height: 3px;left: 0;bottom: 0;}
.estaciones .tab-pane ul {list-style: none;padding: 0;}
.estaciones .tab-pane ul li {padding-top: 10px;}
.estaciones .tab-pane ul i {font-size: 20px;padding-right: 4px;color: var(--color-black-mate);}
.estaciones .tab-pane p:last-child {margin-bottom: 0;}
@media (max-width: 575px) {
  .estaciones .nav-link h4 {font-size: 16px;}
}

.modulos .title{font-weight: 700;color: var(--color-black);text-align: center;}
.modulos .title:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.modulos-container {max-width: 800px;margin: auto;}
.modulo-wrapper {display: flex;flex-direction: column;gap: 0px;}
.modulo-row {display: flex;align-items: center;justify-content: center;position: relative;}
.modulo {position: relative;padding: 24px 25px;color: var(--color-white);text-decoration: none;font-weight: bold;min-width: 250px;max-width: 300px;transition: transform 0.3s;z-index: 1;}
.modulo:hover {transform: scale(1.03);}

.modulo-row.derecha .modulo {border: none;text-align:center;margin-right: 10px;clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);}
.modulo-row.derecha .modulo::before {content: "";position: absolute;left: 0;top: 0;width: 0;height: 0;border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-left: 15px solid var(--color-white);z-index: 0;}
.modulo-row.izquierda .modulo {border: none;text-align:center;clip-path: polygon(100% 0, 10% 0, 0 50%, 10% 100%, 100% 100%);}
.modulo-row.izquierda .modulo::before {content: "";position: absolute;right: 0;top: 0;width: 0;height: 0;border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-right: 15px solid var(--color-white);z-index: 0;}
.info-text {font-size: 0.9em;color: var(--color-black-mate);white-space: nowrap;}
.modulo-row.derecha .info-text {margin-left: 8px;}
.modulo-row.izquierda .info-text {margin-right: 8px;}
.tipo-a { background: var(--color-dark-red); }
.tipo-b { background: var(--color-red); margin-right: 60px;}
.tipo-c { background: #d36a83; margin: 0px;}
.tipo-d { background: #e89aa8; margin-right: 60px;}
.footer-note {text-align: center;margin-top: 25px;font-size: 0.9em;color: var(--color-black-mate);}

@media (max-width: 768px) {
  .modulo-row {flex-direction: column;align-items: center;}
  .modulo {clip-path: none !important;border-radius: 10px;width: 100%;text-align: center;}
  .modulo::before {display: none;}
  .info-text {margin: 5px 0 10px;}
}

#btn-float-phone .phone-float {position: fixed;bottom: 110px;left: 10px;z-index: 1000;}
#btn-float-phone .phone-float .btn {background-color: var(--color-red);border-radius: 50%;width: 60px;height: 60px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
#btn-float-phone .phone-float .btn i{color: var(--color-white);width: 24px;height: 24px;}
.bottom-130 .phone-float{bottom: 130px!important;}

.modal-content{background-color: var(--color-red);}
.modal-content .modal-body{padding: 0px;}
.modal-content .modal-body .btn-close{margin: 10px;float: right;}
.img-modulo{width: 100%;height: 350px;background-size:100%;background-repeat: no-repeat;background-position: center bottom;}
.modulo_a_img{background-image: url(../img/mimacro/modulo_a.png);}
.modulo_b_img{background-image: url(../img/mimacro/modulo_b.png);}
.modulo_c_img{background-image: url(../img/mimacro/modulo_c.png);}
.modulo_d_img{background-image: url(../img/mimacro/modulo_d.png);}
.modal-content .modal-body .info-modulo{padding: 15px!important;background-color: var(--color-white);min-height:750px;}
.modal-content .modal-body .info-modulo h2{font-weight: 700;color: var(--color-black);text-align: center;}
.modal-content .modal-body .info-modulo h2:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.modal-content .modal-body .info-modulo ul li{color: var(--color-black-mate);}
.img-modulo_map{width: 100%;height: 400px;background-size:contain;background-repeat: no-repeat;background-position: center;}
.modulo_a_img_map{background-image: url(../img/mimacro/modulo_a_map.png);}
.modulo_b_img_map{background-image: url(../img/mimacro/modulo_b_map.png);}
.modulo_c_img_map{background-image: url(../img/mimacro/modulo_c_map.png);}
.modulo_d_img_map{background-image: url(../img/mimacro/modulo_d_map.png);}