/*==========================================
=           BASE Y UTILIDADES             =
==========================================*/

body,p,a,li,span,h1,h2,h3,h4,h5,h6,button{font-family:"Yantramanav",sans-serif!important;line-height:120%!important;}
.fexo{font-family:"Exo",sans-serif!important;}
input,textarea{font-family:"Yantramanav",sans-serif!important;font-size:21px!important;font-weight:300!important;color:#000!important;border:none!important;padding:15px!important;}

.fcblack{color:#000!important;}.fcwhite{color:#fff!important;}.fcred{color:#AB0F1A!important;}.fcgray{color:#9d9d9c!important;}.fcdarkgray{color:#4d4d4d!important;}.fcdarkgray2{color:#333!important;}

.fs90{font-size:90px!important;}.fs75{font-size:75px!important;}.fs60{font-size:60px!important;}.fs45{font-size:45px!important;}.fs42{font-size:42px!important;}.fs39{font-size:39px!important;}.fs36{font-size:36px!important;}.fs33{font-size:33px!important;}.fs30{font-size:30px!important;}.fs27{font-size:27px!important;}.fs24{font-size:24px!important;}.fs21{font-size:21px!important;}.fs18{font-size:18px!important;}.fs16{font-size:16px!important;}.fs15{font-size:15px!important;}.fs13{font-size:13px!important;}.fs12{font-size:12px!important;}

.fw200{font-weight:200!important;}.fw300{font-weight:300!important;}.fw400{font-weight:400!important;}.fw500{font-weight:500!important;}.fw600{font-weight:600!important;}.fw700{font-weight:700!important;}.fw800{font-weight:800!important;}.fw900{font-weight:900!important;}

.lh100{line-height:100%!important;}.lh110{line-height:110%!important;}.lh120{line-height:120%!important;}.lh130{line-height:130%!important;}.lh150{line-height:150%!important;}

.w10{width:10%!important;}.w20{width:20%!important;}.w25{width:25%!important;}.w33{width:33.33%!important;}.w40{width:40%!important;}.w50{width:50%!important;}.w100{width:100%!important;}

.marg0{margin:0!important;}.margauto{margin:auto!important;}
.padd0{padding:0!important;}.padd1{padding:1%!important;}.padd2{padding:2%!important;}.padd3{padding:3%!important;}.padd5{padding:5%!important;}.padd10{padding:10%!important;}
.secpadd0{padding:0!important;}.secpadd3{padding:3%!important;}.secpadd5{padding:5%!important;}.secpadd3_5{padding:3% 5%!important;}

.servicio-img,.productos-img{width:100%;height:40vh;overflow:hidden;}
.img-blogs{width:100%;height:480px;overflow:hidden;}
.img-blog-detail,.img-productos-detail{width:100%;height:380px;overflow:hidden;}
.servicio-img img,.productos-img img,.img-blogs img,.img-blog-detail img,.img-productos-detail img{width:100%!important;height:100%!important;display:block;object-fit:cover!important;object-position:center!important;}


/*==========================================
=          BARRA SUPERIOR                 =
==========================================*/

.header-top{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 35px;background:#fff;border-bottom:1px solid #eee;}
.header-top-info{display:flex;align-items:center;gap:38px;height:100%;}
.header-top-info a,.header-schedule{display:flex;align-items:center;gap:8px;color:#999;font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap;}
.header-top-info i{color:#AB0F1A;font-size:20px;}
.header-social{display:flex;align-items:center;gap:28px;}
.header-social a{color:#AB0F1A;font-size:20px;text-decoration:none;}
.header-row{border-bottom:0!important;}


/*==========================================
=            HEADER Y LOGO                =
==========================================*/

#header-wrap,#header-wrap>div,#header-wrap .header-row{width:100%!important;max-width:none!important;}
#header-wrap .header-row{display:flex!important;flex-wrap:nowrap!important;padding:0!important;background:#fff;}
#logo{display:flex;align-items:center;justify-content:center;flex:0 0 175px!important;width:175px;min-width:175px;height:56px;margin:0;padding:8px 30px;background:#AB0F1A;}
#logo img{width:auto;height:auto!important;max-width:115px;max-height:42px;}


/*==========================================
=           MENÚ PRINCIPAL                =
==========================================*/

.primary-menu{flex:1 1 auto!important;width:0!important;max-width:none!important;height:56px;margin:0!important;}
.primary-menu .menu-container{display:flex!important;flex-wrap:nowrap!important;width:100%!important;height:56px;margin:0!important;padding:0!important;}
.primary-menu .menu-container>.menu-item:not(.menu-more){flex:1 1 0!important;width:0!important;height:56px;border-right:1px solid #ddd;border-bottom:1px solid #eee!important;}
.primary-menu .menu-container>.menu-item:nth-last-child(2){border-right:none!important;}
.primary-menu .menu-link{display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 15px;color:#999;font-size:15px;font-weight:300;text-transform:uppercase;text-align:center;transition:.3s;}
.primary-menu .menu-link:hover,.primary-menu .menu-link.current{background:#AB0F1A!important;color:#fff!important;}
.primary-menu .menu-link:hover div,.primary-menu .menu-link.current div{color:#fff!important;}
.primary-menu .menu-container>.menu-item.menu-more{flex:0 0 56px!important;width:56px!important;min-width:56px!important;max-width:56px!important;}
.primary-menu .menu-container>.menu-item.menu-more>.menu-link{display:flex;align-items:center;justify-content:center;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;margin:0!important;padding:0!important;background:#AB0F1A!important;}
.primary-menu .menu-more .menu-link:hover{background:#b81029!important;}
.primary-menu .menu-more img{display:block;width:30px;height:auto;}


/*==========================================
=           SLIDER PRINCIPAL              =
==========================================*/

#slider{width:100%;aspect-ratio:16/9;height:auto!important;min-height:0!important;position:relative;overflow:hidden;}
#slider .slider-inner,#slider .swiper,#slider .swiper-wrapper,#slider .swiper-slide{width:100%;height:100%;}
#slider .swiper-slide{position:relative;overflow:hidden;}
#slider .video-wrap{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;}
#slider video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
#slider .slider-arrow-left,#slider .slider-arrow-right{display:flex!important;align-items:center;justify-content:center;position:absolute;top:auto!important;bottom:0!important;width:50px!important;height:50px!important;margin:0!important;background:#fff!important;border-radius:0!important;color:#AB0F1A!important;opacity:1!important;transform:none!important;transition:.3s!important;}
#slider .slider-arrow-left{left:0!important;right:auto!important;}
#slider .slider-arrow-right{left:50px!important;right:auto!important;}
#slider .slider-arrow-left i,#slider .slider-arrow-right i{color:#AB0F1A!important;font-size:22px;transition:.3s;}
#slider .slider-arrow-left:hover,#slider .slider-arrow-right:hover{background:#AB0F1A!important;color:#fff!important;}
#slider .slider-arrow-left:hover i,#slider .slider-arrow-right:hover i{color:#fff!important;}


/*==========================================
=               PRELOADER                 =
==========================================*/

#preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(171,15,26,.95);z-index:999999;transition:opacity .6s ease,visibility .6s ease;}
#preloader img{width:120px;height:auto;animation:preloader-spin 3s linear infinite;}
#preloader.preloader-hide{opacity:0;visibility:hidden;pointer-events:none;}
@keyframes preloader-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}


/*==========================================
=           BOTONES CON FLECHA            =
==========================================*/

.btn-arrow{display:inline-flex!important;align-items:center;height:54px;padding:0 0 0 22px!important;gap:22px;}
.btn-arrow div{display:flex;align-items:center;justify-content:center;width:54px;height:100%;background:#fff;}
.btn-arrow div i{color:#AB0F1A;font-size:24px;transition:transform .3s ease;}
.btn-arrow:hover div i{transform:translateX(2px);}


/*==========================================
=     SLIDER SERVICIOS Y PRODUCTOS        =
==========================================*/

.servicios-slider{position:relative;}
.servicios-slider .owl-stage{display:flex;}
.servicios-slider .owl-item{display:flex;justify-content:center;}
.servicios-slider .portfolio-item{width:calc(100% - 70px)!important;max-width:450px;}
.servicios-slider .portfolio-desc{transition:background-color .3s ease,border-color .3s ease;}
.servicios-slider .portfolio-desc p,.servicios-slider .portfolio-desc h3 a{transition:color .3s ease;}
.servicios-slider .portfolio-desc>div:first-child img{display:block;width:auto!important;height:60px!important;max-width:none!important;object-fit:contain;}
.servicios-slider .portfolio-item:hover .portfolio-desc{background:#AB0F1A!important;border-bottom-color:#AB0F1A!important;}
.servicios-slider .portfolio-item:hover .portfolio-desc p,.servicios-slider .portfolio-item:hover .portfolio-desc h3 a{color:#fff!important;}
.servicios-slider .portfolio-item:hover .portfolio-desc>div:first-child img{filter:brightness(0) invert(1);}

/* BOTÓN + */

.servicios-slider .btn-mas{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:5px;transition:background-color .3s ease;}
.servicios-slider .btn-mas a{display:flex;align-items:center;justify-content:center;}
.servicios-slider .btn-mas img{display:block;width:18px!important;height:18px!important;max-width:none!important;}
.servicios-slider .portfolio-item:hover .btn-mas{background:#fff;}
.servicios-slider .portfolio-item:hover .btn-mas img{filter:none!important;}

/* NAVEGACIÓN */

.servicios-slider .owl-nav{display:block!important;opacity:1!important;visibility:visible!important;}
.servicios-slider .owl-nav button.owl-prev,.servicios-slider .owl-nav button.owl-next{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:50%!important;width:68px!important;height:68px!important;margin:0!important;padding:0!important;background:#AB0F1A!important;border:1px solid #AB0F1A!important;border-radius:0!important;color:#fff!important;opacity:1!important;visibility:visible!important;transform:translateY(-50%)!important;transition:background-color .3s ease,color .3s ease!important;}
.servicios-slider .owl-nav button.owl-prev,.servicios-slider .owl-nav button.owl-prev:hover{left:-50px!important;right:auto!important;transform:translateY(-50%)!important;}
.servicios-slider .owl-nav button.owl-next,.servicios-slider .owl-nav button.owl-next:hover{right:-50px!important;left:auto!important;transform:translateY(-50%)!important;}
.servicios-slider .owl-nav button.owl-prev span,.servicios-slider .owl-nav button.owl-next span{font-size:75px!important;font-weight:200!important;line-height:1!important;color:#fff!important;opacity:1!important;transition:color .3s ease!important;}
.servicios-slider .owl-nav button.owl-prev::before,.servicios-slider .owl-nav button.owl-next::before{color:#fff!important;opacity:1!important;transition:color .3s ease!important;}
.servicios-slider .owl-nav button.owl-prev:hover,.servicios-slider .owl-nav button.owl-next:hover{background:#fff!important;border-color:#ebebeb!important;color:#AB0F1A!important;}
.servicios-slider .owl-nav button.owl-prev:hover span,.servicios-slider .owl-nav button.owl-next:hover span,.servicios-slider .owl-nav button.owl-prev:hover::before,.servicios-slider .owl-nav button.owl-next:hover::before{color:#AB0F1A!important;}


/*==========================================
=              PROYECTOS                  =
==========================================*/

.proyectos-grid{margin:0;}
.proyecto-item{position:relative;height:300px;padding:0!important;overflow:hidden;cursor:pointer;isolation:isolate;}
.proyecto-item>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.proyecto-overlay{position:absolute;inset:0;visibility:hidden;}
.proyecto-overlay::before{content:"";position:absolute;inset:0;background:#AB0F1A;mix-blend-mode:multiply;z-index:1;}
.proyecto-info{position:absolute;left:30px;right:30px;bottom:20px;z-index:2;color:#fff;opacity:0;transform:translateY(15px);transition:opacity .25s ease,transform .25s ease;}
.proyecto-info p{margin:0 0 3px;font-size:13px;font-weight:400;color:#fff;}
.proyecto-info h3{margin:0 0 15px;font-size:21px;font-weight:500;line-height:1.15;color:#fff;}
.proyecto-info a{display:flex;align-items:center;gap:12px;width:max-content;color:#fff;font-size:13px;text-decoration:none;}
.proyecto-info a span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#fff;color:#AB0F1A;font-size:22px;font-weight:300;line-height:1;}
.proyecto-item:hover .proyecto-overlay{visibility:visible;}
.proyecto-item:hover .proyecto-info{opacity:1;transform:translateY(0);}


/*==========================================
=          APLICACIONES TRACTOTRACK        =
==========================================*/

.aplicacion-card{position:relative;width:100%;height:420px;overflow:hidden;cursor:pointer;isolation:isolate;}
.aplicacion-card img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .5s ease;}
.aplicacion-overlay{position:absolute;inset:0;background:#AB0F1A;opacity:0;z-index:1;mix-blend-mode:multiply;transition:opacity .35s ease;}
.aplicacion-card:hover .aplicacion-overlay{opacity:1;}
.aplicacion-texto{position:absolute;inset:0;z-index:2;padding:30px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translateY(15px);transition:opacity .35s ease,transform .35s ease;}
.aplicacion-titulo{margin:0;}
.aplicacion-titulo h3{margin:0;color:#fff!important;font-size:30px;font-weight:800;line-height:1.05!important;text-transform:uppercase;}
.aplicacion-descripcion{margin:0;max-width:95%;color:#fff!important;font-size:20px;font-weight:300;line-height:1.25!important;}
.aplicacion-descripcion strong{color:#fff!important;font-weight:700!important;}
.aplicacion-card:hover .aplicacion-overlay{opacity:.72;}
.aplicacion-card:hover .aplicacion-texto{opacity:1;transform:translateY(0);}
.aplicacion-card:hover img{transform:scale(1.03);}


/*==========================================
=               BLOG SLIDER               =
==========================================*/

.blog-slider{position:relative;}
.blog-slider .owl-stage{display:flex;}
.blog-slider .owl-item{display:flex;justify-content:center;}
.blog-slider .portfolio-item{width:calc(100% - 70px)!important;max-width:450px;}
.blog-slider .blog-card{width:100%;background:#fff;border-bottom:15px solid #a51229;}
.blog-slider .blog-img{width:100%;height:265px;overflow:hidden;}
.blog-slider .blog-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center;}
.blog-slider .blog-info{min-height:195px;padding:25px 30px;}
.blog-slider .blog-info h3{margin:5px 0 18px;line-height:120%!important;}
.blog-slider .blog-info h3 a{color:#333;line-height:1.1;}
.blog-slider .blog-leer{display:flex;align-items:center;gap:18px;width:max-content;color:#333;}

/* BOTÓN + */

.blog-slider .blog-mas{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding-top:2px;background:transparent;color:#AB0F1A;font-size:28px;font-weight:300;line-height:1;transition:background-color .3s ease,color .3s ease;}
.blog-slider .portfolio-item:hover .blog-mas{background:#AB0F1A;color:#fff;}

/* NAVEGACIÓN */

.blog-slider .owl-nav{display:block!important;opacity:1!important;visibility:visible!important;}
.blog-slider .owl-nav button.owl-prev,.blog-slider .owl-nav button.owl-next{display:flex!important;align-items:center!important;justify-content:center;position:absolute!important;top:50%!important;width:68px!important;height:68px!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;color:#AB0F1A!important;opacity:1!important;visibility:visible!important;transform:translateY(-50%)!important;transition:opacity .3s ease!important;}
.blog-slider .owl-nav button.owl-prev,.blog-slider .owl-nav button.owl-prev:hover{left:-50px!important;right:auto!important;transform:translateY(-50%)!important;}
.blog-slider .owl-nav button.owl-next,.blog-slider .owl-nav button.owl-next:hover{right:-50px!important;left:auto!important;transform:translateY(-50%)!important;}
.blog-slider .owl-nav button.owl-prev span,.blog-slider .owl-nav button.owl-next span,.blog-slider .owl-nav button.owl-prev::before,.blog-slider .owl-nav button.owl-next::before{color:#AB0F1A!important;opacity:1!important;}
.blog-slider .owl-nav button.owl-prev:hover,.blog-slider .owl-nav button.owl-next:hover{background:#fff!important;color:#AB0F1A!important;opacity:.8!important;}


/*==========================================
=                CONTACTO                 =
==========================================*/

.contacto-row{align-items:stretch;}
.contacto-col{display:flex;}
.contacto-contenido{display:flex;flex-direction:column;width:100%;padding-right:8%;}
.contacto-titulo{margin-bottom:45px;}
.contacto-titulo img{display:block;width:auto;height:100px;}
.contacto-titulo h2{margin:-50px 0 0 25px;}
.contacto-intro{max-width:600px;margin-bottom:25px;}
.contacto-dato{display:flex;align-items:flex-start;max-width:420px;margin-bottom:16px;}
.contacto-dato>img{flex:0 0 18px;width:18px!important;height:auto!important;margin:2px 14px 0 0;}
.contacto-dato a{text-decoration:none;}
.contacto-dato a:hover{color:#AB0F1A!important;}
.contacto-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:auto;}
.contacto-horario{margin-bottom:0;}
.contacto-redes{display:flex;align-items:center;}
.contacto-redes a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #777;border-right:0;color:#333;font-size:18px;text-decoration:none;transition:background-color .3s ease,color .3s ease;}
.contacto-redes a:last-child{border-right:1px solid #777;}
.contacto-redes a:hover{background:#AB0F1A;color:#fff;border-color:#AB0F1A;}
.contacto-mapa{display:flex;}
.contacto-mapa iframe{display:block;width:100%;height:100%;min-height:430px;border:0;filter:grayscale(1) contrast(.9) brightness(1.08);}


/*==========================================
=             CONTACTO ROJO               =
==========================================*/

.contacto-rojo{background:#AB0F1A;}
.contacto-rojo .contacto-contenido,.contacto-rojo .contacto-intro,.contacto-rojo .contacto-dato,.contacto-rojo .contacto-dato p,.contacto-rojo .contacto-dato a,.contacto-rojo .contacto-titulo h2{color:#fff!important;}
.contacto-rojo .contacto-dato>img{filter:brightness(0) invert(1);}
.contacto-rojo .contacto-redes a{color:#fff!important;border-color:#fff!important;}
.contacto-rojo .contacto-redes a:hover{background:#fff!important;color:#AB0F1A!important;}


/*==========================================
=            CONTACTO RÁPIDO              =
==========================================*/

.quick-contact-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;}
.quick-contact{position:fixed;top:38px;right:0;width:380px;max-width:100%;height:auto;max-height:calc(100vh - 38px);background:#AB0F1A;z-index:9999;overflow-y:auto;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .4s ease,opacity .3s ease,visibility .4s ease;}
.quick-contact.active{opacity:1;visibility:visible;transform:translateX(0);}
.quick-contact-overlay.active{opacity:1;visibility:visible;}
.quick-contact-close{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:56px;height:56px;padding:0;background:#fff;border:0;border-radius:0;color:#AB0F1A;font-size:36px;cursor:pointer;transition:.3s;}
.quick-contact-close:hover{background:#fff;color:#AB0F1A;}
.quick-contact-content{padding:115px 50px 45px;}
.quick-contact-content h3{margin:0;font-size:21px;font-weight:700;line-height:1!important;text-transform:uppercase;color:#fff;}
.quick-contact-line{width:65px;height:2px;margin:10px 0 30px;background:#fff;}
.quick-contact-text{margin:0 0 30px;font-size:15px;font-weight:300;line-height:1.3!important;color:#fff;}
.quick-contact-data{display:flex;flex-direction:column;gap:18px;}
.quick-contact-item{display:flex;align-items:flex-start;color:#fff;font-size:13px;font-weight:300;line-height:1.25!important;}
.quick-contact-item img{flex:0 0 16px;width:16px!important;height:auto!important;margin:1px 12px 0 0;filter:brightness(0) invert(1);}
.quick-contact-item a{color:#fff;text-decoration:none;}
.quick-contact-item a:hover{text-decoration:underline;}
.quick-contact-social{display:flex;margin-top:35px;}
.quick-contact-social a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #fff;border-right:0;color:#fff;font-size:20px;text-decoration:none;transition:.3s;}
.quick-contact-social a:last-child{border-right:1px solid #fff;}
.quick-contact-social a:hover{background:#fff;color:#AB0F1A;}
body.quick-contact-open{overflow:hidden;}


/*==========================================
=                FOOTER                   =
==========================================*/

#footer{border:none!important;}


/*==========================================
=           SERVICIOS DETALLE             =
==========================================*/

.servicios-detalle .row{align-items:flex-start;}
.servicios-menu{display:flex;flex-direction:column;width:100%;}
.servicio-link{display:flex;align-items:center;gap:20px;padding:28px 25px;background:#fff;border-bottom:2px solid #AB0F1A;color:#AB0F1A;text-decoration:none;transition:.3s;}
.servicio-link img{flex-shrink:0;width:60px;height:52px;object-fit:contain;transition:.3s;}
.servicio-link span{display:flex;align-items:center;flex:1;font-size:18px;font-weight:700;line-height:1.15;text-transform:uppercase;}
.servicio-link i{margin-left:auto;font-size:28px;transition:.3s;}
.servicio-link:hover,.servicio-link.active{background:#AB0F1A;color:#fff;}
.servicio-link:hover img,.servicio-link.active img{filter:brightness(0) invert(1);transform:scale(1.08);}
.servicio-link:hover i,.servicio-link.active i{color:#fff;transform:translateX(6px);}
.servicio-link:last-child{border-bottom:none;}


/*==========================================
=          PANELES DE SERVICIOS           =
==========================================*/

.servicio-panel{display:none;opacity:0;transform:translateY(15px);}
.servicio-panel.active{display:block;animation:servicioEntrada .45s ease forwards;}
@keyframes servicioEntrada{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}


/*==========================================
=          PREGUNTAS FRECUENTES           =
==========================================*/

.servicio-faq{margin-top:30px;}
.faq-item{margin-bottom:20px;background:#fff;border-left:3px solid #AB0F1A;border-bottom:1px solid #eee;}
.faq-item:last-child{margin-bottom:0;}
.faq-pregunta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:70px;padding:18px 25px;background:#fff;border:0;color:#AB0F1A;text-align:left;cursor:pointer;}
.faq-pregunta>span:first-child{color:#AB0F1A;font-size:16px;font-weight:700;text-transform:uppercase;}
.faq-mas{flex:0 0 auto;font-size:25px;font-weight:300;line-height:1!important;color:#AB0F1A;transition:transform .35s ease;}
.faq-respuesta{max-height:0;opacity:0;overflow:hidden;transform:translateY(-5px);transition:max-height .45s ease,opacity .3s ease,transform .35s ease;}
.faq-respuesta p{margin:0;padding:0 25px 20px;font-size:16px;font-weight:400;line-height:1.3!important;color:#222;}
.faq-item.active .faq-respuesta{max-height:300px;opacity:1;transform:translateY(0);}
.faq-item.active .faq-mas{transform:rotate(45deg);}


/*==========================================
=            PRODUCTOS MENU               =
==========================================*/

.productos-menu{display:flex;flex-direction:column;}
.producto-link{display:flex;align-items:center;gap:20px;padding:28px 25px;background:#fff;border-bottom:2px solid #AB0F1A;color:#AB0F1A;text-decoration:none;transition:.3s;}
.producto-link img{flex-shrink:0;width:60px;height:60px;object-fit:contain;transition:.3s;}
.producto-link span{display:flex;align-items:center;flex:1;font-size:18px;font-weight:700;line-height:1.15;text-transform:uppercase;}
.producto-link i{margin-left:auto;font-size:28px;transition:.3s;}
.producto-link:hover,.producto-link.active{background:#AB0F1A;color:#fff;}
.producto-link:hover img,.producto-link.active img{filter:brightness(0) invert(1);transform:scale(1.08);}
.producto-link:hover i,.producto-link.active i{color:#fff;transform:translateX(6px);}
.producto-link:last-child{border-bottom:none;}
.productos-contenido{height:100%;}
.producto-panel{display:none;animation:fadeProducto .35s ease;}
.producto-panel.active{display:block;}
@keyframes fadeProducto{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}


/*==========================================
=          ICONOS DE PRODUCTOS            =
==========================================*/

.iconos-prodcutos{display:flex;align-items:center;justify-content:center;width:110px;height:110px;background:#AB0F1A;border:5px solid #811a29;border-radius:150px;text-align:center;}
.iconos-servicios-corners{display:flex;align-items:center;justify-content:center;width:110px;height:110px;background:#AB0F1A;border:5px solid #811a29;border-radius:30px;text-align:center;}


/*==========================================
=           OUTLINE TITLE RED             =
==========================================*/

.title-layer{position:relative;display:inline-block;width:100%;overflow:visible;}
.outline{font-size:78px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #9d9d9c;white-space:normal;overflow-wrap:break-word;user-select:none;}
.title{margin:-30px 0 0 50px;font-size:45px;font-weight:700;line-height:.9;text-transform:uppercase;color:#AB0F1A;}


/*==========================================
=          OUTLINE TITLE WHITE            =
==========================================*/

.title-layer-white{position:relative;display:inline-block;width:100%;overflow:visible;}
.outline-white{font-size:78px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #fff;white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-white{margin:-30px 0 0 50px;font-size:45px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}


/*==========================================
=          OUTLINE TITLE TOPS             =
==========================================*/

.title-layer-tops{position:relative;display:inline-block;width:100%;overflow:visible;}
.outline-tops{font-size:130px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-tops{margin:-48px 0 0 75px;font-size:75px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}


/*==========================================
=          OUTLINE TITLE BLOGS            =
==========================================*/

.title-layer-blogs{position:relative;display:inline-block;width:100%;overflow:visible;}
.outline-blogs{font-size:90px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-blogs{margin:-48px 0 0 75px;font-size:45px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}


/*==========================================
=             VENTAJAS GRID               =
==========================================*/

.ventaja-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:210px;padding:35px 25px;background:#fff;border:3px solid #ccc;border-radius:35px;text-align:center;transition:.35s;}
.ventaja-card img{width:auto;height:60px;margin-bottom:30px;transition:.35s;filter:brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(4650%) hue-rotate(344deg) brightness(82%) contrast(101%);}
.ventaja-card p{margin:0;font-size:18px;font-weight:500;line-height:1.2;color:#111;transition:.35s;}
.ventaja-card:hover{background:#AB0F1A;border-color:#d1b183;transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.15);}
.ventaja-card:hover img{filter:brightness(0) invert(1);}
.ventaja-card:hover p{color:#fff;}


/*==========================================
=           LOGOS DE CLIENTES             =
==========================================*/

.cliente-logo{display:flex;align-items:center;justify-content:center;max-width:240px;overflow:hidden;}
.cliente-logo img{display:block;width:100%;height:auto;transition:transform .35s ease;}
.cliente-logo:hover img{transform:scale(1.1);}


/*==========================================
=        CARRUSEL CLIENTES INFINITO       =
==========================================*/

.clientes-slider{position:relative;width:100%;padding:0;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;}
.clientes-slider:active{cursor:grabbing;}
.clientes-track{display:flex;align-items:center;gap:70px;width:max-content;will-change:transform;}
.cliente-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.cliente-logo img{display:block;width:220px;height:auto;opacity:.75;filter:grayscale(100%);transition:.35s;}
.cliente-logo img:hover{opacity:1;filter:none;transform:scale(1.05);}
.clientes-slider:hover .clientes-track{animation-play-state:paused;}
.clientes-slider::before,.clientes-slider::after{content:"";position:absolute;top:0;width:120px;height:100%;z-index:10;pointer-events:none;}
.clientes-slider::before{left:0;background:linear-gradient(to right,#e6e6e6 0%,rgba(230,230,230,0) 100%);}
.clientes-slider::after{right:0;background:linear-gradient(to left,#e6e6e6 0%,rgba(230,230,230,0) 100%);}


/*==========================================
=              TRACTOTRACK               =
==========================================*/

.tractotrack-selector{padding-top:3.5%!important;padding-bottom:0!important;}
.tractotrack-selector-wrap{width:100%;}
.tractotrack-desktop{display:block;}
.tractotrack-mobile{display:none;}
.tractotrack-tabs{display:flex;width:100%;gap:20px;align-items:stretch;}
.tractotrack-tab{position:relative;flex:1 1 0;min-width:0;min-height:335px;padding:40px 30px 35px;background:#fff;border:1px solid #e7e7e7;border-bottom:5px solid #AB0F1A;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;}
.tractotrack-tab::after{content:"";position:absolute;left:50%;bottom:-34px;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:22px solid #AB0F1A;transform:translateX(-50%);opacity:0;transition:opacity .25s ease;z-index:5;}
.tractotrack-tab.active{background:#AB0F1A;border-color:#AB0F1A;}
.tractotrack-tab.active::after{opacity:1;}
.tractotrack-tab .icono-tarjeta{display:block;width:auto!important;height:60px!important;max-width:none!important;margin-bottom:30px;transition:filter .3s ease;}
.tractotrack-tab h2{margin:0 0 5px!important;font-size:27px!important;font-weight:800!important;line-height:1.1!important;color:#222;transition:color .3s ease;}
.tractotrack-tab p{margin:0!important;font-size:24px!important;font-weight:300!important;line-height:1.15!important;color:#333;transition:color .3s ease;}
.tractotrack-tab.active .icono-tarjeta{filter:brightness(0) invert(1);}
.tractotrack-tab.active h2,.tractotrack-tab.active p{color:#fff!important;}


/*==========================================
=       CONTENIDO TRACTOTRACK             =
==========================================*/

.tractotrack-panels{position:relative;width:100%;background:#AB0F1A;}
.tractotrack-panel{display:none;width:100%;min-height:380px;grid-template-columns:32% 68%;animation:tractotrackPanelEntrada .4s ease;margin-top:29px;}
.tractotrack-panel.active{display:grid;}
.tractotrack-panel-img{width:100%;height:100%;min-height:380px;overflow:hidden;}
.tractotrack-panel-img img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.tractotrack-panel-text{display:flex;flex-direction:column;justify-content:center;padding:40px 45px;color:#fff;}
.tractotrack-panel-text p{margin:0 0 22px!important;color:#fff!important;font-weight:300;line-height:1.15!important;}
.tractotrack-panel-text p:last-child{margin-bottom:0!important;}
.tractotrack-panel-text strong{font-weight:700!important;color:#fff!important;}

@keyframes tractotrackPanelEntrada{
	from{opacity:0;transform:translateY(10px);}
	to{opacity:1;transform:translateY(0);}
}


/*==========================================
=          TRACTOTRACK ACORDEÓN           =
==========================================*/

.tractotrack-accordion-item{border:1px solid #e7e7e7;margin-bottom:12px;background:#fff;transition:border-color .3s ease;}
.tractotrack-accordion-header{position:relative;display:flex;align-items:center;gap:20px;padding:25px;cursor:pointer;}
.tractotrack-accordion-header .icono-tarjeta{width:auto!important;height:55px!important;flex:0 0 auto;transition:filter .3s ease;}
.tractotrack-accordion-title{flex:1;}
.tractotrack-accordion-title h2{margin:0 0 5px!important;font-size:24px!important;font-weight:800!important;line-height:1.1!important;color:#222;transition:color .3s ease;}
.tractotrack-accordion-title p{margin:0!important;font-size:21px!important;line-height:1.15!important;color:#333;transition:color .3s ease;}
.tractotrack-accordion-icon{font-size:28px;font-weight:300;line-height:1;color:#AB0F1A;flex:0 0 auto;transition:transform .3s ease,color .3s ease;}
.tractotrack-accordion-content{display:block;max-height:0;overflow:hidden;background:#AB0F1A;color:#fff;transition:max-height .55s ease;}
.tractotrack-accordion-item.active{border-color:#AB0F1A;}
.tractotrack-accordion-item.active .tractotrack-accordion-header{background:#AB0F1A;}
.tractotrack-accordion-item.active .tractotrack-accordion-header .icono-tarjeta{filter:brightness(0) invert(1);}
.tractotrack-accordion-item.active .tractotrack-accordion-title h2,.tractotrack-accordion-item.active .tractotrack-accordion-title p{color:#fff!important;}
.tractotrack-accordion-item.active .tractotrack-accordion-icon{color:#fff;transform:rotate(180deg);}
.tractotrack-accordion-item.active .tractotrack-accordion-content{max-height:2000px;}
.tractotrack-accordion-content>img{display:block;width:100%!important;height:auto!important;}
.tractotrack-accordion-text{padding:30px 25px;opacity:0;transform:translateY(-8px);transition:opacity .35s ease .15s,transform .4s ease .15s;}
.tractotrack-accordion-item.active .tractotrack-accordion-text{opacity:1;transform:translateY(0);}
.tractotrack-accordion-text p{margin:0 0 20px!important;color:#fff!important;font-size:21px!important;line-height:1.2!important;}
.tractotrack-accordion-text p:last-child{margin-bottom:0!important;}
.tractotrack-accordion-text strong{color:#fff!important;}


/*==========================================
=       BENEFICIOS TRACTOTRACK SLIDER     =
==========================================*/

.tractotrack-beneficios{position:relative;width:100%;padding:55px 0 70px;overflow:hidden;background:#fff;}
.tractotrack-beneficios-slider{position:relative;width:100%;overflow:hidden;}
.tractotrack-beneficios-slides{display:flex;width:100%;transition:transform .6s ease;}
.tractotrack-beneficios-slide{display:grid;grid-template-columns:35% 65%;align-items:center;flex:0 0 100%;width:100%;min-width:100%;padding:25px 5%;box-sizing:border-box;}
.tractotrack-beneficio-info{text-align:center;padding:20px;}
.tractotrack-beneficio-info img{display:block;width:120px;height:auto;margin:0 auto 25px;}
.tractotrack-beneficio-info h3{margin:0;color:#b20d1b;font-size:30px;font-weight:800;font-style:italic;}
.tractotrack-beneficio-info p{margin:0;font-size:30px;line-height:1.2;}
.tractotrack-beneficio-texto{padding:30px 5%;}
.tractotrack-beneficio-texto h3{margin:0 0 20px;color:#b20d1b;font-size:30px;font-weight:800;font-style:italic;}
.tractotrack-beneficio-texto p{margin:0 0 18px;font-size:20px;line-height:1.4;}
.tractotrack-beneficio-texto p:last-child{margin-bottom:0;}
.tractotrack-beneficio-arrow{position:absolute;top:50%;z-index:5;width:45px;height:45px;padding:0;border:0;background:none;color:#b20d1b;font-size:40px;line-height:45px;cursor:pointer;transform:translateY(-50%);transition:opacity .3s ease;}
.tractotrack-beneficio-arrow:hover{opacity:.6;}
.tractotrack-beneficio-prev{left:2%;}
.tractotrack-beneficio-next{right:2%;}


/*==========================================
=                                     RESPONSIVE
==========================================*/


/*==========================================
=            HEADER - DESKTOP            =
==========================================*/

@media(min-width:992px){}


/*==========================================
=            HEADER - MOBILE             =
==========================================*/

@media(max-width:991px){

.aplicmob{height:240px!important;}
.w33{width:50%!important;}

.header-top{display:none!important;}
#header,#header-wrap{background:#fff!important;}
.header-row{min-height:74px;padding:0 20px;align-items:center;}

#logo{display:flex;align-items:center;flex:1;height:74px;}
#logo img{width:auto;max-height:56px;}

.primary-menu-trigger{display:flex;align-items:center;justify-content:center;width:60px;height:74px;margin-left:auto;}
.cnvs-hamburger-inner,.cnvs-hamburger-inner:before,.cnvs-hamburger-inner:after{background:#d61033;}

.primary-menu{display:none!important;position:absolute;top:100%;left:0;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;flex:none!important;margin:0!important;background:#fff;border-top:1px solid #ececec;box-shadow:0 12px 35px rgba(0,0,0,.08);z-index:999;overflow:visible!important;}

body.primary-menu-open .primary-menu,
body.primary-menu-open-all .primary-menu{display:block!important;}

.primary-menu .menu-container{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;}

.primary-menu .menu-container>.menu-item{display:block!important;width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 auto!important;height:auto!important;border:0!important;}
.primary-menu .menu-item+.menu-item{border-top:1px solid #efefef!important;}
.primary-menu .menu-link{display:flex!important;align-items:center;justify-content:flex-start;width:100%!important;height:58px;padding:0 28px;color:#1d1d1d;font-size:16px;font-weight:300;text-decoration:none;transition:.25s;box-sizing:border-box;}
.primary-menu .menu-link div{color:inherit;}
.primary-menu .menu-link:hover,.primary-menu .menu-link.current{padding:0 28px;background:#AB0F1A!important;color:#fff!important;}
.primary-menu .menu-link:hover div,.primary-menu .menu-link.current div{color:#fff!important;}
.primary-menu .menu-item.menu-more{display:none!important;}


/* QUICK CONTACT */

.quick-contact{top:0;width:380px;height:auto;max-height:100vh;}
.quick-contact-content{padding:115px 45px 45px;}


/* GRID */

.servicios-menu{padding:5%!important;}
.contentsubmenusmob{padding:5%!important;}
.w10{display:flex;flex-direction:column;align-items:flex-end;width:100%!important;}
.w40,.w50{width:100%!important;}
.padd5mon{padding:5%!important;float:none!important;}
.padd0mob{padding:0!important;}
.allcentermob{text-align:center!important;justify-content:center!important;}
.paddnos5{padding:0 5%!important;}


/* TITLES */

.title-layer,.title-layer-white,.title-layer-tops,.title-layer-blogs{position:relative;display:inline-block;width:100%;overflow:visible;}

.outline{font-size:60px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #AB0F1A;white-space:normal;overflow-wrap:break-word;user-select:none;}
.title{margin:-24px 0 0 50px;font-size:30px;font-weight:700;line-height:.9;text-transform:uppercase;color:#AB0F1A;}

.outline-white{font-size:60px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #fff;white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-white{margin:-24px 0 0 50px;font-size:30px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}

.outline-tops{font-size:90px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-tops{margin:-42px 0 0 60px;font-size:60px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}

.outline-blogs{font-size:60px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-blogs{margin:-30px 0 0 75px;font-size:45px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}

#slider{margin-top:0!important;}

.fs60{font-size:48px!important;}
.fs45{font-size:42px!important;}
.fs30{font-size:27px!important;}
.fs27{font-size:24px!important;}
.fs24{font-size:21px!important;}
.fs21{font-size:20px!important;}
.fs18{font-size:17px!important;}
.fs16{font-size:15px!important;}
h2{font-size:27px!important;}
h3{font-size:24px!important;}
h5{font-size:21px!important;}
h6{font-size:18px!important;}


/*==========================================
=        TRACTOTRACK RESPONSIVE           =
==========================================*/

.tractotrack-selector{padding-top:5%!important;padding-bottom:0!important;}
.tractotrack-desktop{display:none;}
.tractotrack-mobile{display:block;}


/*==========================================
=       BENEFICIOS TRACTOTRACK SLIDER     =
==========================================*/

.tractotrack-beneficios{padding:40px 0 50px;}
.tractotrack-beneficios-slide{grid-template-columns:1fr;padding:25px 8%;}
.tractotrack-beneficio-info{padding:10px 20px 25px;}
.tractotrack-beneficio-info img{width:100px;margin-bottom:20px;}
.tractotrack-beneficio-info h3{font-size:26px;}
.tractotrack-beneficio-info p{font-size:24px;}
.tractotrack-beneficio-texto{padding:20px 5px 10px;text-align:left;}
.tractotrack-beneficio-texto h3{font-size:25px;margin-bottom:15px;}
.tractotrack-beneficio-texto p{font-size:18px;}
.tractotrack-beneficio-arrow{width:35px;height:35px;font-size:32px;line-height:35px;}
.tractotrack-beneficio-prev{left:1%;}
.tractotrack-beneficio-next{right:1%;}

}


/*==========================================
=              TABLETS                   =
==========================================*/

@media(max-width:767px){

.aplicmob{margin-bottom:20px!important;}

.w33{width:100%!important;}

.servicios-slider .portfolio-item{width:calc(100% - 90px)!important;}
.servicios-slider .owl-nav button.owl-prev,
.servicios-slider .owl-nav button.owl-prev:hover{left:0!important;}
.servicios-slider .owl-nav button.owl-next,
.servicios-slider .owl-nav button.owl-next:hover{right:0!important;}

.proyecto-item{height:280px;}

.contacto-contenido{padding-right:0;}
.contacto-footer{display:flex;flex-direction:column;align-items:flex-start;}
.contacto-redes{margin-top:10px;}
.contacto-mapa{margin-top:40px;}
.contacto-mapa iframe{min-height:350px;}

.quick-contact{width:100%;}
.quick-contact-content{padding:105px 35px 40px;}

.img-blogs{height:300px;}

.dnonemob{display:none!important;}

.title-layer,.title-layer-white,.title-layer-tops,.title-layer-blogs{position:relative;display:inline-block;width:100%;overflow:visible;}

.outline{font-size:45px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #AB0F1A;white-space:normal;overflow-wrap:break-word;user-select:none;}
.title{margin:-15px 0 0 30px;font-size:24px;font-weight:700;line-height:.9;text-transform:uppercase;color:#AB0F1A;}

.outline-white{font-size:45px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #fff;white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-white{margin:-15px 0 0 30px;font-size:24px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}

.outline-tops{font-size:75px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-tops{margin:-33px 0 0 45px;font-size:45px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}

.outline-blogs{font-size:42px;font-weight:900;line-height:.9;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;user-select:none;}
.title-blogs{margin:-24px 0 0 45px;font-size:30px;font-weight:700;line-height:.9;text-transform:uppercase;color:#fff;}

.fs60{font-size:42px!important;}
.fs45{font-size:39px!important;}
.fs30{font-size:24px!important;}
.fs27{font-size:21px!important;}
.fs24{font-size:20px!important;}
.fs21{font-size:19px!important;}
.fs18{font-size:16px!important;}
.fs16{font-size:14px!important;}
h2{font-size:24px!important;}
h3{font-size:21px!important;}
h5{font-size:19px!important;}
h6{font-size:17px!important;}

}


/*==========================================
=               MÓVILES                  =
==========================================*/

@media(max-width:575px){

.tractotrack-beneficios{padding:30px 0 40px;}
.tractotrack-beneficios-slide{padding:20px 10%;}
.tractotrack-beneficio-info img{width:90px;}
.tractotrack-beneficio-info h3{font-size:23px;}
.tractotrack-beneficio-info p{font-size:20px;}
.tractotrack-beneficio-texto h3{font-size:22px;}
.tractotrack-beneficio-texto p{font-size:17px;}

}


/*==========================================
=               MÓVILES                  =
==========================================*/

@media(max-width:480px){

.quick-contact{width:100%;}
.quick-contact-content{padding:105px 35px 40px;}

}