/*==========================================
=           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;}
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;}

.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);}

/*==========================================
=               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:17px;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:52px;object-fit:contain;transition:.3s;}
.producto-link span{display:flex;align-items:center;flex:1;font-size:17px;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%);}

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


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

@media(min-width:992px){


}


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

@media(max-width:991px){

   .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;}

   body.primary-menu-open .primary-menu,
   body.primary-menu-open-all .primary-menu{display:block!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;}  
   
   .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; }

}


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

@media(max-width:767px){

   .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;}
   
   

}


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

@media(max-width:480px){

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

}