/* ===============================
   VARIABLES
================================ */
:root {
  --color-main: #00A1FA;
  --color-secondary: #3CDDFB;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray: #fafafd;
  --radius-main: 15px;
  --transition-main: all .3s ease;
}

/* ===============================
   RESET TIPOGRÁFICO
================================ */
html, body {
  font-family: 'Montserrat', sans-serif!important;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif!important;
  font-weight: 800!important;
}

h1, h2 {

    font-size: clamp(35px, 2.5vw, 64px)!important;
    line-height: 1.2!important;

}
/* ===============================
   LOADER
================================ */

#loader .dot, .lds-roller div:after, .lds-fs div, .lds-ellipsis div {
  background: var(--color-main)!important;
}
#loader-wrapper {
    background: background: var(--color-white)!important;
}
.btn-cat-fixed {
    background: background: var(--color-main)!important;
}


/*Buscador blanco*/

header .tt-search .tt-dropdown-menu .tt-btn-close, header .tt-search .tt-dropdown-menu .tt-search-input, header .tt-search .tt-dropdown-menu .tt-info-text {
    color: white !important;
}
header .tt-search .tt-dropdown-menu .tt-search-input {
    color: white!important;
}
header .tt-search .tt-dropdown-menu .tt-search-input ::placeholder {
  color: white !important;
}

header .tt-search .tt-dropdown-menu .tt-search-input ::-webkit-input-placeholder {
   color: white !important;
}

header .tt-search .tt-dropdown-menu .tt-search-input:-moz-placeholder {
      color: white !important;
    }

header .tt-search .tt-dropdown-menu .tt-btn-search {
    color: white !important;
}


/* ===============================
   BOTONES
================================ */
.btn, 
button,
a[class*="btn"] {
  border-radius: var(--radius-main)!important;
  transition: var(--transition-main)!important;
}

.btn:hover {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

/*Botones agregados*/

.fc-pie-micuenta {
    margin-left: 10px;
    margin-right: 10px;
}

.fc-pie-micuenta .tt-account {
    display: block;
}

.fc-pie-micuenta .tt-dropdown-toggle {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 15px 20px!important;
    margin: 0!important;
    border: 1px solid var(--color-main)!important;
    border-radius: 8px!important;
    background-color: var(--color-main)!important;
    color: white!important;
    font-size: 14px!important;
    line-height: 1!important;
    cursor: pointer;
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
}
#boton-micuenta-index {
    color: white!important;
}

#boton-micuenta-index i {
    color: white!important;
}

.fc-pie-micuenta .tt-dropdown-toggle i {
    color: white!important;
    font-size: 18px;
}

.fc-pie-micuenta .tt-dropdown-toggle::after {
    content: "Cliente";
    display: inline-block;
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    color: white!important;
}


#microfono, #boton-mipedido-index {
    display: none!important;
}

.tt-stuck-nav .tt-dropdown-obj #boton-micuenta-index {
    color: white !important;
    background: var(--color-main);
    border-radius: 5px !important;
    padding-right: 10px;
    margin-left: 20px;
}

@media (max-width: 789px) {
    #boton-micuenta-index {
    color: white !important;
    background: var(--color-main);
    border-radius: 5px !important;
    padding-right: 10px;
}
}

/* ===============================
   GENERALES
================================ */

#tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0px!important;
}

#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 52px!important;
    margin-bottom: 52px!important;
}

.container-indent.css-home-ofertas,
.container-indent.container-css-paginas, 
.container-indent.css-home-destacados,
.container-indent.css-home-novedades,
.container-indent.css-home-prefooter,
.tt-breadcrumb,
.container-indent.css-contacto-titulo,
.container-indent.css-contacto-masdatos,
.tt-desctop-menu #opcional-ofertas
  {
    display: none!important;
}
#tt-pageContent > .container-indent.css-contacto-mapa:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.productos-listado-uno.loaded #tt-pageContent.css-contacto .container-indent.css-contacto-mapa > .container {
    width: 100%!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    max-width: 100%!important;
}

/* ===============================
   MEGAMENÚ
================================ */

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a {
  color: var(--color-black)!important;
}

#supermenuProductos .supermenu-categories {
    background: var(--color-black);!important;
}
.supermenu-subcategories h3 a, 
.supermenu-subcategories h3 a:hover,
.supermenu-subcategories h3 a:active,
.supermenu-subcategories h3 a:focus,
.subcategory-item a,
.subcategory-item a:hover,
.subcategory-item a:active, 
.subcategory-item a:focus {
    color: var(--color-main)!important;
}

.supermenu-subcategories h3 {
    border-bottom: 2px solid var(--color-main)!important;
}

.my-services .row > div:last-child .service-item {
  border-right: none !important;
}

/* ===============================
   HEADER
================================ */

/*Menú*/
/*Justificar contenidos cuando está solo el menú con el logo */

.tt-header-holder .tt-obj-menu {
    display: flex!important;
    flex-wrap: nowrap!important;
    justify-content: flex-end!important;
}

.stuck.tt-stuck-nav {
    background: black!important;
}
header .tt-mobile-header {
      background: black!important;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a {
    padding: 15px 20px;
    text-align: center;
}

.tt-desctop-menu nav > ul {    
    padding-right: 20px!important;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:before {
  content: "";
    position: absolute;
    z-index: 0;
    height: 2px;
    bottom: 3px;
    left: 20px;
    background-color: var(--color-main);
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:hover:before,
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:active:before,
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:focus:before
 {
  content: "";
    position: absolute;
    z-index: 0;
    height: 2px;
    bottom: 3px;
    left: 20px;
    background-color: var(--color-main);
    visibility: visible;
    width: 50%;
    transition: all 0.3s ease-in-out 0s;
}

#boton-buscar-index {
    margin-top: 7px!important;
}

.tt-desctop-menu .dropdown .dropdown-menu, .panel-menu, .mmpanels, .mmpanels > .mmpanel, header .tt-search .search-results, header .tt-dropdown-obj .tt-dropdown-menu {
    background: #000000!important;
}

/*termina justificar */

.tt-header-holder .tt-obj-logo:not(.obj-move-right):not(.obj-aligment-center) .tt-logo {margin-right: 20px;}
.tt-header-bg {background: black!important;}
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a {
    color: #ffffff!important;
}
.tt-dropdown-mic, .tt-menu-toggle i {
    color: var(--color-main)!important;
}
header .tt-dropdown-obj .tt-dropdown-toggle, 
header .tt-dropdown-obj .tt-dropdown-mic, 
.tt-menu-toggle i {
    color: var(--color-main)!important;
    line-height: 2!important;
}

header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i {
    line-height: 2!important;
}

header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i {
    color: white!important;
}

header .tt-dropdown-obj .tt-dropdown-toggle {
    line-height: 2!important;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:hover, 
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:active, 
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:focus {
    color: var(--color-main)!important;
}

header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-quantity, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item-close .tt-btn-close:before, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-add-info li, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item a:not([class]) .tt-title, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-total-row .tt-cart-total-title, .tt-cart-list, header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a, header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a i, header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close:before, header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close, header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-title, .panel-menu #mm0.mmpanel a:not(.mm-close):after, .panel-menu .mm-next-level:after, .panel-menu .mm-prev-level:before, .panel-menu .mm-prev-level, .panel-menu ul li a, .panel-menu .mm-next-level, .panel-menu .mm-close, .panel-menu li.mm-close-parent .mm-close:before, .panel-menu li.mm-close-parent .mm-close, .panel-menu #mm0.mmpanel a:not(.mm-close), .tt-desctop-menu .tt-title-submenu, .tt-desctop-menu .tt-title-submenu a, .dropdown-menu .tt-col-list a, .btn-link-02:hover, .tt-desctop-menu .tt-megamenu-submenu > li > a {
    color: white!important;
}

/*Logo*/
.tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {
    max-height: 120px!important;
}
.tt-stuck-parent-menu .tt-desctop-menu .tt-logo-2 img {
    max-height: 80px!important;
}

/*Buscador blanco*/

header .tt-search .tt-dropdown-menu .tt-btn-close, header .tt-search .tt-dropdown-menu .tt-search-input, header .tt-search .tt-dropdown-menu .tt-info-text {
    color: white !important;
}
header .tt-search .tt-dropdown-menu .tt-search-input {
    color: white!important;
}
header .tt-search .tt-dropdown-menu .tt-search-input ::placeholder {
  color: white !important;
}

header .tt-search .tt-dropdown-menu .tt-search-input ::-webkit-input-placeholder {
   color: white !important;
}

header .tt-search .tt-dropdown-menu .tt-search-input:-moz-placeholder {
      color: white !important;
    }

header .tt-search .tt-dropdown-menu .tt-btn-search {
    color: white !important;
}

@media (max-width: 768px) {

    .tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {
        max-height: 86px !important;
    }
}

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

#rev_slider_1_forcefullwidth {
    display: none!important;
}

.hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected {
  background: var(--color-main)!important;
}

.hephaistos .tp-bullet {
  background: var(--color-white)!important;
}

.f-slider-2 {
        font-size: 26px!important;
        line-height: 55px;
    }

.f-slider-1 {
        font-size: 65px!important
        line-height: 75px;
    }

/* mobile */
@media (max-width: 768px) {
  .tp-caption1.fullscreenvideo {
    width: 60%!important;
  }
  .f-slider-2 {
      font-size: 12px!important;
      line-height: 1.2!important;
  }
  .f-slider-1 {
      font-size: 30px!important;
      line-height: 1.2!important;
  }
  .tp-caption1-wd-4 a {
    padding: 14px 10px 12px!important;
  }

  #rev_slider_1_forcefullwidth,
    #rev_slider_1_forcefullwidth .rev_slider_wrapper,
    #rev_slider_1,
    #rev_slider_1 .tp-revslider-mainul,
    #rev_slider_1 .tp-revslider-slidesli,
    #rev_slider_1 .slotholder,
    #rev_slider_1 .tp-bgimg,
    .tp-fullwidth-forcer {
      height: 45vh!important;
  }
}

/* ===============================
   TITULOS
================================ */
.tt-block-title .tt-title {
  color: var(--color-main)!important;
}

/* ===============================
   PRODUCTOS
================================ */
.tt-product {
  background: var(--color-white)!important;
  border-radius: 12px!important;
  transition: var(--transition-main)!important;
}

.tt-product:hover {
  transform: translateY(-5px);
}

.tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured {
    background: var(--color-main)!important;
    color: #ffffff;
    padding: 10px 15px !important;
    border-radius: 50px !important;
}

.tt-product .tt-image-box {
  background: var(--color-white)!important;
  border-radius: 10px!important;
  overflow: hidden;
}

.tt-product img {
  transition: var(--transition-main);
}

.tt-product:hover img {
  transform: scale(1.05);
}

.tt-product .tt-price {
  color: var(--color-black)!important;
  font-weight: 600!important;
}

.tt-product .tt-btn-addtocart {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.t-decimal:after {
    border-bottom: 1px solid var(--color-main)!important;
}

.tt-cuotas {
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-image-box .tt-btn-compare {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.tt-product:not(.tt-view) .tt-image-box .tt-label-location {
  top: 6px!important;
}

.leftColumn .tt-list-row li a.active:hover,
.leftColumn .tt-list-row li a.active:active,
.leftColumn .tt-list-row li a.active:focus {
  color: var(--color-main)!important;
}

.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:hover,
.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:active,
.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:focus {
  color: var(--color-main)!important;
}

.tt-collapse .tt-collapse-title:hover span,
.tt-collapse .tt-collapse-title:acitve span,
.tt-collapse .tt-collapse-title:focus span{
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:active,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:focus {
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-description .tt-title a:hover,
.tt-product:not(.tt-view) .tt-description .tt-title a:active,
.tt-product:not(.tt-view) .tt-description .tt-title a:focus {
  color: var(--color-main)!important;
}

/* ===============================
   LABELS
================================ */
.tt-label-new {
  background: var(--color-black)!important;
  color: var(--color-white)!important;
  border-radius: 20px!important;
  padding: 9px !important;
}


/* ===============================
   LISTADOS
================================ */

.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a {
  text-transform: uppercase!important;
}
.tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {
  color: var(--color-main)!important;
}
.btn-link {
  text-transform: uppercase!important;
}


/* ===============================
   FICHA
================================ */

.tt-label-our-fatured {
  background: var(--color-main) !important;    
}

.tt-product-single-info .tt-label [class^="tt-label"] {
  background: var(--color-main) !important;
    color: #ffffff !important;
    padding: 9px !important;
    border-radius: 50px !important;
}

.contact-form .btn {
  border-radius: 0px!important; 
}

.wrapper-social-icon {
    margin-top: 0px!important; 
}

.wrapper-social-icon {
  background: var(--color-main)!important;
}

.compartiren {
  color: var(--color-white)!important;
}

ul.tt-social-icon.justify-content-center li a {
   color: var(--color-white)!important;
}



/* ===============================
   PREGUNTAS Y RESPUESTAS
================================ */

.ia-preguntas-strip {
    background: var(--color-black)!important;
}
.ia-preguntas-title {
  color: var(--color-white)!important;
}
#ia-pregunta-btn {
    background: var(--color-main)!important;
    border: 1px solid var(--color-main)!important;
    color: #fff !important;
    border-radius: 0px!important;    
}


/* ===============================
   ENVIOS
================================ */

.tt-services-block .tt-col-icon {
  color: var(--color-main)!important;
}



/* ===============================
   FOOTER
================================ */
footer .tt-color-scheme-01 {
  background: var(--color-black)!important;
  color: var(--color-white)!important;
}

footer .tt-footer-custom {
        background: #000000!important;
        border-top: 1px solid #00a1fa
    }

footer .tt-color-scheme-02,
footer .tt-color-scheme-03 {
  background: var(--color-main)!important;
}

footer .tt-mobile-collapse .tt-collapse-title, footer .tt-mobile-collapse .tt-collapse-title:before {
  color: var(--color-white)!important;
}

footer .fc-pie-micuenta {
  display: none!important;
}

/* ===============================
   MI PEDIDO
================================ */
header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-total-row .tt-cart-total-price, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-price, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item-close .tt-btn-close:before, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item-close .tt-btn-close:hover:before, header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item a:not([class]):hover .tt-title, header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a:hover > i, header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a:hover, header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a:hover [class^="icon-"], header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close:hover, header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close:hover:before, .panel-menu .mm-next-level:hover, .panel-menu .mm-prev-level:hover, .panel-menu .mm-prev-level:hover:before, .panel-menu .mm-next-level:hover:after, .panel-menu ul li a:hover, .panel-menu #mm0.mmpanel a:not(.mm-close):hover, .panel-menu #mm0.mmpanel a:not(.mm-close):hover:after, .panel-menu li.mm-close-parent .mm-close:hover:before, .tt-desctop-menu .tt-title-submenu:hover, .panel-menu li.mm-close-parent .mm-close:hover, .dropdown-menu .tt-col-list a:hover, .btn-link-02, .tt-desctop-menu .tt-megamenu-submenu > li > a:hover, .tt-desctop-menu .tt-megamenu-submenu > li.active > a {
    color: white!important;
}
.tt-cart-btn .tt-item a#btn-pagar-carrito:hover {
    background: var(--color-main)!important;
}
.tt-cart-btn .tt-item a#btn-pagar-carrito {
    background: var(--color-main)!important; 
}
header .tt-stuck-nav .tt-stuck-parent-menu nav ul li.dropdown:first-child:after, .tt-col-obj.tt-obj-logo:after,
header .tt-stuck-nav .tt-stuck-parent-menu nav ul li.dropdown:first-child:before, .tt-col-obj.tt-obj-logo:before {
  color: var(--color-main)!important;
}
header .tt-cart .tt-dropdown-toggle .tt-badge-cart {
    background: var(--color-main)!important;
}

/* ===============================
   FOOTER
================================ */
footer .tt-color-scheme-02, footer .tt-color-scheme-03 {
    background: var(--color-main)!important;
}
footer .tt-color-scheme-01 .tt-list li a:hover, footer .tt-color-scheme-01 .tt-social-icon li a:hover, footer .tt-color-scheme-01 .tt-mobile-collapse .tt-collapse-content .tt-list li a:hover, footer .tt-color-scheme-01 .tt-collapse-content a {
    color: white!important;
}
footer .tt-color-scheme-01 .tt-collapse-title {
  color: var(--color-main)!important;
}
footer .tt-color-scheme-01 {
    background: #000000!important;
}
footer .tt-mobile-collapse .tt-collapse-content > *:nth-child(1) {
    color: white!important;
}
footer .tt-color-scheme-01 address span {
    color: white!important;
}
footer {
    margin-top: 0px!important;
}
.wrapper-social-icon {
    margin-bottom: 0px!important;
    margin-top: 40px !important;
}
footer .tt-logo img {    
    max-height: 40px!important;
}

footer .tt-footer-default .tt-newsletter .form-default .form-group .btn {
    border-radius: 0px 50px 50px 0px !important;
    background: black!important;
}

/*Ajustes Movil*/
@media (max-width: 789px) {
  footer .tt-mobile-collapse .tt-collapse-title, footer .tt-mobile-collapse .tt-collapse-title:before {
      color: #ffffff!important;
  }
  footer .tt-footer-col .container, footer .tt-footer-center .container, footer .tt-footer-custom .container, footer .tt-footer-default .container {
    padding:30px!important;
  }
  footer, footer .tt-footer-col, footer .tt-footer-center, footer .tt-list li a, footer .tt-social-icon li a, footer address a:hover {
        color: white!important;
    }
  .tt-mobile-header .tt-logo-container {
    height: 94px!important;
  }
  .tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {
  color: var(--color-main)!important;
  }
  .tt-cart-btn .tt-item a.btn.btn-border.tt-hidden-desctope {
    border: 1px solid var(--color-main)!important;
    color: white!important;
}
}

/*efecto zoom*/

.tt-promo-box {
    display: block; 
    overflow: hidden;
}

.tt-promo-box img { 
  transform: scale(1); 
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
}

.tt-promo-box:hover img { 
  transform: scale(1.1); 
  opacity:1;
}

/*termina efecto zoom*/

/*comienza parallax*/
.parallax {
    background-image: url("../imagenes/parallax.jpg");
    height: 100%;
    min-height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;    
  }

.parallax  .parallax-text {
     left: 0;
    padding: 5vw;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;   
    }
.parallax  .parallax-text h1 {
    color: white;
    font-size: calc(28px + 0.5vw);
    margin-bottom: 20px;
    }
.parallax  .parallax-text p {
    color: white;
    font-size: calc(16px + 0.5vw);
      }  

/*termina parallax*/


/* ==========================================
   HERO HOME
========================================== */

.hero-home {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/5/archivos/hero-inicio.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.hero-home-content {
    position: relative;
    background-color: rgba(13, 32, 49,0.6);
    padding: 100px 0 90px;
}

.hero-home-main {
    padding-right: 80px;
}


/* ==========================================
   EYEBROW
========================================== */

.hero-home-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--color-main);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.hero-home-main h1 {
    margin: 0 0 5px;
    color: #fff;
    font-size: clamp(34px, 4vw, 68px)!important;
    font-weight: 800!important;
    line-height: .98;
    text-transform: uppercase;
}


/* ==========================================
   SUBTÍTULO
========================================== */

.hero-home-main h4 {
    margin: 0 0 30px;
    color: #fff;
    font-size: clamp(22px, 2vw, 32px);
    font-weight: 400!important;
    line-height: 1.3;
}


/* ==========================================
   TAGLINE
========================================== */

.hero-home-tagline {
    display: block;
    margin-bottom: 35px;
    color: var(--color-main);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 6px;
    line-height: 1.2;
}

.hero-home-main h4 {
    font-size: 32px!important;
}

.hero-home-side h3 {
    font-size: 22px!important;
}


/* ==========================================
   BOTONES
========================================== */

.hero-home-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.hero-home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 76px;
    padding: 15px 22px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.hero-home-button > i:first-child {
    font-size: 24px;
}

.hero-home-button > i:last-child {
    margin-left: 10px;
    font-size: 20px;
}


/* ==========================================
   BOTÓN CONSULTA
========================================== */

.hero-home-button-main {
    min-width: 350px;
    background-color: var(--color-main);
    color: #fff;
}

.hero-home-button-main:hover {
    background-color: #fff;
    color: var(--color-main);
}


/* ==========================================
   BOTÓN CLIENTE
========================================== */

.hero-home-button-client {
    min-width: 290px;
    background-color: #0D2031;
    border-color: #fff;
    color: #fff;
}

.hero-home-button-client:hover {
    background-color: #fff;
    border-color: var(--color-main);
    color: var(--color-main);
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.hero-home-side {
    padding-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.hero-home-side h3 {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.35;
}


/* ==========================================
   DIVISOR
========================================== */

.hero-home-divider {
    width: 40px;
    height: 4px;
    margin: 25px 0 35px;
    background-color: var(--color-main);
}


/* ==========================================
   CARACTERÍSTICAS
========================================== */

.hero-home-features {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.hero-home-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hero-home-feature i {
    margin-bottom: 10px;
    color: #fff;
    font-size: 28px;
}

.hero-home-feature span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}


/* ==========================================
   FRANJA DE SERVICIOS
========================================== */

.hero-home-services {
    background-color: #fff;
}

.hero-home-services .row {
    margin: 0;
}

.hero-home-services [class*="col-"] {
    padding: 0;
}


.hero-home-service {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 262px;
    padding: 35px 25px;
    text-align: center;
}

.hero-home-services [class*="col-"] + [class*="col-"] .hero-home-service {
    border-left: 1px solid #dfe3e6;
}

.hero-home-service > i {
    margin-bottom: 18px;
    color: var(--color-main);
    font-size: 48px;
}

.hero-home-service h5 {
    margin: 0 0 10px;
    color: #111;
    font-size: 18px!important;
    font-weight: 700!important;
    line-height: 1.25!important;
}

.hero-home-service p {
    margin: 0;
    color: #111;
    font-size: 16px;
    line-height: 1.4;
}


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

@media (max-width: 1199.98px) {

    .hero-home-main {
        padding-right: 40px;
    }

    .hero-home-side {
        padding-left: 35px;
    }

    .hero-home-side h3 {
        font-size: 20px;
    }

    .hero-home-button-main {
        min-width: 300px;
    }

    .hero-home-button-client {
        min-width: 250px;
    }

}


@media (max-width: 991.98px) {

    .hero-home-content {
        padding: 80px 0;
    }

    .hero-home-main {
        padding-right: 0;
        margin-bottom: 60px;
    }

    .hero-home-side {
        padding: 40px 0 0;
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 0;
    }

    .hero-home-features {
        flex-direction: row;
        justify-content: flex-start;
        gap: 50px;
    }

    .hero-home-feature {
        align-items: flex-start;
        text-align: left;
    }

    .hero-home-feature i {
        font-size: 26px;
    }

    .hero-home-service {
        min-height: 200px;
    }

}


@media (max-width: 575.98px) {

    .hero-home-content {
        padding: 60px 0;
    }

    .hero-home-eyebrow {
        font-size: 13px;
        letter-spacing: 4px;
    }

    .hero-home-main h1 {
        font-size: 34px;
    }

    .hero-home-main h4 {
        font-size: 21px;
    }

    .hero-home-tagline {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .hero-home-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-home-button {
        width: 100%;
        min-width: 0;
    }

    .hero-home-side h3 {
        font-size: 19px;
    }

    .hero-home-features {
        gap: 25px;
    }

    .hero-home-feature span {
        font-size: 11px;
    }

    .hero-home-services .col-6:nth-child(3) .hero-home-service,
    .hero-home-services .col-6:nth-child(4) .hero-home-service {
        border-top: 1px solid #dfe3e6;
    }

    .hero-home-services .col-6:nth-child(odd) .hero-home-service {
        border-left: 0;
    }

    .hero-home-service {
        min-height: 220px;
        padding: 30px 15px;
    }

    .hero-home-service > i {
        font-size: 40px;
    }

    .hero-home-service h5 {
        font-size: 15px;
    }

    .hero-home-service p {
        font-size: 14px;
    }

}

/* ==========================================
   NOSOTROS HOME
========================================== */

.nosotros-home {
    background-color: #0D2031;
}


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

.nosotros-home-content {
    position: relative;
    background-color: #0D2031;
    background-image:
        linear-gradient(
            90deg,
            rgba(13, 32, 49, .98) 0%,
            rgba(13, 32, 49, .94) 34%,
            rgba(13, 32, 49, .60) 52%,
            rgba(13, 32, 49, .30) 100%
        ),
        url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/6/archivos/nosotros-inicio.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    background-attachment: fixed;
}


/* ==========================================
   BLOQUE IZQUIERDO
========================================== */

.nosotros-home-main {
    max-width: 680px;
    padding-right: 50px;
}


/* ==========================================
   EYEBROW
========================================== */

.nosotros-home-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--color-main);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.nosotros-home-main h2 {
    margin: 0 0 25px;
    color: #fff;
    font-size: clamp(42px, 4vw, 64px);
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}


/* ==========================================
   DESCRIPCIÓN
========================================== */

.nosotros-home-main h5 {
    max-width: 620px;
    margin: 0 0 30px;
    color: #fff;
    font-size: 21px!important;
    font-weight: 400!important;
    line-height: 1.45!important;
}


/* ==========================================
   BOTÓN
========================================== */

.nosotros-home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 395px;
    min-height: 66px;
    padding: 15px 25px;
    border: 2px solid var(--color-main);
    border-radius: 8px;
    background-color: transparent;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.nosotros-home-button i {
    margin-left: auto;
    font-size: 21px;
}

.nosotros-home-button:hover {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff;
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.nosotros-home-side {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.nosotros-home-side-item {
    display: flex;
    align-items: center;
    gap: 22px;
    color: #fff;
}

.nosotros-home-side-item i {
    flex: 0 0 42px;
    color: #fff;
    font-size: 30px;
    text-align: center;
}

.nosotros-home-side-item span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}


/* ==========================================
   FRANJA ESTADÍSTICAS
========================================== */

.nosotros-home-stats {
    background-color: #eaf5fc;
}

.nosotros-home-stats .row {
    margin: 0;
}

.nosotros-home-stats [class*="col-"] {
    padding: 0;
}


/* ==========================================
   GRID DE ESTADÍSTICAS
========================================== */

.nosotros-home-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 100%;
}

.nosotros-home-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    padding: 30px 15px;
    text-align: center;
}

.nosotros-home-stat + .nosotros-home-stat {
    border-left: 1px solid #cbdce7;
}

.nosotros-home-stat > i {
    margin-bottom: 12px;
    color: var(--color-main);
    font-size: 40px;
}

.nosotros-home-stat strong {
    display: block;
    margin-bottom: 5px;
    color: #111;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
}

.nosotros-home-stat span {
    color: #111;
    font-size: 16px;
    line-height: 1.3;
}


/* ==========================================
   DESCRIPCIÓN INFERIOR
========================================== */

.nosotros-home-description {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 190px;
    padding: 35px 40px;
    border-left: 1px solid #cbdce7;
}

.nosotros-home-description p {
    max-width: 430px;
    margin: 0;
    color: #111;
    font-size: 17px;
    line-height: 1.45;
}


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

@media (max-width: 1199.98px) {

    .nosotros-home-main {
        padding-right: 30px;
    }

    .nosotros-home-side {
        padding-left: 30px;
    }

    .nosotros-home-side-item {
        gap: 15px;
    }

    .nosotros-home-side-item i {
        flex-basis: 35px;
        font-size: 26px;
    }

    .nosotros-home-side-item span {
        font-size: 13px;
    }

}


@media (max-width: 991.98px) {

    .nosotros-home-content {
        padding: 75px 0;
    }

    .nosotros-home-main {
        max-width: 700px;
        padding-right: 0;
        margin-bottom: 60px;
    }

    .nosotros-home-side {
        padding: 40px 0 0;
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 0;
    }

    .nosotros-home-side-item {
        display: inline-flex;
        width: 48%;
    }

    .nosotros-home-side {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .nosotros-home-stat-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .nosotros-home-description {
        min-height: auto;
        border-top: 1px solid #cbdce7;
        border-left: 0;
    }

}


@media (max-width: 767.98px) {

    .nosotros-home-content {
        padding: 60px 0;
    }

    .nosotros-home-eyebrow {
        font-size: 13px;
        letter-spacing: 5px;
    }

    .nosotros-home-main h2 {
        font-size: 40px;
    }

    .nosotros-home-main h5 {
        font-size: 18px;
    }

    .nosotros-home-button {
        width: 100%;
        min-width: 0;
    }

    .nosotros-home-stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .nosotros-home-stat:nth-child(3) {
        border-top: 1px solid #cbdce7;
        border-left: 0;
    }

    .nosotros-home-stat:nth-child(4) {
        border-top: 1px solid #cbdce7;
    }

}


@media (max-width: 575.98px) {

    .nosotros-home-side {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .nosotros-home-side-item {
        width: 100%;
    }

    .nosotros-home-stat {
        min-height: 180px;
        padding: 25px 10px;
    }

    .nosotros-home-stat > i {
        font-size: 34px;
    }

    .nosotros-home-stat strong {
        font-size: 27px;
    }

    .nosotros-home-stat span {
        font-size: 14px;
    }

    .nosotros-home-description {
        padding: 30px 20px;
    }

    .nosotros-home-description p {
        font-size: 15px;
    }

}


/* ==========================================
   SERVICIOS HOME
========================================== */

.services-home {
    padding: 80px 0px 0px;

    .services-home-heading {
        margin-bottom: 30px;

        .services-home-eyebrow {
            display: block;
            margin-bottom: 5px;
            color: var(--color-main);
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 2px;
            line-height: 1.2;
        }

        h1 {
            margin: 0;
            color: #111!important;
            font-size: 36px!important;
            font-weight: 800!important;
            line-height: 1.1!important;
            text-transform: uppercase;
        }
    }

    .services-home-content {
        align-items: stretch;
    }

    .service-card {
        position: relative;
        height: 368px;
        overflow: hidden;
        border-radius: 4px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        .service-card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to top,
                rgba(0, 0, 0, 0.92) 0%,
                rgba(0, 0, 0, 0.72) 35%,
                rgba(0, 0, 0, 0.20) 72%,
                rgba(0, 0, 0, 0) 100%
            );
        }

        .service-card-content {
            position: absolute;
            right: 25px;
            bottom: 22px;
            left: 25px;
            z-index: 2;

            h3 {
                margin: 0 0 7px;
                color: #fff;
                font-size: 21px;
                font-weight: 700;
                line-height: 1.15;
            }

            p {
                max-width: 95%;
                margin: 0 0 12px;
                color: #fff;
                font-size: 15px;
                font-weight: 400;
                line-height: 1.35;
            }

            .service-card-link {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                color: var(--color-main);
                font-size: 15px;
                font-weight: 600;
                line-height: 1;
                text-decoration: none;

                .service-card-arrow {
                    display: inline-block;
                    font-size: 24px;
                    line-height: 12px;
                    transition: transform 0.25s ease;
                }

                &:hover {
                    color: var(--color-main);

                    .service-card-arrow {
                        transform: translateX(6px);
                    }
                }
            }
        }
    }

    .services-home-commitment {
        position: relative;
        height: 368px;
        overflow: hidden;
        border-radius: 2px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        .services-home-commitment-content {
            position: absolute;
            top: 50%;
            left: 50%;
            width: calc(100% - 40px);
            max-width: 330px;
            transform: translate(-50%, -50%);

            h2 {
                margin: 0;
                color: #111!important;
                font-size: 27px!important;
                font-weight: 500!important;
                line-height: 1.15!important;
                padding-bottom: 0px!importat;
            }

            .hero-home-divider {
                width: 40px;
                height: 4px;
                margin: 25px 0 35px;
                background-color: var(--color-main);
            }

            p {
                margin: 0;
                color: #111!important;
                font-size: 16px!important;
                font-weight: 500!important;
                line-height: 1.35;
            }
        }
    }
}


@media (max-width: 991.98px) {

    .services-home {

        .services-home-heading {

            h1 {
                font-size: 32px;
            }
        }

        .service-card,
        .services-home-commitment {
            height: 320px;
        }
    }
}


@media (max-width: 767.98px) {

    .services-home {
        padding: 60px 0;

        .services-home-heading {
            margin-bottom: 25px;

            .services-home-eyebrow {
                font-size: 13px;
            }

            h1 {
                font-size: 28px;
            }
        }

        .service-card {
            height: 300px;
        }

        .services-home-commitment {
            height: 300px;
        }
    }
}


/* ==========================================
   CALL TO ACTION
========================================== */

.cta-home {
    position: relative;
    min-height: 180px;
    padding: 30px 0;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/9/archivos/call-to-action.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    .container {
        position: relative;
        z-index: 2;
    }

    .row {
        min-height: 120px;
    }

    .cta-home-content {

        h1 {
            margin: 0 0 5px;
            color: #fff!important;
            font-size: 34px!important;
            font-weight: 800!important;
            line-height: 1.15!important;
        }

        p {
            margin: 0;
            color: #fff!important;
            font-size: 20px!important;
            font-weight: 400;
            line-height: 1.3;
        }
    }

    .cta-home-buttons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 30px;
    }

    .cta-home-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        min-height: 76px;
        padding: 15px 22px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-size: 17px;
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
        transition:
            background-color .25s ease,
            color .25s ease,
            border-color .25s ease;

        i {
            font-size: 27px;
        }

        .cta-home-button-arrow {
            display: inline-block;
            margin-left: 3px;
            font-size: 28px;
            line-height: 1;
            transition: transform .25s ease;
        }

        &:hover {

            .cta-home-button-arrow {
                transform: translateX(5px);
            }
        }
    }

    .cta-home-button-whatsapp {
        min-width: 350px;
        background-color: #00D95F;
        color: #fff;

        &:hover {
            background-color: #00D95F;
            color: #fff;
        }
    }

    .cta-home-button-client {
        min-width: 290px;
        background-color: #0D2031;
        border-color: #fff;
        color: #fff;

        &:hover {
            background-color: #0D2031;
            border-color: #fff;
            color: #fff;
        }
    }
}


@media (max-width: 1199.98px) {

    .cta-home {

        .cta-home-buttons {
            gap: 15px;
        }

        .cta-home-button {
            min-width: 0;
            width: 100%;
            padding: 15px;
            gap: 10px;
            font-size: 15px;
        }

        .cta-home-button-whatsapp,
        .cta-home-button-client {
            min-width: 0;
        }
    }
}


@media (max-width: 991.98px) {

    .cta-home {
        padding: 45px 0;

        .row {
            min-height: 0;
        }

        .cta-home-content {
            margin-bottom: 30px;
            text-align: center;

            h1 {
                font-size: 30px;
            }

            p {
                font-size: 18px;
            }
        }

        .cta-home-buttons {
            justify-content: center;
        }
    }
}


@media (max-width: 575.98px) {

    .cta-home {

        .cta-home-buttons {
            flex-direction: column;
            gap: 15px;
        }

        .cta-home-button {
            width: 100%;
            min-height: 68px;
        }
    }
}

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

.contact-home {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/10/archivos/contacto.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.contact-home-content {
    position: relative;
    background-color: rgba(13, 32, 49, .58);
    padding: 55px 0 45px;
}

.contact-home-main {
    padding-right: 60px;
}


/* ==========================================
   EYEBROW
========================================== */

.contact-home-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--color-secondary);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.contact-home-main h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 4vw, 76px) !important;
    font-weight: 800 !important;
    line-height: .94;
    text-transform: uppercase;
}

.contact-home-main h1 span {
    color: var(--color-secondary);
}


/* ==========================================
   DIVISOR
========================================== */

.contact-home-divider {
    width: 40px;
    height: 4px;
    margin: 25px 0 25px;
    background-color: var(--color-secondary);
}


/* ==========================================
   DESCRIPCIÓN
========================================== */

.contact-home-main p {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.35;
}


/* ==========================================
   CARACTERÍSTICAS
========================================== */

.contact-home-features {
    display: flex;
    align-items: flex-start;
    gap: 55px;
    margin-top: 30px;
}

.contact-home-feature {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-home-feature i {
    margin-bottom: 10px;
    color: #fff;
    font-size: 40px;
}

.contact-home-feature span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.15;
}


/* ==========================================
   FORMULARIO
========================================== */

.contact-home-form {
    padding: 32px 40px;
    background-color: rgba(13, 32, 49, .88);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    backdrop-filter: blur(4px);
}

.contact-home-form-title {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
}

.contact-home-form-divider {
    width: 40px;
    height: 4px;
    margin: 15px 0 25px;
    background-color: var(--color-secondary);
}


/* ==========================================
   CAMPOS
========================================== */

.contact-home-field {
    margin-bottom: 10px;
}

.contact-home-field input,
.contact-home-field select,
.contact-home-field textarea {
    display: block;
    width: 100%;
    padding: 13px 14px;
    background-color: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 6px;
    outline: none;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    transition:
        border-color .25s ease,
        background-color .25s ease;
}

.contact-home-field input,
.contact-home-field select {
    min-height: 48px;
}

.contact-home-field textarea {
    min-height: 94px;
    resize: vertical;
}

.contact-home-field input::placeholder,
.contact-home-field textarea::placeholder {
    color: #fff;
    opacity: .9;
}

.contact-home-field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3 6 5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    padding-right: 40px;
}

.contact-home-field select option {
    color: #111;
    background-color: #fff;
}

.contact-home-field input:focus,
.contact-home-field select:focus,
.contact-home-field textarea:focus {
    border-color: var(--color-main);
    background-color: rgba(255, 255, 255, .06);
}


/* ==========================================
   CAMPOS EN DOS COLUMNAS
========================================== */

.contact-home-fields-row {
    display: flex;
    gap: 10px;
}

.contact-home-fields-row .contact-home-field {
    width: 50%;
}


/* ==========================================
   BOTÓN ENVIAR
========================================== */

.contact-home-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    min-height: 58px;
    margin-top: 5px;
    padding: 15px 22px;
    border: 1px solid transparent;
    border-radius: 7px;
    background-color: var(--color-secondary);
    color: #0d2031;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color .25s ease,
        color .25s ease;
    border-radius: 10px !important;
}

.contact-home-submit i {
    font-size: 20px;
}

.contact-home-submit:hover {
    background-color: #fff;
    color: var(--color-main);
}


/* ==========================================
   PRIVACIDAD
========================================== */

.contact-home-privacy {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
}

.contact-home-privacy i {
    padding-top: 2px;
    color: #fff;
    font-size: 19px;
}

.contact-home-privacy span {
    color: #fff;
    font-size: 12px;
    line-height: 1.35;
}


/* ==========================================
   INFORMACIÓN DE CONTACTO
========================================== */

.contact-home-info {
    background-color: rgba(13, 32, 49, .96);
}

.contact-home-info .row {
    margin: 0;
}

.contact-home-info [class*="col-"] {
    padding: 0;
}

.contact-home-info-item {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 128px;
    padding: 25px 35px;
}

.contact-home-info-item i {
    flex-shrink: 0;
    color: #fff;
    font-size: 36px;
}

.contact-home-info-item div {
    display: flex;
    flex-direction: column;
}

.contact-home-info-item span {
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.contact-home-info-item strong {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
}


/* ==========================================
   MENSAJE FINAL
========================================== */

.contact-home-info-message {
    display: flex;
    align-items: center;
    min-height: 128px;
    padding: 25px 20px 25px 35px;
    border-left: 1px solid rgba(255, 255, 255, .25);
}

.contact-home-info-divider {
    width: 40px;
    height: 4px;
    flex-shrink: 0;
    margin-right: 25px;
    background-color: var(--color-secondary);
}

.contact-home-info-message span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}


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

@media (max-width: 1199.98px) {

    .contact-home-main {
        padding-right: 30px;
    }

    .contact-home-form {
        padding: 30px;
    }

    .contact-home-features {
        gap: 35px;
    }

    .contact-home-info-item {
        padding: 25px 20px;
    }

    .contact-home-info-item i {
        font-size: 30px;
    }

    .contact-home-info-item strong {
        font-size: 14px;
    }

    .contact-home-info-message {
        padding-left: 20px;
    }

    .contact-home-info-divider {
        margin-right: 15px;
    }

}


@media (max-width: 991.98px) {

    .contact-home-content {
        padding: 80px 0;
    }

    .contact-home-main {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .contact-home-form {
        max-width: 650px;
    }

    .contact-home-info-item {
        min-height: 110px;
    }

    .contact-home-info-message {
        min-height: 110px;
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 0;
    }

}


@media (max-width: 767.98px) {

    .contact-home-features {
        gap: 30px;
    }

    .contact-home-feature i {
        font-size: 32px;
    }

    .contact-home-feature span {
        font-size: 11px;
    }

    .contact-home-info-item {
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .contact-home-info-message {
        min-height: 100px;
    }

}


@media (max-width: 575.98px) {

    .contact-home {
        background-position: center top;
    }

    .contact-home-content {
        padding: 60px 0;
    }

    .contact-home-eyebrow {
        margin-bottom: 15px;
        font-size: 13px;
        letter-spacing: 4px;
    }

    .contact-home-main h1 {
        font-size: 43px !important;
    }

    .contact-home-main p {
        font-size: 17px;
    }

    .contact-home-features {
        justify-content: space-between;
        gap: 15px;
    }

    .contact-home-feature {
        align-items: center;
        text-align: center;
    }

    .contact-home-feature i {
        font-size: 29px;
    }

    .contact-home-feature span {
        font-size: 10px;
    }

    .contact-home-form {
        padding: 25px 20px;
        border-radius: 10px;
    }

    .contact-home-form-title {
        font-size: 16px;
    }

    .contact-home-fields-row {
        flex-direction: column;
        gap: 0;
    }

    .contact-home-fields-row .contact-home-field {
        width: 100%;
    }

    .contact-home-submit {
        min-height: 56px;
    }

    .contact-home-privacy span {
        font-size: 11px;
    }

    .contact-home-info-item {
        min-height: 95px;
        padding: 20px;
    }

    .contact-home-info-item i {
        font-size: 28px;
    }

    .contact-home-info-item strong {
        font-size: 14px;
    }

    .contact-home-info-message {
        padding: 20px;
    }

    .contact-home-info-message span {
        font-size: 11px;
    }

}

/* ==========================================
   HERO EMPRESAS
========================================== */

#tt-pageContent.css-pagina-1col.EMPRESAS {
    margin-top: -52px!important;
    margin-bottom: -52px!important;
}

.hero-empresas {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/hero-empresa.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.hero-empresas-content {
    position: relative;
    background-color: rgba(13, 32, 49, .6);
    padding: 100px 0 90px;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.hero-empresas-main {
    padding-right: 80px;
}


/* ==========================================
   EYEBROW
========================================== */

.hero-empresas-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--color-secondary);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.hero-empresas-main h1 {
    margin: 0 0 25px;
    color: #fff;
    font-size: clamp(40px, 3vw, 76px) !important;
    font-weight: 800 !important;
    line-height: .98;
    text-transform: uppercase;
}

.hero-empresas-main h1 span {
    color: var(--color-secondary);
}


/* ==========================================
   TEXTO
========================================== */

.hero-empresas-main p {
    margin: 0 0 35px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
}


/* ==========================================
   BOTÓN
========================================== */

.hero-empresas-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-width: 180px;
    min-height: 63px;
    padding: 15px 22px;
    background-color: var(--color-main);
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.hero-empresas-button > i {
    margin-left: 10px;
    font-size: 20px;
}

.hero-empresas-button:hover {
    background-color: #fff;
    color: var(--color-main);
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.hero-empresas-side {
    display: flex;
    justify-content: flex-end;
    padding-left: 50px;
}

.hero-empresas-side-content {
    max-width: 230px;
    transform: rotate(-7deg);
}

.hero-empresas-side-content span {
    display: block;
    color: #fff;
    font-family: "Caveat", cursive;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.05;
}


/* ==========================================
   LÍNEA LATERAL
========================================== */

.hero-empresas-side-line {
    width: 105px;
    height: 5px;
    margin-top: 18px;
    margin-left: 15px;
    background-color: var(--color-secondary);
    transform: rotate(-3deg);
}


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

@media (max-width: 991.98px) {

    .hero-empresas-main {
        padding-right: 0;
    }

    .hero-empresas-side {
        justify-content: flex-start;
        padding-top: 50px;
        padding-left: 0;
    }

    .hero-empresas-side-content {
        max-width: 230px;
    }

}


@media (max-width: 767.98px) {

    .hero-empresas {
        background-attachment: scroll;
        background-position: 65% top;        
    }

    .hero-empresas-side-content {
        padding-left: 58px;
    }

    .hero-empresas-content {
        padding: 80px 0;
    }

    .hero-empresas-main h1 {
        font-size: 42px !important;
    }

    .hero-empresas-main p {
        font-size: 16px;
    }    

    

}


@media (max-width: 575.98px) {

    .hero-empresas-main h1 {
        font-size: 38px !important;
    }

    .hero-empresas-main p {
        font-size: 15px;
    }

}

/* ==========================================
   IMPACTO
========================================== */

.empresas-impacto {
    padding: 65px 0;
    background-color: #f1f3f5;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.empresas-impacto-main {
    padding-right: 45px;
    border-right: 1px solid rgba(13, 32, 49, .2);
}


/* ==========================================
   ENCABEZADO
========================================== */

.empresas-impacto-heading {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}


/* ==========================================
   ÍCONO DE ALERTA
========================================== */

.empresas-impacto-icon {
    flex: 0 0 auto;
    padding-top: 3px;
}

.empresas-impacto-icon i {
    color: var(--color-main);
    font-size: 48px;
}


/* ==========================================
   TÍTULO
========================================== */

.empresas-impacto-main h4 {
    margin: 0 0 15px;
    color: #0d2031;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.1;
}


/* ==========================================
   TEXTO
========================================== */

.empresas-impacto-main p {
    max-width: 480px;
    margin: 0;
    color: #0d2031;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}


/* ==========================================
   CARACTERÍSTICAS
========================================== */

.empresas-impacto-features {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 45px;
}


/* ==========================================
   CARACTERÍSTICA
========================================== */

.empresas-impacto-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    text-align: center;
}

.empresas-impacto-feature i {
    margin-bottom: 12px;
    color: #0d2031;
    font-size: 35px;
}

.empresas-impacto-feature span {
    color: #0d2031;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .empresas-impacto-main {
        padding-right: 30px;
    }

    .empresas-impacto-heading {
        gap: 18px;
    }

    .empresas-impacto-icon i {
        font-size: 42px;
    }

    .empresas-impacto-main h4 {
        font-size: 24px !important;
    }

    .empresas-impacto-features {
        padding-left: 30px;
    }

    .empresas-impacto-feature {
        min-width: 65px;
    }

    .empresas-impacto-feature i {
        font-size: 27px;
    }

    .empresas-impacto-feature span {
        font-size: 11px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991.98px) {

    .empresas-impacto {
        padding: 55px 0;
    }

    .empresas-impacto-main {
        padding-right: 0;
        padding-bottom: 40px;
        border-right: 0;
        border-bottom: 1px solid rgba(13, 32, 49, .2);
    }

    .empresas-impacto-main p {
        max-width: 600px;
    }

    .empresas-impacto-features {
        padding: 40px 0 0;
    }

}


/* ==========================================
   MOBILE PEQUEÑO
========================================== */

@media (max-width: 575.98px) {

    .empresas-impacto {
        padding: 45px 0;
    }

    .empresas-impacto-heading {
        gap: 18px;
    }

    .empresas-impacto-icon i {
        font-size: 38px;
    }

    .empresas-impacto-main h4 {
        font-size: 22px !important;
    }

    .empresas-impacto-main p {
        font-size: 15px;
    }

    .empresas-impacto-features {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 15px;
    }

}

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

.empresas-servicios {
    position: relative;
    overflow: hidden;
    background-color: #f1f3f5;
}


/* ==========================================
   IMAGEN
========================================== */

.empresas-servicios-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 57%;
    height: 100%;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/empresas1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    clip-path: polygon(
        0 0,
        100% 0,
        84% 100%,
        0 100%
    );
}


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

.empresas-servicios-content {
    position: relative;
    z-index: 2;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 0 80px 60px;
}


/* ==========================================
   LÍNEA
========================================== */

.empresas-servicios-line {
    width: 40px;
    height: 4px;
    margin-bottom: 25px;
    background-color: var(--color-main);
}


/* ==========================================
   TÍTULO
========================================== */

.empresas-servicios-content h2 {
    margin: 0 0 22px;
    color: #0d2031;
    font-size: clamp(30px, 3vw, 43px) !important;
    font-weight: 800 !important;
    line-height: 1.05;
}


/* ==========================================
   TEXTO
========================================== */

.empresas-servicios-content p {
    max-width: 570px;
    margin: 0 0 30px;
    color: #0d2031;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}


/* ==========================================
   BOTÓN
========================================== */

.empresas-servicios-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 18px;
    min-height: 52px;
    padding: 12px 24px;
    background-color: #0d2031;
    border: 1px solid #0d2031;
    border-radius: 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.empresas-servicios-button i {
    font-size: 19px;
    transition: transform .25s ease;
}

.empresas-servicios-button:hover {
    background-color: #fff;
    border-color: #0d2031;
    color: #0d2031;
}

.empresas-servicios-button:hover i {
    transform: translateX(5px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .empresas-servicios-image {
        width: 55%;
        clip-path: polygon(
            0 0,
            100% 0,
            81% 100%,
            0 100%
        );
    }

    .empresas-servicios-content {
        padding-left: 45px;
    }

    .empresas-servicios-content h2 {
        font-size: 34px !important;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991.98px) {

    .empresas-servicios {
        display: flex;
        flex-direction: column;
    }

    .empresas-servicios-image {
        position: relative;
        width: 100%;
        height: 400px;
        clip-path: none;
        background-position: left center;
    }

    .empresas-servicios-content {
        min-height: auto;
        padding: 60px 0 70px;
    }

}


/* ==========================================
   MOBILE PEQUEÑO
========================================== */

@media (max-width: 575.98px) {

    .empresas-servicios-image {
        height: 320px;
        background-position: left center;
    }

    .empresas-servicios-content {
        padding: 50px 0 60px;
    }

    .empresas-servicios-content h2 {
        font-size: 29px !important;
    }

    .empresas-servicios-content p {
        font-size: 15px;
    }

}

/* Empresas Operación - 4to Bloque */

.empresas-operacion {
    position: relative;
    overflow: hidden;
    min-height: 440px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/empresas2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* IMAGEN CENTRAL */

.empresas-operacion__image {
    display: none;
}

.empresas-operacion__image-bg {
    display: none;
}

/* DEGRADADO IZQUIERDO */

.empresas-operacion__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 440px;
    background: linear-gradient(
        to right,
        #f1f1f1 0%,
        #f1f1f1 48%,
        rgba(241, 241, 241, 0.92) 62%,
        rgba(241, 241, 241, 0.55) 76%,
        rgba(241, 241, 241, 0) 100%
    );
}

.empresas-operacion__inner {
    width: 100%;
    max-width: 610px;
    margin-left: auto;
    padding: 60px 25% 60px 0%;
}

.empresas-operacion .section-line {
    display: block;
    width: 48px;
    height: 3px;
    margin-bottom: 22px;
    background-color: var(--color-main);
}

.empresas-operacion h3 {
    max-width: 480px;
    margin: 0 0 18px;
    color: #171717;
    font-size: clamp(28px, 2.3vw, 40px);
    font-weight: 700;
    line-height: 1.12;
}

.empresas-operacion p {
    max-width: 500px;
    margin: 0;
    color: #4f4f4f;
    font-size: 16px;
    line-height: 1.65;
}

/* DEGRADADO DERECHO */

.empresas-operacion__services {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 440px;
    background: linear-gradient(
        to left,
        #171717 0%,
        #171717 42%,
        rgba(23, 23, 23, 0.94) 57%,
        rgba(23, 23, 23, 0.62) 72%,
        rgba(23, 23, 23, 0) 100%
    );
}

.empresas-operacion__services-inner {
    width: 100%;
    padding: 55px 10% 55px 70px;
}

.empresas-operacion__item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 13px 0;
    color: #ffffff;
}

.empresas-operacion__item i {
    width: 28px;
    flex: 0 0 28px;
    color: #ffffff;
    font-size: 19px;
    text-align: center;
}

.empresas-operacion__item span {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

/* TABLET */

@media (max-width: 991.98px) {

    .empresas-operacion {
        min-height: auto;
        background-position: center center;
    }

    .empresas-operacion__content {
        min-height: 360px;
        background: linear-gradient(
            to right,
            #f1f1f1 0%,
            #f1f1f1 55%,
            rgba(241, 241, 241, 0.85) 72%,
            rgba(241, 241, 241, 0) 100%
        );
    }

    .empresas-operacion__inner {
        max-width: 600px;
        padding: 55px 8%;
    }

    .empresas-operacion__services {
        min-height: 300px;
        background: linear-gradient(
            to left,
            #171717 0%,
            #171717 55%,
            rgba(23, 23, 23, 0.82) 72%,
            rgba(23, 23, 23, 0) 100%
        );
    }

    .empresas-operacion__services-inner {
        padding: 45px 8%;
    }
}

/* MOBILE */

@media (max-width: 767.98px) {

    .empresas-operacion {
        background-position: center center;
    }

    .empresas-operacion__content {
        min-height: auto;
        background: rgba(241, 241, 241, 0.94);
    }

    .empresas-operacion__inner {
        padding: 55px 8%;
    }

    .empresas-operacion__services {
        min-height: auto;
        background: rgba(23, 23, 23, 0.95);
    }

    .empresas-operacion__services-inner {
        padding: 35px 8%;
    }

    .empresas-operacion__item {
        padding: 11px 0;
    }
}

/* ==========================================
   EMPRESAS SOLUCIONES 5TO BLOQUE   
========================================== */

.empresas-soluciones {
    position: relative;
    min-height: 417px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/empresas5.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.empresas-soluciones-left,
.empresas-soluciones-right {
    position: relative;
    display: flex;
    align-items: center;
}

.empresas-soluciones-left {
    justify-content: flex-start;
    padding: 70px 80px;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.82) 0%,
        rgba(0, 0, 0, 0.70) 48%,
        rgba(0, 0, 0, 0.25) 82%,
        rgba(0, 0, 0, 0) 100%
    );
}

.empresas-soluciones-left-content {
    width: 100%;
    max-width: 760px;
}

.empresas-soluciones-left .section-title-line {
    width: 60px;
    height: 6px;
    margin-bottom: 22px;
    background-color: var(--color-secondary);
    border-radius: 10px;
}

.empresas-soluciones-left h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 3vw, 48px);
    font-weight: 700;
    line-height: 1.05;
}

.empresas-soluciones-items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-top: 48px;
    max-width: 760px;
}

.empresas-soluciones-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 110px;
    text-align: center;
}

.empresas-soluciones-item i {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-bottom: 12px;
    color: var(--color-secondary);
    font-family: "Font Awesome 6 Pro";
    font-size: 48px;
    font-weight: 400;
}

.empresas-soluciones-item span {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
}

.empresas-soluciones-right {
    justify-content: flex-end;
    padding: 60px 70px 60px 120px;
    background: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.82) 0%,
        rgba(0, 0, 0, 0.68) 42%,
        rgba(0, 0, 0, 0.22) 78%,
        rgba(0, 0, 0, 0) 100%
    );
}

.empresas-soluciones-right-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 280px;
    transform: rotate(-7deg);
}

.empresas-soluciones-right-content span {
    display: block;
    color: #fff;
    font-family: "Caveat", cursive;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.05;
    text-align: left;
}

.empresas-soluciones-right-line {
    width: 75px;
    height: 7px;
    margin-top: 18px;
    margin-right: 5px;
    background-color: var(--color-secondary);
    border-radius: 10px;
    transform: rotate(-2deg);
    position: absolute;
    left: 0px;
    top: 100%;
}

@media (max-width: 991.98px) {

    .empresas-soluciones {
        min-height: auto;
    }

    .empresas-soluciones-left {
        padding: 70px 50px;
        background: linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.84) 0%,
            rgba(0, 0, 0, 0.62) 100%
        );
    }

    .empresas-soluciones-items {
        max-width: none;
    }

    .empresas-soluciones-right {
        min-height: 280px;
        padding: 60px 50px;
        background: linear-gradient(
            270deg,
            rgba(0, 0, 0, 0.84) 0%,
            rgba(0, 0, 0, 0.62) 100%
        );
    }

}

@media (max-width: 767.98px) {

    .empresas-soluciones-left {
        padding: 55px 30px;
    }

    .empresas-soluciones-left h2 {
        font-size: 34px;
    }

    .empresas-soluciones-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 20px;
        margin-top: 40px;
    }

    .empresas-soluciones-item {
        min-width: 0;
    }

    .empresas-soluciones-item i {
        font-size: 42px;
    }

    .empresas-soluciones-right {
        min-height: 260px;
        padding: 50px 30px;
    }

    .empresas-soluciones-right-content {
        max-width: 250px;
    }

    .empresas-soluciones-right-content span {
        font-size: 27px;
    }

}

/* ===============================
   EMPRESAS RESPALDO ÚLTIMO BLOQUE
================================ */

.empresas-respaldo {
    position: relative;
    min-height: 380px;
    height: 380px;
    background-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.68) 25%,
            rgba(0, 0, 0, 0.40) 48%,
            rgba(0, 0, 0, 0.12) 72%,
            rgba(0, 0, 0, 0) 100%
        ),
        url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/empresas7.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.empresas-respaldo .container-fluid {
    position: relative;
    z-index: 1;
}

.empresas-respaldo-content {
    padding-left: 5vw;
    padding-top: 5px;
}

.empresas-respaldo-line {
    width: 55px;
    height: 5px;
    margin-bottom: 22px;
    background-color: var(--color-secondary);
    border-radius: 3px;
}

.empresas-respaldo-title {
    margin: 0;
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1px;
}

.empresas-respaldo-title span {
    color: var(--color-secondary);
}

.empresas-respaldo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-width: 205px;
    min-height: 64px;
    margin-top: 35px;
    padding: 0 25px;
    color: #fff;
    background-color: var(--color-main);
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    border-radius: 4px;
    transition: all 0.25s ease;
}

.empresas-respaldo-btn i {
    font-size: 21px;
    transition: transform 0.25s ease;
}

.empresas-respaldo-btn:hover {
    color: #fff;
    text-decoration: none;
}

.empresas-respaldo-btn:hover i {
    transform: translateX(6px);
}


/* TABLET */

@media (max-width: 991.98px) {

    .empresas-respaldo {
        min-height: 360px;
        height: 360px;
        background-position: center center;
    }

    .empresas-respaldo-content {
        padding-left: 50px;
        padding-right: 30px;
    }

    .empresas-respaldo-title {
        font-size: 42px;
    }

    .empresas-respaldo-btn {
        margin-top: 28px;
    }
}


/* MOBILE */

@media (max-width: 575.98px) {

    .empresas-respaldo {
        min-height: 430px;
        height: 430px;
        background-position: 62% center;
        background-image:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.82) 0%,
                rgba(0, 0, 0, 0.68) 55%,
                rgba(0, 0, 0, 0.25) 100%
            ),
            url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/empresas7.jpg");
    }

    .empresas-respaldo-content {
        padding: 0 30px;
    }

    .empresas-respaldo-line {
        width: 48px;
        height: 4px;
        margin-bottom: 18px;
    }

    .empresas-respaldo-title {
        font-size: 34px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }

    .empresas-respaldo-btn {
        min-width: 185px;
        min-height: 58px;
        margin-top: 28px;
        padding: 0 22px;
        font-size: 18px;
        gap: 18px;
    }
}

/* ==========================================
   HERO SERVICIOS
========================================== */

#tt-pageContent.css-pagina-1col.SERVICIOS {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
}

.hero-servicios {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/5/archivos/hero-inicio.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.hero-servicios-content {
    position: relative;
    background-color: rgba(13, 32, 49, 0.68);
    padding: 85px 0 80px;
}


/* ==========================================
   CONTENIDO IZQUIERDO
========================================== */

.hero-servicios-main {
    padding-right: 50px;
}


/* ==========================================
   EYEBROW
========================================== */

.hero-servicios-eyebrow {
    display: block;
    margin-bottom: 18px;
    color: var(--color-main);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 6px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.hero-servicios-main h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(38px, 4vw, 64px);
    font-weight: 800;
    line-height: .98;
    text-transform: uppercase;
}

.hero-servicios-main h1 span {
    color: var(--color-secondary);
}

.hero-servicios-main h1 strong {
    color: var(--color-main);
    font-weight: 800;
}


/* ==========================================
   DESCRIPCIÓN
========================================== */

.hero-servicios-description {
    max-width: 570px;
    margin: 0 0 28px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3;
}


/* ==========================================
   ÍCONOS / CATEGORÍAS
========================================== */

.hero-servicios-items {
    display: flex;
    align-items: flex-start;
    gap: 35px;
    margin-bottom: 32px;
}

.hero-servicios-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
    text-align: center;
}

.hero-servicios-item i {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-bottom: 8px;
    color: var(--color-main);
    font-family: "Font Awesome 6 Pro";
    font-size: 34px;
    font-weight: 400;
}

.hero-servicios-item span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}


/* ==========================================
   BOTÓN
========================================== */

.hero-servicios-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 250px;
    min-height: 58px;
    padding: 14px 22px;
    background-color: var(--color-main);
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease;
}

.hero-servicios-button i {
    margin-left: 8px;
    font-size: 19px;
    transition: transform .25s ease;
}

.hero-servicios-button:hover {
    background-color: #fff;
    color: var(--color-main);
}

.hero-servicios-button:hover i {
    transform: translateX(5px);
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.hero-servicios-side {
    padding-left: 55px;
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.hero-servicios-side h2 {
    max-width: 300px;
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.15;
}

.hero-servicios-divider {
    width: 50px;
    height: 4px;
    margin: 22px 0 22px;
    background-color: var(--color-secondary);
    border-radius: 10px;
}

.hero-servicios-side p {
    max-width: 300px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.45;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .hero-servicios-main {
        padding-right: 30px;
    }

    .hero-servicios-side {
        padding-left: 35px;
    }

    .hero-servicios-items {
        gap: 25px;
    }

    .hero-servicios-side h2 {
        font-size: 28px;
    }
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .hero-servicios-content {
        padding: 75px 0;
    }

    .hero-servicios-main {
        padding-right: 0;
        margin-bottom: 55px;
    }

    .hero-servicios-side {
        padding: 35px 0 0;
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 0;
    }

    .hero-servicios-side h2 {
        max-width: 100%;
    }

    .hero-servicios-side p {
        max-width: 500px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575.98px) {

    .hero-servicios-content {
        padding: 60px 0;
    }

    .hero-servicios-main {
        margin-bottom: 45px;
    }

    .hero-servicios-eyebrow {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 4px;
    }

    .hero-servicios-main h1 {
        font-size: 34px;
        line-height: 1;
    }

    .hero-servicios-description {
        font-size: 16px;
        line-height: 1.4;
    }

    .hero-servicios-items {
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 28px;
    }

    .hero-servicios-item {
        min-width: 60px;
    }

    .hero-servicios-item i {
        font-size: 30px;
    }

    .hero-servicios-item span {
        font-size: 11px;
    }

    .hero-servicios-button {
        width: 100%;
        min-width: 0;
    }

    .hero-servicios-side {
        padding-top: 30px;
    }

    .hero-servicios-side h2 {
        font-size: 27px;
    }

    .hero-servicios-side p {
        font-size: 15px;
    }
}

/* ==========================================
   ÁREAS DE SERVICIO
========================================== */

.servicios-areas {
    background-color: #fff;
}

.servicios-areas .row {
    min-height: 230px;
}


/* ==========================================
   COLUMNA IZQUIERDA
========================================== */

.servicios-areas-left {
    padding: 45px 55px 45px 0;
    border-right: 1px solid #dfe3e6;
}

.servicios-areas-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--color-main);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 1.2;
}

.servicios-areas-left h2 {
    margin: 0 0 12px;
    color: #111;
    font-size: 32px!important;
    font-weight: 700;
    line-height: 1.08;
}

.servicios-areas-left p {
    max-width: 430px;
    margin: 0;
    color: #111;
    font-size: 16px;
    line-height: 1.4;
}


/* ==========================================
   COLUMNA DERECHA
========================================== */

.servicios-areas-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 45px 0 45px 55px;
}

.servicios-areas-description {
    flex: 1;
    max-width: 500px;
}

.servicios-areas-description p {
    margin: 0;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}


/* ==========================================
   BOTÓN
========================================== */

.servicios-areas-button-wrapper {
    flex-shrink: 0;
}

.servicios-areas-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-width: 235px;
    min-height: 52px;
    padding: 12px 20px;
    background-color: #fff;
    border: 2px solid var(--color-main);
    border-radius: 5px;
    color: var(--color-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease;
}

.servicios-areas-button i {
    margin-left: 5px;
    font-size: 17px;
    transition: transform .25s ease;
}

.servicios-areas-button:hover {
    background-color: var(--color-main);
    color: #fff;
}

.servicios-areas-button:hover i {
    transform: translateX(5px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .servicios-areas .row {
        min-height: auto;
    }

    .servicios-areas-left {
        padding: 40px 10px;
        border-right: 0;
        border-bottom: 1px solid #dfe3e6;
    }

    .servicios-areas-right {
        padding:35px 10px!important;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575.98px) {

    .servicios-areas-left {
        padding: 35px 10px;
    }

    .servicios-areas-eyebrow {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .servicios-areas-left h2 {
        font-size: 28px;
    }

    .servicios-areas-left p {
        font-size: 15px;
    }

    .servicios-areas-right {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
        padding: 35px 10px!important;
    }

    .servicios-areas-description {
        max-width: 100%;
    }

    .servicios-areas-description p {
        font-size: 15px;
    }

    .servicios-areas-button {
        width: auto;
        min-width: 220px;
    }

}

/* ==========================================
   CATEGORÍAS DE SERVICIOS
========================================== */

.servicios-categorias {
    width: 100%;
    overflow: hidden;
}

.servicios-categorias-items {
    display: flex;
    width: 100%;
    height: 370px;
}


/* ==========================================
   ÍTEMS
========================================== */

.servicios-categoria {
    position: relative;
    flex: 1 1 25%;
    min-width: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}


/* ==========================================
   IMÁGENES
========================================== */

.servicios-categoria-1 {
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/serviciotecnico.jpg");
    background-position: center center;
}

.servicios-categoria-2 {
    margin-left: -35px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/serviciosclimatizacion.jpg");
    background-position: center center;
}

.servicios-categoria-3 {
    margin-left: -35px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/serviciosrefrigeracion.jpg");
    background-position: center center;
}

.servicios-categoria-4 {
    margin-left: -35px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/serviciostecnico.jpg");
    background-position: center center;
}


/* ==========================================
   DIAGONALES
========================================== */

.servicios-categoria-1 {
    clip-path: polygon(
        0 0,
        100% 0,
        calc(100% - 35px) 100%,
        0 100%
    );
}

.servicios-categoria-2,
.servicios-categoria-3 {
    clip-path: polygon(
        35px 0,
        100% 0,
        calc(100% - 35px) 100%,
        0 100%
    );
}

.servicios-categoria-4 {
    clip-path: polygon(
        35px 0,
        100% 0,
        100% 100%,
        0 100%
    );
}


/* ==========================================
   LÍNEAS DIAGONALES
========================================== */

.servicios-categoria:not(:last-child)::after {
    content: "";
    position: absolute;
    top: -5%;
    right: 18px;
    width: 2px;
    height: 110%;
    background-color: rgba(255, 255, 255, 0.9);
    transform: skewX(-5deg);
    z-index: 5;
}


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

.servicios-categoria-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    z-index: 2;
    padding: 0 40px;
}


/* ==========================================
   TÍTULO + ÍCONO
========================================== */

.servicios-categoria-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
}

.servicios-categoria-title i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    color: var(--color-secondary);
    font-family: "Font Awesome 6 Pro";
    font-size: 28px;
    font-weight: 400;
    border: 2px solid var(--color-secondary);
    border-radius: 50px;
}

.servicios-categoria-title h3 {
    margin: 0;
    color: #fff;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.1 !important;
    padding-bottom: 0px !important;
}


/* ==========================================
   DESCRIPCIÓN
========================================== */

.servicios-categoria p {
    max-width: 300px;
    min-height: 54px;
    margin: 0 0 16px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}


/* ==========================================
   BOTÓN
========================================== */

.servicios-categoria-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 100px;
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid var(--color-secondary);
    border-radius: 20px;
    color: var(--color-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease;
}

.servicios-categoria-button i {
    font-size: 14px;
    transition: transform .25s ease;
}

.servicios-categoria-button:hover {
    background-color: var(--color-secondary);
    color: #fff;
}

.servicios-categoria-button:hover i {
    transform: translateX(4px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .servicios-categorias-items {
        height: 350px;
    }

    .servicios-categoria-content {
        bottom: 25px;
        padding: 0 30px;
    }

    .servicios-categoria-title {
        gap: 10px;
    }

    .servicios-categoria-title i {
        width: 42px;
        height: 42px;
        font-size: 28px;
    }

    .servicios-categoria-title h3 {
        font-size: 18px;
    }

    .servicios-categoria p {
        font-size: 12px;
    }
}


/* ==========================================
   TABLET PEQUEÑA
========================================== */

@media (max-width: 991.98px) {

    .servicios-categorias-items {
        height: 330px;
    }

    .servicios-categoria-content {
        padding: 0 25px;
    }

    .servicios-categoria-2,
    .servicios-categoria-3,
    .servicios-categoria-4 {
        margin-left: -25px;
    }

    .servicios-categoria-1 {
        clip-path: polygon(
            0 0,
            100% 0,
            calc(100% - 25px) 100%,
            0 100%
        );
    }

    .servicios-categoria-2,
    .servicios-categoria-3 {
        clip-path: polygon(
            25px 0,
            100% 0,
            calc(100% - 25px) 100%,
            0 100%
        );
    }

    .servicios-categoria-4 {
        clip-path: polygon(
            25px 0,
            100% 0,
            100% 100%,
            0 100%
        );
    }

    .servicios-categoria-title h3 {
        font-size: 16px;
    }

    .servicios-categoria p {
        font-size: 11px;
    }

    .servicios-categoria-button {
        min-width: 90px;
        min-height: 32px;
        font-size: 11px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .servicios-categorias-items {
        display: block;
        height: auto;
    }

    .servicios-categoria {
        width: 100%;
        height: 230px;
        margin-left: 0;
        clip-path: none;
    }

    .servicios-categoria-1,
    .servicios-categoria-2,
    .servicios-categoria-3,
    .servicios-categoria-4 {
        margin-left: 0;
        clip-path: none;
        border-bottom: 2px solid white;
    }

    .servicios-categoria:not(:last-child)::after {
        display: none;
    }

    .servicios-categoria-content {
        bottom: 30px;
        padding: 0 25px;
    }

    .servicios-categoria-title {
        gap: 12px;
        margin-bottom: 10px;
    }

    .servicios-categoria-title i {
        width: 42px;
        height: 42px;
        font-size: 28px;
    }

    .servicios-categoria-title h3 {
        font-size: 19px;
    }

    .servicios-categoria p {
        max-width: 450px;
        min-height: 0;
        margin-bottom: 14px;
        font-size: 13px;
    }

    .servicios-categoria-button {
        min-width: 100px;
        min-height: 34px;
        font-size: 12px;
    }
}

/*Servicios casa*/

.servicios-casa {
    display: flex;
    width: 100%;
    min-height: 500px;
    background-color: #fff;
}

/* COLUMNA IZQUIERDA */

.servicios-casa-left {
    width: 33.333333%;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.servicios-casa-left-content {
    width: 100%;
    padding: 70px 60px;
}

.servicios-casa-left h2 {
    margin: 0;
    color: #000;
    font-size: 25px!important;
    font-weight: 700;
    line-height: 1.1;
}

.servicios-casa-line {
    width: 55px;
    height: 3px;
    margin: 22px 0 25px;
    background-color: var(--color-secondary);
}

.servicios-casa-subtitle {
    display: block;
    margin-bottom: 14px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.servicios-casa-left p {
    max-width: 450px;
    margin: 0 0 28px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.servicios-casa-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 42px;
    padding: 10px 20px;
    background-color: var(--color-main);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background-color .25s ease;
    border-radius: 10px;
}

.servicios-casa-button i {
    font-size: 15px;
    transition: transform .25s ease;
}

.servicios-casa-button:hover {
    background-color: var(--color-secondary);
    color: #fff;
}

.servicios-casa-button:hover i {
    transform: translateX(5px);
}


/* COLUMNA DERECHA */

.servicios-casa-right {
    display: flex;
    width: 75%;
    min-height: 500px;
}


/* ITEMS */

.servicios-casa-item {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.servicios-casa-item-1 {
    width: 33.333333%;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/tucasa1.jpg");
}

.servicios-casa-item-2 {
    width: 38%;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/tucasa2.jpg");
}

.servicios-casa-item-3 {
    width: 41.666667%;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/tucasa3.jpg");
}


/* CONTENIDO */

.servicios-casa-item-content {
    width: 100%;
    padding: 40px 35px 50px;
}

.servicios-casa-item-content > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
    color: var(--color-main);
    font-family: "Font Awesome 6 Pro";
    font-size: 34px;
    font-weight: 400;
}

.servicios-casa-item-content h3 {
    margin: 0 0 10px;
    color: #000;
    font-size: 20px!important;
    font-weight: 700;
    line-height: 1.15!important;
    padding-bottom: 0px !important;
}

.servicios-casa-item-content p {
    max-width: 310px;
    margin: 0;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
}


/* RESPONSIVE */

@media (max-width: 1199.98px) {

    .servicios-casa-left-content {
        padding: 55px 40px;
    }

    .servicios-casa-left h2 {
        font-size: 26px;
    }

    .servicios-casa-item-content {
        padding: 35px 25px 40px;
    }

    .servicios-casa-item-content h3 {
        font-size: 18px;
    }

    .servicios-casa-item-content p {
        font-size: 12px;
    }

}


@media (max-width: 991.98px) {

    .servicios-casa {
        display: block;
    }

    .servicios-casa-left {
        width: 100%;
    }

    .servicios-casa-left-content {
        padding: 55px 40px;
    }

    .servicios-casa-right {
        width: 100%;
        min-height: 430px;
    }

    .servicios-casa-item {
        min-height: 430px;
    }

    .servicios-casa-item-content {
        padding: 30px 22px 35px;
    }

    .servicios-casa-item-content > i {
        width: 42px;
        height: 42px;
        font-size: 29px;
    }

    .servicios-casa-item-content h3 {
        font-size: 17px;
    }

}


@media (max-width: 767.98px) {

    .servicios-casa-left-content {
        padding: 45px 25px;
    }

    .servicios-casa-left h2 {
        font-size: 25px;
    }

    .servicios-casa-right {
        display: block;
        min-height: 0;
    }

    .servicios-casa-item,
    .servicios-casa-item-1,
    .servicios-casa-item-2,
    .servicios-casa-item-3 {
        width: 100%;
        min-height: 300px;
    }

    .servicios-casa-item-content {
        padding: 30px 25px 35px;
    }

    .servicios-casa-item-content h3 {
        font-size: 20px;
    }

    .servicios-casa-item-content p {
        max-width: 350px;
        font-size: 13px;
    }

}


/* =====================================================
   SECTOR TECNOLOGÍA / CAPACITACIÓN
   ===================================================== */

.sector-tecnologia {
    width: 100%;
    display: flex;
    min-height: 400px;
}


/* COLUMNAS */

.tecnologia-col {
    width: 33.333333%;
    min-height: 400px;
    position: relative;
    overflow: hidden;
}


/* CONTENIDO */

.tecnologia-contenido {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 60px;
    position: relative;
    z-index: 2;
}

.tecnologia-col.tecnologia-inverter
.tecnologia-contenido h2,
.tecnologia-col.tecnologia-futuro  .tecnologia-contenido h2{
    color: white!important;    
}


/* =====================================================
   COLUMNA IZQUIERDA - INVERTER
   ===================================================== */

.tecnologia-inverter {
    background-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.92) 0%,
            rgba(0, 0, 0, 0.65) 45%,
            rgba(255, 255, 255, 0.15) 100%
        ),
        url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/12/archivos/inverter.png");

    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    color: #ffffff;
}

.tecnologia-inverter .tecnologia-contenido {
    justify-content: center;
}


/* =====================================================
   COLUMNA CENTRAL - CAPACITACIÓN
   ===================================================== */

.tecnologia-capacitacion {
    background-color: #ffffff;
    color: #111111;
}

.tecnologia-capacitacion .tecnologia-contenido {
    align-items: center;
    text-align: center;
}

.tecnologia-capacitacion h2 {
    max-width: 400px;
}


/* IMAGEN CENTRAL */

.tecnologia-loguitos {
    display: block;
    max-width: 240px;
    width: 100%;
    height: auto;
    margin-top: 30px;
}


/* =====================================================
   COLUMNA DERECHA - FUTURO
   ===================================================== */

.tecnologia-futuro {
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.35),
            rgba(0, 0, 0, 0.35)
        ),
        url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/7/archivos/banner_servicioss.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
}

.tecnologia-futuro .tecnologia-contenido {
    align-items: flex-start;
    text-align: left;
}


/* =====================================================
   TEXTOS
   ===================================================== */

.tecnologia-col h2 {
    margin: 0 0 20px 0;
    font-size: 30px!important;
    line-height: 1.15!important;
    font-weight: 700;
    text-align: left!important;
}

.tecnologia-col p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    max-width: 430px;
    text-align: left!important;
}


/* LÍNEA */

.tecnologia-linea {
    width: 55px;
    height: 2px;
    background-color: currentColor;
    margin-bottom: 22px;
}


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

@media (max-width: 991px) {

    .sector-tecnologia {
        flex-direction: column;
    }

    .tecnologia-col {
        width: 100%;
        min-height: 450px;
    }

    .tecnologia-contenido {
        padding: 50px 40px;
    }

}


@media (max-width: 575px) {

    .tecnologia-col {
        min-height: 400px;
    }

    .tecnologia-contenido {
        padding: 40px 25px;
    }

    .tecnologia-col h2 {
        font-size: 25px;
    }

    .tecnologia-col p {
        font-size: 15px;
    }

    .tecnologia-loguitos {
        max-width: 200px;
    }

}

/* ===============================
   SERVICIOS ÚLTIMO BLOQUE
================================ */


.servicios-cta {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/6/archivos/nosotros-inicio.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.servicios-cta-content {
    position: relative;
    background-color: rgba(13, 32, 49, .72);
    padding: 40px 0 90px;
}


/* ==========================================
   COLUMNA PRINCIPAL
========================================== */

.servicios-cta-main {
    padding-right: 80px;
}


/* ==========================================
   TÍTULO
========================================== */

.servicios-cta-main h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 800;
    line-height: 1;
}


/* ==========================================
   SUBTÍTULO
========================================== */

.servicios-cta-main p {
    margin: 0 0 35px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
}


/* ==========================================
   BOTONES
========================================== */

.servicios-cta-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.servicios-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 76px;
    padding: 15px 22px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.servicios-cta-button > i:first-child {
    font-size: 24px;
}

.servicios-cta-button > i:last-child {
    margin-left: 10px;
    font-size: 20px;
}


/* ==========================================
   BOTÓN CONSULTA
========================================== */

.servicios-cta-button-main {
    min-width: 350px;
    background-color: var(--color-main);
    color: #fff;
}

.servicios-cta-button-main:hover {
    background-color: #fff;
    color: var(--color-main);
}


/* ==========================================
   BOTÓN CLIENTE
========================================== */

.servicios-cta-button-client {
    min-width: 290px;
    background-color: #0D2031;
    border-color: #fff;
    color: #fff;
}

.servicios-cta-button-client:hover {
    background-color: #fff;
    border-color: var(--color-main);
    color: var(--color-main);
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.servicios-cta-side {
    display: flex;
    justify-content: flex-end;
    padding-left: 50px;
}

.servicios-cta-side-content {
    max-width: 230px;
    transform: rotate(-7deg);
}

.servicios-cta-side-content span {
    display: block;
    color: #fff;
    font-family: "Caveat", cursive;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.05;
}


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

@media (max-width: 1199.98px) {

    .servicios-cta-main {
        padding-right: 40px;
    }

    .servicios-cta-button-main {
        min-width: 300px;
    }

    .servicios-cta-button-client {
        min-width: 250px;
    }

}


@media (max-width: 991.98px) {

    .servicios-cta-content {
        padding: 80px 0;
    }

    .servicios-cta-main {
        padding-right: 0;
        margin-bottom: 60px;
    }

    .servicios-cta-side {
        justify-content: flex-start;
        padding: 40px 0 0;
        border-top: 1px solid rgba(255, 255, 255, .15);
    }

    .servicios-cta-side-content {
        max-width: 230px;
    }

}


@media (max-width: 575.98px) {

    .servicios-cta {
        background-attachment: scroll;
    }

    .servicios-cta-content {
        padding: 60px 0;
    }

    .servicios-cta-main h2 {
        font-size: 34px;
    }

    .servicios-cta-main p {
        font-size: 21px;
    }

    .servicios-cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .servicios-cta-button {
        width: 100%;
        min-width: 0;
    }

    .servicios-cta-side-content span {
        font-size: 28px;
    }

}

/* ==========================================
   NOSOTROS PÁGINA
========================================== */

#tt-pageContent.css-pagina-1col.NOSOTROS {
    margin-top: -52px!important;
    margin-bottom: -52px!important;
}

.nosotros-pagina {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/13/archivos/pagina-nosotros.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.nosotros-pagina-content {
    position: relative;
    background-color: rgba(13, 32, 49,0.6);
    padding: 100px 0 90px;
}

.nosotros-pagina-main {
    padding-right: 80px;
    position: relative;
}


/* ==========================================
   EYEBROW
========================================== */

.nosotros-pagina-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--color-main);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.nosotros-pagina-main h1 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 46px !important;
    font-weight: 800!important;
    line-height: .98;
    text-transform: uppercase;
}

.nosotros-pagina-main h1 span {
    color: var(--color-secondary);
}

.nosotros-pagina-destacado {
    color: var(--color-secondary);
    font-size: 28px!important;
    margin-top: 40px;
    display: block;
    line-height: 1.2 !important;
}


/* ==========================================
   SUBTÍTULO
========================================== */

.nosotros-pagina-main h4 {
    margin: 0 0 30px;
    color: #fff;
    font-size: clamp(22px, 2vw, 32px);
    font-weight: 400!important;
    line-height: 1.3;
}

.nosotros-pagina-line {
    width: 40px;
    height: 4px;
    margin-bottom: 25px;
    background-color: var(--color-main);
}

/* ==========================================
   TAGLINE
========================================== */

.nosotros-pagina-tagline {
    display: block;
    margin-bottom: 35px;
    color: white;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 6px;
    line-height: 1.2;
    margin-top: 30px;
}

.nosotros-pagina-main h4 {
    font-size: 32px!important;
}

.nosotros-pagina-side h3 {
    font-size: 22px!important;
}


/* ==========================================
   BOTONES
========================================== */

.nosotros-pagina-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.nosotros-pagina-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 76px;
    padding: 15px 22px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.nosotros-pagina-button > i:first-child {
    font-size: 24px;
}

.nosotros-pagina-button > i:last-child {
    margin-left: 10px;
    font-size: 20px;
}


/* ==========================================
   BOTÓN CONSULTA
========================================== */

.nosotros-pagina-button-main {
    min-width: 350px;
    background-color: var(--color-main);
    color: #fff;
}

.nosotros-pagina-button-main:hover {
    background-color: #fff;
    color: var(--color-main);
}


/* ==========================================
   BOTÓN CLIENTE
========================================== */

.nosotros-pagina-button-client {
    min-width: 290px;
    background-color: #0D2031;
    border-color: #fff;
    color: #fff;
}

.nosotros-pagina-button-client:hover {
    background-color: #fff;
    border-color: var(--color-main);
    color: var(--color-main);
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.nosotros-pagina-side {
    padding-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.nosotros-pagina-side h3 {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.35;
}


/* ==========================================
   DIVISOR
========================================== */

.nosotros-pagina-divider {
    width: 40px;
    height: 4px;
    margin: 25px 0 35px;
    background-color: var(--color-main);
}


/* ==========================================
   CARACTERÍSTICAS
========================================== */

.nosotros-pagina-features {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.nosotros-pagina-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.nosotros-pagina-feature i {
    margin-bottom: 10px;
    color: #fff;
    font-size: 28px;
}

.nosotros-pagina-feature span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}



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

@media (max-width: 1199.98px) {

    .nosotros-pagina-main {
        padding-right: 40px;
    }

    .nosotros-pagina-side {
        padding-left: 35px;
    }

    .nosotros-pagina-side h3 {
        font-size: 20px;
    }

    .nosotros-pagina-button-main {
        min-width: 300px;
    }

    .nosotros-pagina-button-client {
        min-width: 250px;
    }

}


@media (max-width: 991.98px) {

    .nosotros-pagina-content {
        padding: 80px 0;
    }

    .nosotros-pagina-main {
        padding-right: 0;
        margin-bottom: 60px;
    }

    .nosotros-pagina-side {
        padding: 40px 0 0;
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 0;
    }

    .nosotros-pagina-features {
        flex-direction: row;
        justify-content: flex-start;
        gap: 50px;
    }

    .nosotros-pagina-feature {
        align-items: flex-start;
        text-align: left;
    }

    .nosotros-pagina-feature i {
        font-size: 26px;
    }

    .nosotros-pagina-service {
        min-height: 200px;
    }

}


@media (max-width: 575.98px) {

    .nosotros-pagina-content {
        padding: 60px 0;
    }

    .nosotros-pagina-eyebrow {
        font-size: 13px;
        letter-spacing: 4px;
    }

    .nosotros-pagina-main h1 {
        font-size: 34px;
    }

    .nosotros-pagina-main h4 {
        font-size: 21px;
    }

    .nosotros-pagina-tagline {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .nosotros-pagina-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .nosotros-pagina-button {
        width: 100%;
        min-width: 0;
    }

    .nosotros-pagina-side h3 {
        font-size: 19px;
    }

    .nosotros-pagina-features {
        gap: 25px;
    }

    .nosotros-pagina-feature span {
        font-size: 11px;
    }


    .nosotros-pagina-service {
        min-height: 220px;
        padding: 30px 15px;
    }

    .nosotros-pagina-service > i {
        font-size: 40px;
    }

    .nosotros-pagina-service h5 {
        font-size: 15px;
    }

    .nosotros-pagina-service p {
        font-size: 14px;
    }

}

/* ===============================
   POSTVENTA
================================ */


#tt-pageContent.css-pagina-1col.POSTVENTA {
    margin-top: -52px!important;
    margin-bottom: -52px!important;
}

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

.hero-postventa {
    color: #fff;
    background-image: url(https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/14/archivos/pagina-postventa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
}


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

.hero-postventa-content {
    position: relative;
    background-color: rgba(13, 32, 49, .6);
    padding: 100px 0 90px;
}


.hero-postventa-main {
    padding-right: 80px;
}

/* ==========================================
   LÍNEA
========================================== */

.hero-postventa-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--color-secondary);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.hero-postventa-main h1 {
    margin: 0 0 25px;
    color: #fff;
    font-size: clamp(40px, 3vw, 76px) !important;
    font-weight: 800 !important;
    line-height: .98;
    text-transform: uppercase;
}

.hero-postventa-main h1 span {
    color: var(--color-secondary);
}


/* ==========================================
   TEXTO
========================================== */

.hero-postventa-main p {
    margin: 0 0 35px;
    color: #fff;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 1.45;
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.hero-postventa-side {
    display: flex;
    justify-content: flex-end;
    padding-left: 50px;
}

.hero-postventa-side-content {
    max-width: 230px;
    transform: rotate(-7deg);
}

.hero-postventa-side-content span {
    display: block;
    color: #fff;
    font-family: "Caveat", cursive;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.05;
}

.hero-postventa-side-line {
    width: 105px;
    height: 5px;
    margin-top: 18px;
    margin-left: 15px;
    background-color: var(--color-secondary);
    transform: rotate(-3deg);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .hero-postventa-image {
        width: 55%;
        clip-path: polygon(
            0 0,
            100% 0,
            81% 100%,
            0 100%
        );
    }

    .hero-postventa-content {
        padding-left: 45px;
    }

    .hero-postventa-content h2 {
        font-size: 34px !important;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991.98px) {

    .hero-postventa {
        display: flex;
        flex-direction: column;
    }

    .hero-postventa-image {
        position: relative;
        width: 100%;
        height: 400px;
        clip-path: none;
        background-position: left center;
    }

    .hero-postventa-content {
        min-height: auto;
        padding: 60px 0 70px;
    }

    .hero-postventa-side {
        padding-left: 0px;
        justify-content: flex-start;        
    }
    .hero-postventa-side-content {
        padding-left: 58px;
    }
    .hero-postventa {
        background-position: 72% top;
    }

}


/* ==========================================
   MOBILE PEQUEÑO
========================================== */

@media (max-width: 575.98px) {

    .hero-postventa-image {
        height: 320px;
        background-position: left center;
    }

    .hero-postventa-content {
        padding: 50px 0 60px;
    }

    .hero-postventa-content h2 {
        font-size: 29px !important;
    }

    .hero-postventa-content p {
        font-size: 15px;
    }

}

/* ==========================================
   LOGOS POSTVENTA
========================================== */

/* ==========================================
   POSTVENTA - MARCAS QUE REPRESENTAMOS
========================================== */

.postventa-marcas {
    background-color: #EDF4F9;
    padding: 55px 0 0;
}


/* ------------------------------------------
   ENCABEZADO
------------------------------------------ */

.postventa-marcas-header {
    margin-bottom: 28px;
}

.postventa-marcas-line {
    display: block;
    width: 38px;
    height: 4px;
    background-color: var(--color-main);
    border-radius: 3px;
    margin-bottom: 10px;
}

.postventa-marcas-header h2 {
    margin: 0;
    color: #101A40;
    font-size: 28px!important;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.postventa-marcas-header p {
    margin: 6px 0 0;
    color: #151515;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
}


/* ------------------------------------------
   GRILLA DE MARCAS
------------------------------------------ */

.postventa-marcas-grid {
    margin-left: -4px;
    margin-right: -4px;
}

.postventa-marcas-grid > div {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
}


/* ------------------------------------------
   TARJETA DE CADA MARCA
------------------------------------------ */

.postventa-marca {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 88px;
    padding: 10px 14px;
    background-color: #ffffff;
    border: 1px solid #e2e7eb;
    border-radius: 6px;
    box-shadow: 0 2px 7px rgba(25, 45, 65, 0.08);
    text-decoration: none;
    transition: all 0.25s ease;
}

.postventa-marca img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ------------------------------------------
   HOVER
------------------------------------------ */

.postventa-marca:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(25, 45, 65, 0.13);
}


/* ==========================================
   BENEFICIOS POSTVENTA
========================================== */

.postventa-beneficios {
    margin-top: 40px;
    padding: 28px 0;
    background-color: #f8fbfd;
    border-top: 1px solid rgba(20, 35, 55, 0.04);
}

.postventa-beneficios .row {
    align-items: center;
}


/* ------------------------------------------
   ITEM
------------------------------------------ */

.postventa-beneficio {
    display: flex;
    align-items: center;
    min-height: 78px;
    padding: 5px 30px;
}


/* ------------------------------------------
   SEPARADORES
------------------------------------------ */

.postventa-beneficios .col-lg-4 + .col-lg-4 {
    border-left: 1px solid #c8cdd2;
}


/* ------------------------------------------
   ÍCONO
------------------------------------------ */

.postventa-beneficio-icon {
    flex: 0 0 58px;
    width: 58px;
    margin-right: 20px;
    text-align: center;
}

.postventa-beneficio-icon i {
    color: #101A40;
    font-size: 42px;
    line-height: 1;
}


/* ------------------------------------------
   CONTENIDO
------------------------------------------ */

.postventa-beneficio-content {
    flex: 1;
}

.postventa-beneficio-content h3 {
    margin: 0 0 4px!important;
    color: #111111;
    font-size: 17px!important;
    font-weight: 700;
    line-height: 1.2!important;
    padding-bottom: 0px!important;
}

.postventa-beneficio-content p {
    max-width: 235px;
    margin: 0;
    color: #171717;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 1.25;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .postventa-marcas {
        padding-top: 45px;
    }

    .postventa-marcas-header h2 {
        font-size: 26px;
    }

    .postventa-marcas-header p {
        font-size: 16px;
    }

    .postventa-marca {
        height: 82px;
    }

    .postventa-beneficio {
        padding: 5px 15px;
    }

    .postventa-beneficio-icon {
        flex: 0 0 50px;
        width: 50px;
        margin-right: 15px;
    }

    .postventa-beneficio-icon i {
        font-size: 36px;
    }

    .postventa-beneficio-content h3 {
        font-size: 16px;
    }

    .postventa-beneficio-content p {
        font-size: 13px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .postventa-marcas {
        padding-top: 35px;
    }

    .postventa-marcas-header {
        margin-bottom: 22px;
    }

    .postventa-marcas-line {
        width: 32px;
        height: 3px;
        margin-bottom: 8px;
    }

    .postventa-marcas-header h2 {
        font-size: 22px;
    }

    .postventa-marcas-header p {
        margin-top: 7px;
        font-size: 15px;
        line-height: 1.35;
    }


    /* 3 LOGOS POR FILA */

    .postventa-marcas-grid {
        margin-left: -3px;
        margin-right: -3px;
    }

    .postventa-marcas-grid > div {
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 6px;
    }

    .postventa-marca {
        height: 72px;
        padding: 8px;
        border-radius: 5px;
    }


    /* BENEFICIOS */

    .postventa-beneficios {
        margin-top: 30px;
        padding: 15px 0;
    }

    .postventa-beneficios .row {
        margin: 0;
    }

    .postventa-beneficios .col-lg-4 {
        padding: 0;
    }

    .postventa-beneficios .col-lg-4 + .col-lg-4 {
        border-left: none;
        border-top: 1px solid #c8cdd2;
    }

    .postventa-beneficio {
        min-height: 75px;
        padding: 14px 5px;
    }

    .postventa-beneficio-icon {
        flex: 0 0 50px;
        width: 50px;
        margin-right: 14px;
    }

    .postventa-beneficio-icon i {
        font-size: 34px;
    }

    .postventa-beneficio-content h3 {
        margin-bottom: 3px;
        font-size: 15px;
    }

    .postventa-beneficio-content p {
        max-width: none;
        font-size: 13px;
        line-height: 1.3;
    }

}

/* ==========================================
   COMPROMISO POSTVENTA
========================================== */


/* ==========================================
   HERO EMPRESAS
========================================== */

.compromiso-postventa {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/14/archivos/compromisopostventa.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.compromiso-postventa-content {
    position: relative;
    background-color: rgba(13, 32, 49, .6);
    padding: 100px 0 90px;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.compromiso-postventa-main {
    padding-right: 80px;
}

.compromiso-postventa-side-line {
    width: 60px;
    height: 5px;
    margin-top: 0px;
    margin-left: 4px;
    background-color: var(--color-secondary);
    margin-bottom: 20px;
}



/* ==========================================
   TÍTULO
========================================== */

.compromiso-postventa-main h1 {
    margin: 0 0 25px;
    color: #fff;
    font-size: clamp(40px, 3vw, 76px) !important;
    font-weight: 800 !important;
    line-height: .98;
    text-transform: uppercase;
}

.compromiso-postventa-main h1 span {
    color: var(--color-secondary);
}


/* ==========================================
   TEXTO
========================================== */

.compromiso-postventa-main p {
    margin: 0 0 35px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
}



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

@media (max-width: 991.98px) {

    .compromiso-postventa-main {
        padding-right: 0;
    }

   

}


@media (max-width: 767.98px) {

    .compromiso-postventa {
        background-attachment: scroll;
        background-position: 65% top;        
    }

    .compromiso-postventa-side-content {
        padding-left: 58px;
    }

    .compromiso-postventa-content {
        padding: 80px 0;
    }

    .compromiso-postventa-main h1 {
        font-size: 42px !important;
    }

    .compromiso-postventa-main p {
        font-size: 16px;
    }    

    

}


@media (max-width: 575.98px) {

    .compromiso-postventa-main h1 {
        font-size: 38px !important;
    }

    .compromiso-postventa-main p {
        font-size: 15px;
    }

}

/* ==========================================
   MANTENIMIENTO PÁGINA
========================================== */


/* ==========================================
   HERO MANTENIMIENTO
========================================== */

#tt-pageContent.css-pagina-1col.MANTENIMIENTO {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
}

.hero-mantenimiento {
    color: #fff;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/banners/5/archivos/hero-inicio.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}


/* ==========================================
   CONTENIDO PRINCIPAL
========================================== */

.hero-mantenimiento-content {
    position: relative;
    background-color: rgba(13, 32, 49, 0.68);
    padding: 85px 0 80px;
}


/* ==========================================
   CONTENIDO IZQUIERDO
========================================== */

.hero-mantenimiento-main {
    padding-right: 50px;
}


/* ==========================================
   EYEBROW
========================================== */

.hero-mantenimiento-eyebrow {
    display: block;
    margin-bottom: 18px;
    color: var(--color-secondary);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 6px;
    line-height: 1.2;
}


/* ==========================================
   TÍTULO
========================================== */

.hero-mantenimiento-main h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(38px, 4vw, 64px);
    font-weight: 800;
    line-height: .98;
    text-transform: uppercase;
}

.hero-mantenimiento-main h1 span {
    color: var(--color-secondary);
}

.hero-mantenimiento-main h1 strong {
    color: var(--color-secondary);
    font-weight: 800;
}


/* ==========================================
   DESCRIPCIÓN
========================================== */

.hero-mantenimiento-description {
    max-width: 570px;
    margin: 0 0 28px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3;
}


/* ==========================================
   ÍCONOS / CATEGORÍAS
========================================== */

.hero-mantenimiento-items {
    display: flex;
    align-items: flex-start;
    gap: 35px;
    margin-bottom: 32px;
}

.hero-mantenimiento-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
    text-align: center;
}

.hero-mantenimiento-item i {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-bottom: 8px;
    color: var(--color-secondary);
    font-family: "Font Awesome 6 Pro";
    font-size: 34px;
    font-weight: 400;
}

.hero-mantenimiento-item span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}


/* ==========================================
   BOTÓN
========================================== */

.hero-mantenimiento-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 250px;
    min-height: 58px;
    padding: 14px 22px;
    background-color: var(--color-main);
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color .25s ease,
        color .25s ease;
}

.hero-mantenimiento-button i {
    margin-left: 8px;
    font-size: 19px;
    transition: transform .25s ease;
}

.hero-mantenimiento-button:hover {
    background-color: #fff;
    color: var(--color-main);
}

.hero-mantenimiento-button:hover i {
    transform: translateX(5px);
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.hero-mantenimiento-side {
    padding-left: 55px;
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.hero-mantenimiento-side h2 {
    max-width: 300px;
    margin: 0;
    color: #fff;
    font-size: 32px!important;
    font-weight: 500;
    line-height: 1.15;
}

.hero-mantenimiento-divider {
    width: 50px;
    height: 4px;
    margin: 22px 0 22px;
    background-color: var(--color-secondary);
    border-radius: 10px;
}

.hero-mantenimiento-side p {
    max-width: 300px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.45;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .hero-mantenimiento-main {
        padding-right: 30px;
    }

    .hero-mantenimiento-side {
        padding-left: 35px;
    }

    .hero-mantenimiento-items {
        gap: 25px;
    }

    .hero-mantenimiento-side h2 {
        font-size: 28px;
    }
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .hero-mantenimiento-content {
        padding: 75px 0;
    }

    .hero-mantenimiento-main {
        padding-right: 0;
        margin-bottom: 55px;
    }

    .hero-mantenimiento-side {
        padding: 35px 0 0;
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 0;
    }

    .hero-mantenimiento-side h2 {
        max-width: 100%;
    }

    .hero-mantenimiento-side p {
        max-width: 500px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575.98px) {

    .hero-mantenimiento-content {
        padding: 60px 0;
    }

    .hero-mantenimiento-main {
        margin-bottom: 45px;
    }

    .hero-mantenimiento-eyebrow {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 4px;
    }

    .hero-mantenimiento-main h1 {
        font-size: 34px;
        line-height: 1;
    }

    .hero-mantenimiento-description {
        font-size: 16px;
        line-height: 1.4;
    }

    .hero-mantenimiento-items {
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 28px;
    }

    .hero-mantenimiento-item {
        min-width: 60px;
    }

    .hero-mantenimiento-item i {
        font-size: 30px;
    }

    .hero-mantenimiento-item span {
        font-size: 11px;
    }

    .hero-mantenimiento-button {
        width: 100%;
        min-width: 0;
    }

    .hero-mantenimiento-side {
        padding-top: 30px;
    }

    .hero-mantenimiento-side h2 {
        font-size: 27px;
    }

    .hero-mantenimiento-side p {
        font-size: 15px;
    }
}

/* ==========================================
   MANTENIMIENTO OPERACIÓN  
========================================== */


/* Empresas Operación - 4to Bloque */

.mantenimiento-operacion {
    position: relative;
    overflow: hidden;
    min-height: 440px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/15/archivos/operaciones.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* IMAGEN CENTRAL */

.mantenimiento-operacion__image {
    display: none;
}

.mantenimiento-operacion__image-bg {
    display: none;
}

.mantenimiento-operacion__inner .hero-mantenimiento-eyebrow {
    color: var(--color-main)!important;
}

/* DEGRADADO IZQUIERDO */

.mantenimiento-operacion__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 440px;
    background: linear-gradient(
        to right,
        #f1f1f1 0%,
        #f1f1f1 48%,
        rgba(241, 241, 241, 0.92) 62%,
        rgba(241, 241, 241, 0.55) 76%,
        rgba(241, 241, 241, 0) 100%
    );
}

.mantenimiento-operacion__inner {
    width: 100%;
    max-width: 610px;
    margin-left: auto;
    padding: 60px 25% 60px 0%;
}

.mantenimiento-operacion .section-line {
    display: block;
    width: 48px;
    height: 3px;
    margin-bottom: 22px;
    background-color: var(--color-main);
}

.mantenimiento-operacion h3 {
    max-width: 480px;
    margin: 0 0 18px;
    color: #171717;
    font-size: clamp(28px, 2.3vw, 40px);
    font-weight: 700;
    line-height: 1.12;
}

.mantenimiento-operacion p {
    max-width: 500px;
    margin: 0;
    color: #4f4f4f;
    font-size: 16px;
    line-height: 1.65;
}

/* DEGRADADO DERECHO */

.mantenimiento-operacion__services {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 440px;
    background: linear-gradient(
        to left,
        #171717 0%,
        #171717 42%,
        rgba(23, 23, 23, 0.94) 57%,
        rgba(23, 23, 23, 0.62) 72%,
        rgba(23, 23, 23, 0) 100%
    );
}

.mantenimiento-operacion__services-inner {
    width: 100%;
    padding: 55px 10% 55px 70px;
}

.mantenimiento-operacion__item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 13px 0;
    color: #ffffff;
}

.mantenimiento-operacion__item i {
    width: 28px;
    flex: 0 0 28px;
    color: var(--color-secondary);
    font-size: 19px;
    text-align: center;
}

.mantenimiento-operacion__item span {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

/* TABLET */

@media (max-width: 991.98px) {

    .mantenimiento-operacion {
        min-height: auto;
        background-position: center center;
    }

    .mantenimiento-operacion__content {
        min-height: 360px;
        background: linear-gradient(
            to right,
            #f1f1f1 0%,
            #f1f1f1 55%,
            rgba(241, 241, 241, 0.85) 72%,
            rgba(241, 241, 241, 0) 100%
        );
    }

    .mantenimiento-operacion__inner {
        max-width: 600px;
        padding: 55px 8%;
    }

    .mantenimiento-operacion__services {
        min-height: 300px;
        background: linear-gradient(
            to left,
            #171717 0%,
            #171717 55%,
            rgba(23, 23, 23, 0.82) 72%,
            rgba(23, 23, 23, 0) 100%
        );
    }

    .mantenimiento-operacion__services-inner {
        padding: 45px 8%;
    }
}

/* MOBILE */

@media (max-width: 767.98px) {

    .mantenimiento-operacion {
        background-position: center center;
    }

    .mantenimiento-operacion__content {
        min-height: auto;
        background: rgba(241, 241, 241, 0.94);
    }

    .mantenimiento-operacion__inner {
        padding: 55px 8%;
    }

    .mantenimiento-operacion__services {
        min-height: auto;
        background: rgba(23, 23, 23, 0.95);
    }

    .mantenimiento-operacion__services-inner {
        padding: 35px 8%;
    }

    .mantenimiento-operacion__item {
        padding: 11px 0;
    }
}

/* ==========================================
   CADA INSTALACIÓN BLOQUE DIFÍCIL
========================================== */

/* ==========================================
   EMPRESAS - CADA INSTALACIÓN ES ÚNICA
========================================== */

.empresas-instalacion {
    position: relative;
    min-height: 300px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/9/archivos/empresas5.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color: #ffffff;
}


/* ------------------------------------------
   OVERLAY GENERAL
------------------------------------------ */

.empresas-instalacion-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 72%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(2, 17, 29, 0.95) 0%,
        rgba(2, 17, 29, 0.90) 42%,
        rgba(2, 17, 29, 0.60) 68%,
        rgba(2, 17, 29, 0.00) 100%
    );
    pointer-events: none;
}


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

.empresas-instalacion-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 300px;
    justify-content: space-between;
}


/* ==========================================
   BLOQUE IZQUIERDO
========================================== */

.empresas-instalacion-intro {
    flex: 0 0 27%;
    padding: 32px 25px 32px 0;
}

.empresas-instalacion-kicker {
    display: block;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.3px;
}

.empresas-instalacion-intro h2 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 42px;
    font-weight: 800;
    line-height: 0.98;
    text-transform: uppercase;
}

.empresas-instalacion-intro p {
    max-width: 420px;
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
}


/* ==========================================
   BLOQUE CENTRAL
========================================== */

.empresas-instalacion-categorias {
    flex: 0 0 51%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 28px;
    padding: 35px 20px 30px;
}


/* ------------------------------------------
   ITEM
------------------------------------------ */

.empresas-instalacion-item {
    position: relative;
    min-width: 0;
    padding-top: 28px;
}


/* ------------------------------------------
   LÍNEA SUPERIOR
------------------------------------------ */

.empresas-instalacion-item::before {
    content: "";
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.85);
}


/* ------------------------------------------
   ICONO
------------------------------------------ */

.empresas-item-icono {
    position: absolute;
    top: -10px;
    left: 42px;
    width: 48px;
    height: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: transparent;
}

.empresas-item-icono i {
    font-size: 36px;
    line-height: 1;
}


/* ==========================================
   COLORES DE CADA CATEGORÍA
========================================== */

/* CRÍTICOS */

.empresas-item-criticos .empresas-item-icono i {
    color: #ff1644;
}

.empresas-item-criticos ul li::before {
    background-color: #ff1644;
}


/* INCIDENCIA MEDIA */

.empresas-item-media .empresas-item-icono i {
    color: #ffd000;
}

.empresas-item-media ul li::before {
    background-color: #ffd000;
}


/* OBSERVACIONES */

.empresas-item-observaciones .empresas-item-icono i {
    color: var(--color-secondary);
}

.empresas-item-observaciones ul li::before {
    background-color: var(--color-secondary);
}


/* ------------------------------------------
   TÍTULOS
------------------------------------------ */

.empresas-instalacion-item h3 {
    margin: 0 0 9px!important;
    color: #ffffff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: 1.15!important;
    text-transform: uppercase;
}


/* ------------------------------------------
   LISTADOS
------------------------------------------ */

.empresas-instalacion-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.empresas-instalacion-item ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 16px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
}

.empresas-instalacion-item ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}


/* ==========================================
   BLOQUE DERECHO
========================================== */

.empresas-instalacion-cierre {
    position: relative;
    flex: 0 0 22%;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0 30px 35px;
}


/* ------------------------------------------
   SOMBRA / OSCURECIMIENTO DERECHA
------------------------------------------ */

.empresas-instalacion-cierre::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100px;
    width: calc(100% + 100px);
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(2, 17, 29, 0.00) 0%,
        rgba(2, 17, 29, 0.65) 35%,
        rgba(2, 17, 29, 0.88) 70%,
        rgba(2, 17, 29, 0.92) 100%
    );
    z-index: -1;
}


/* ------------------------------------------
   TEXTO
------------------------------------------ */

.empresas-instalacion-cierre h4 {
    margin: 0!important;
    color: #ffffff;
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 1.25!important;
    text-transform: uppercase;
}

.empresas-cierre-line {
    display: block;
    width: 42px;
    height: 4px;
    margin: 19px 0 17px;
    background-color: var(--color-secondary);
    border-radius: 3px;
}

.empresas-instalacion-cierre p {
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .empresas-instalacion-intro {
        flex-basis: 28%;
        padding-right: 20px;
    }

    .empresas-instalacion-kicker {
        font-size: 20px;
    }

    .empresas-instalacion-intro h2 {
        font-size: 36px;
        margin-bottom: 18px;
    }

    .empresas-instalacion-intro p {
        font-size: 14px;
    }

    .empresas-instalacion-categorias {
        flex-basis: 52%;
        column-gap: 18px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .empresas-instalacion-item h3 {
        font-size: 14px;
    }

    .empresas-instalacion-item ul li {
        font-size: 12px;
    }

    .empresas-item-icono {
        left: 30px;
    }

    .empresas-instalacion-cierre {
        flex-basis: 20%;
        padding-left: 20px;
    }

    .empresas-instalacion-cierre h4 {
        font-size: 16px;
    }

    .empresas-instalacion-cierre p {
        font-size: 14px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .empresas-instalacion {
        min-height: auto;
        background-position: center center;
    }


    /* Overlay */

    .empresas-instalacion-overlay {
        width: 100%;
        background: rgba(2, 17, 29, 0.88);
    }


    /* Contenido */

    .empresas-instalacion-content {
        display: block;
        min-height: auto;
    }

    .empresas-instalacion-item::before {
        top: 55px;
    }


    /* --------------------------------------
       INTRO
    -------------------------------------- */

    .empresas-instalacion-intro {
        padding: 40px 15px 25px;
    }

    .empresas-instalacion-kicker {
        font-size: 19px;
    }

    .empresas-instalacion-intro h2 {
        margin-bottom: 17px;
        font-size: 34px;
    }

    .empresas-instalacion-intro p {
        max-width: 600px;
        font-size: 14px;
        line-height: 1.4;
    }


    /* --------------------------------------
       CATEGORÍAS
    -------------------------------------- */

    .empresas-instalacion-categorias {
        display: block;
        padding: 10px 15px 25px;
    }

    .empresas-instalacion-item {
        padding-top: 27px;
        padding-bottom: 20px;
    }

    .empresas-instalacion-item + .empresas-instalacion-item {
        margin-top: 10px;
    }

    .empresas-instalacion-item h3 {
        font-size: 15px;
    }

    .empresas-instalacion-item ul li {
        font-size: 13px;
    }

    .empresas-item-icono {
        left: 25px;
    }


    /* --------------------------------------
       CIERRE
    -------------------------------------- */

    .empresas-instalacion-cierre {
        min-height: 180px;
        padding: 35px 15px;
        justify-content: center;
    }

    .empresas-instalacion-cierre::before {
        left: 0;
        width: 100%;
        background: rgba(2, 17, 29, 0.85);
    }

    .empresas-instalacion-cierre h4 {
        font-size: 19px;
    }

    .empresas-cierre-line {
        margin: 15px 0;
    }

    .empresas-instalacion-cierre p {
        font-size: 15px;
    }

}


/* ==========================================
   MANTENIMIENTO NUESTRO PROCESO
========================================== */

/* ==========================================
   MANTENIMIENTO - NUESTRO PROCESO
========================================== */

.mantenimiento-proceso {
    background-color: #ffffff;
    padding: 45px 0 50px;
}


/* ==========================================
   ENCABEZADO
========================================== */

.mantenimiento-proceso-header {
    margin-bottom: 20px;
}

.mantenimiento-proceso-header h2 {
    margin: 0;
    color: var(--color-main);
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.mantenimiento-proceso-header p {
    margin: 4px 0 0;
    color: #151515;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}


/* ==========================================
   ITEMS DEL PROCESO
========================================== */

.mantenimiento-proceso-items {
    display: flex;
    align-items: flex-start;
    width: 100%;
}


/* ==========================================
   ITEM
========================================== */

.mantenimiento-proceso-item {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
}


/* ==========================================
   ÍCONO
========================================== */

.mantenimiento-proceso-icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-radius: 50%;
}

.mantenimiento-proceso-icon i {
    color: #ffffff;
    font-size: 27px;
    line-height: 1;
    background: var(--color-main);
    border-radius: 50px;
    padding: 20px;
    width: 70px;
}


/* ==========================================
   TÍTULO
========================================== */

.mantenimiento-proceso-item h3 {
    margin: 0 0 3px!important;
    color: #111111!important;
    font-size: 17px!important;
    font-weight: 800!important;
    line-height: 1.15!important;
    text-transform: uppercase!important;
}


/* ==========================================
   TEXTO
========================================== */

.mantenimiento-proceso-item p {
    max-width: 155px;
    margin: 0 auto;
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
}


/* ==========================================
   FLECHAS
========================================== */

.mantenimiento-proceso-arrow {
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
}

.mantenimiento-proceso-arrow i {
    color: #4b4b4b;
    font-size: 30px;
    font-weight: 400;
}


/* ==========================================
   COLUMNA LATERAL
========================================== */

.mantenimiento-proceso-side {
    display: flex;
    justify-content: flex-end;
    padding-left: 25px;
}

.mantenimiento-proceso-side-content {
    max-width: 210px;
    transform: rotate(-7deg);
}

.mantenimiento-proceso-side-content span {
    display: block;
    color: #111111;
    font-family: "Caveat", cursive;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.05;
}

.mantenimiento-proceso-side-line {
    width: 85px;
    height: 7px;
    margin-top: 12px;
    margin-left: 0px;
    background-color: var(--color-main);
    border-radius: 5px;
    transform: rotate(-5deg);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1199.98px) {

    .mantenimiento-proceso {
        padding: 40px 0 45px;
    }

    .mantenimiento-proceso-header h2 {
        font-size: 28px;
    }

    .mantenimiento-proceso-header p {
        font-size: 16px;
    }

    .mantenimiento-proceso-icon {
        width: 68px;
        height: 68px;
    }

    .mantenimiento-proceso-icon i {
        font-size: 29px;
    }

    .mantenimiento-proceso-item h3 {
        font-size: 15px;
    }

    .mantenimiento-proceso-item p {
        font-size: 13px;
    }

    .mantenimiento-proceso-arrow {
        flex-basis: 28px;
    }

    .mantenimiento-proceso-arrow i {
        font-size: 23px;
    }

    .mantenimiento-proceso-side-content span {
        font-size: 26px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 991.98px) {

    .mantenimiento-proceso {
        padding: 35px 0 40px;
    }

    .mantenimiento-proceso-header {
        margin-bottom: 25px;
    }

    .mantenimiento-proceso-header h2 {
        font-size: 25px;
    }

    .mantenimiento-proceso-header p {
        font-size: 15px;
    }


    /* --------------------------------------
       PROCESO
    -------------------------------------- */

    .mantenimiento-proceso-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 10px;
    }

    .mantenimiento-proceso-item {
        width: 100%;
    }

    .mantenimiento-proceso-icon {
        width: 65px;
        height: 65px;
        margin-bottom: 9px;
    }

    .mantenimiento-proceso-icon i {
        font-size: 28px;
    }

    .mantenimiento-proceso-item h3 {
        font-size: 15px;
    }

    .mantenimiento-proceso-item p {
        max-width: 210px;
        font-size: 13px;
    }


    /* --------------------------------------
       OCULTAR FLECHAS EN MOBILE
    -------------------------------------- */

    .mantenimiento-proceso-arrow {
        display: none;
    }


    /* --------------------------------------
       LATERAL
    -------------------------------------- */

    .mantenimiento-proceso-side {
        justify-content: center;
        padding: 35px 0 5px;
    }

    .mantenimiento-proceso-side-content {
        max-width: 220px;
    }

    .mantenimiento-proceso-side-content span {
        font-size: 29px;
    }

}


/* ==========================================
   MOBILE PEQUEÑO
========================================== */

@media (max-width: 575.98px) {

    .mantenimiento-proceso {
        padding: 30px 0 35px;
    }

    .mantenimiento-proceso-header h2 {
        font-size: 23px;
    }

    .mantenimiento-proceso-header p {
        font-size: 14px;
        line-height: 1.35;
    }

    .mantenimiento-proceso-items {
        grid-template-columns: 1fr 1fr;
        gap: 28px 8px;
    }

    .mantenimiento-proceso-icon {
        width: 60px;
        height: 60px;
    }

    .mantenimiento-proceso-icon i {
        font-size: 25px;
    }

    .mantenimiento-proceso-item h3 {
        font-size: 14px;
    }

    .mantenimiento-proceso-item p {
        font-size: 12px;
        line-height: 1.3;
    }

    .mantenimiento-proceso-side-content span {
        font-size: 27px;
    }

}


/* ==========================================
   MANTENIMIENTO AIRES
========================================== */

.mantenimiento-aires {
    position: relative;
    padding: 75px 0;
    background-color: #0d2031;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 55px 55px;
    overflow: hidden;
}

.mantenimiento-aires__content {
    padding-right: 45px;
}

.mantenimiento-aires h2 {
    margin: 0 0 8px!important;
    color: var(--color-secondary);
    font-size: 28px!important;
    font-weight: 700;
    line-height: 1.2!important;    
}

.mantenimiento-aires__intro {
    margin: 0 0 28px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

.mantenimiento-aires__systems {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 15px;
}

.mantenimiento-aires__system {
    min-width: 0;
    text-align: center;
}

.mantenimiento-aires__system span {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.mantenimiento-aires__image {
    width: 100%;
    height: 125px;
    overflow: hidden;
}

.mantenimiento-aires__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mantenimiento-aires__features {
    display: flex;
    flex-direction: column;
    gap: 19px;
    padding-left: 25px;
}

.mantenimiento-aires__feature {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
}

.mantenimiento-aires__feature i {
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
}

.mantenimiento-aires__feature span {
    display: block;
}


/* TABLET */

@media (max-width: 1199px) {

    .mantenimiento-aires__content {
        padding-right: 30px;
    }

    .mantenimiento-aires__systems {
        gap: 10px;
    }

    .mantenimiento-aires__system span {
        font-size: 12px;
    }

    .mantenimiento-aires__features {
        padding-left: 15px;
    }

    .mantenimiento-aires__feature {
        font-size: 14px;
        gap: 10px;
    }

}


/* MOBILE */

@media (max-width: 991px) {

    .mantenimiento-aires {
        padding: 60px 0;
    }

    .mantenimiento-aires__content {
        padding-right: 0;
    }

    .mantenimiento-aires__systems {
        grid-template-columns: repeat(4, 1fr);
        row-gap: 25px;
    }

    .mantenimiento-aires__features {
        margin-top: 45px;
        padding-left: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 30px;
    }

}


/* MOBILE CHICO */

@media (max-width: 575px) {

    .mantenimiento-aires {
        padding: 50px 0;
    }

    .mantenimiento-aires h2 {
        font-size: 23px;
    }

    .mantenimiento-aires__intro {
        font-size: 16px;
    }

    .mantenimiento-aires__systems {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 12px;
    }

    .mantenimiento-aires__features {
        grid-template-columns: 1fr;
    }

}

/*Sigiente bloque*/

.mantenimiento-futuro {
    position: relative;
    min-height: 390px;
    background-image: url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/15/archivos/elfuturo.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.mantenimiento-futuro__centro {
    min-height: 390px;
    padding: 55px 70px;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mantenimiento-futuro__centro h2 {
    margin: 0 0 20px!important;
    color: #111;
    font-size: 34px!important;
    font-weight: 700;
    line-height: 1.05!important;
}

.mantenimiento-futuro__centro p {
    max-width: 500px;
    margin: 0;
    color: #111;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.35;
}

.mantenimiento-futuro__derecha {
    min-height: 390px;
    padding: 55px 45px;
    background: rgba(13, 32, 49, 0.94);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mantenimiento-futuro__frase {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mantenimiento-futuro__frase span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 7px;
}

.mantenimiento-futuro__linea {
    width: 70px;
    height: 7px;
    margin-top: 25px;
    background: var(--color-secondary);
}


/* TABLET */

@media (max-width: 1199px) {

    .mantenimiento-futuro__centro {
        padding: 50px 50px;
    }

    .mantenimiento-futuro__centro h2 {
        font-size: 30px;
    }

    .mantenimiento-futuro__centro p {
        font-size: 17px;
    }

    .mantenimiento-futuro__derecha {
        padding: 50px 30px;
    }

    .mantenimiento-futuro__frase span {
        font-size: 16px;
        letter-spacing: 5px;
    }

}


/* MOBILE */

@media (max-width: 991px) {

    .mantenimiento-futuro {
        background-position: center center;
    }

    .mantenimiento-futuro__centro {
        min-height: 350px;
    }

    .mantenimiento-futuro__derecha {
        min-height: 300px;
    }

}


/* MOBILE CHICO */

@media (max-width: 575px) {

    .mantenimiento-futuro__centro {
        padding: 45px 30px;
    }

    .mantenimiento-futuro__centro h2 {
        font-size: 27px;
    }

    .mantenimiento-futuro__centro p {
        font-size: 16px;
    }

    .mantenimiento-futuro__derecha {
        padding: 45px 30px;
    }

    .mantenimiento-futuro__frase span {
        font-size: 15px;
        letter-spacing: 4px;
    }

}

/*bloque final*/

.mantenimiento-postventa {
    position: relative;
    min-height: 400px;
    background-image:
        linear-gradient(rgba(13, 32, 49, 0.45), rgba(13, 32, 49, 0.45)),
        url("https://jrrepuestos.tiendavirtual.ar/webfiles/jrrepuestos/paginas/14/archivos/compromisopostventa.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.mantenimiento-postventa__contenido {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 6%;
}

.mantenimiento-postventa__izquierda {
    max-width: 750px;
}

.mantenimiento-postventa__izquierda h2 {
    margin: 0;
    color: #fff;
    font-size: 34px!important;
    font-weight: 700;
    line-height: 1.15!important;
    letter-spacing: 0.5px;
}

.mantenimiento-postventa__izquierda h2 span {
    color: var(--color-secondary);
}

.mantenimiento-postventa__destacado {
    margin: 18px 0 25px;
    color: #fff;
    font-size: 20px!important;
    font-weight: 500!important;
    line-height: 1.4!important;
}

.mantenimiento-postventa__boton {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    min-height: 52px;
    padding: 12px 22px;
    border-radius: 10px;
    background: var(--color-main);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mantenimiento-postventa__boton i {
    font-size: 15px;
}

.mantenimiento-postventa__boton:hover {
    color: #fff;
    transform: translateY(-2px);
}

.mantenimiento-postventa__atributos {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 38px;
}

.mantenimiento-postventa__atributos span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 4px;
}

.mantenimiento-postventa__derecha {
    min-width: 300px;
    padding-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.mantenimiento-postventa__experiencia {
    display: flex;
    flex-direction: column;
}

.mantenimiento-postventa__experiencia strong {
    color: var(--color-secondary);
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}

.mantenimiento-postventa__experiencia span {
    margin-top: 8px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

.mantenimiento-postventa__mensaje {
    margin-top: 45px;
}

.mantenimiento-postventa__mensaje p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.mantenimiento-postventa__linea {
    width: 65px;
    height: 6px;
    margin-top: 25px;
    background: var(--color-secondary);
}


/* TABLET */

@media (max-width: 1199px) {

    .mantenimiento-postventa__contenido {
        padding: 60px 5%;
    }

    .mantenimiento-postventa__izquierda {
        max-width: 650px;
    }

    .mantenimiento-postventa__izquierda h2 {
        font-size: 29px;
    }

    .mantenimiento-postventa__destacado {
        font-size: 18px;
    }

    .mantenimiento-postventa__derecha {
        min-width: 260px;
        padding-left: 35px;
    }

}


/* MOBILE */

@media (max-width: 991px) {

    .mantenimiento-postventa {
        min-height: auto;
    }

    .mantenimiento-postventa__contenido {
        min-height: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 55px;
        padding: 70px 30px;
    }

    .mantenimiento-postventa__izquierda {
        max-width: 100%;
    }

    .mantenimiento-postventa__derecha {
        min-width: 0;
        width: 100%;
        padding-left: 25px;
    }

}


/* MOBILE CHICO */

@media (max-width: 575px) {

    .mantenimiento-postventa__contenido {
        padding: 55px 20px;
    }

    .mantenimiento-postventa__izquierda h2 {
        font-size: 25px;
    }

    .mantenimiento-postventa__destacado {
        font-size: 17px;
    }

    .mantenimiento-postventa__atributos {
        flex-wrap: wrap;
        gap: 12px 20px;
        margin-top: 30px;
    }

    .mantenimiento-postventa__atributos span {
        font-size: 10px;
        letter-spacing: 3px;
    }

    .mantenimiento-postventa__derecha {
        padding-left: 20px;
    }

    .mantenimiento-postventa__experiencia strong {
        font-size: 36px;
    }

    .mantenimiento-postventa__mensaje {
        margin-top: 35px;
    }

}


/* ===============================
   ORIGINAL
================================ */
.tt-header-holder .tt-obj-logo:not(.obj-move-right):not(.obj-aligment-center) .tt-logo {margin-right: 20px;}
.prop-c1 .select2 .selection .select2-selection, .prop-c1 .form-group input, .prop-c1dh .form-group input, .prop-avanzada .btn-lista {-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.prop-c2 .select2 .selection .select2-selection {border-radius: 0px!important;}
.prop-c1 .select2 .selection .select2-selection, .prop-c2 .select2 .selection .select2-selection {border-right: 0px; min-width: 100%; width: 100%}
.prop-c1 .select2, .prop-c2 .select2, .prop-c3 .select2 {min-width: 100%!important; width: 100%!important}
@media (min-width: 1025px) {
  .prop-c2  {padding-left: 0px; padding-right: 0px}
  .prop-c1, .prop-c1dh {padding-right: 0px}
  .prop-btn, .prop-c3, .prop-c3dh {padding-left: 0px}
  .form-busqueda .row.mb-2 {margin-top: 1rem!important}
  .tt-collapse-block .prop-avanzada.active .tt-collapse-title {bottom: 0px;}
  .prop-title {margin:0 0 15px; color:#fff!important}
  .prop-ambientes .tt-options-swatch.options-middle li a {min-width: 32px; min-height: 40px;}
}
@media (max-width: 1024px) {
.prop-ambientes .tt-options-swatch.options-middle li a {min-width: 32px; min-height: 30px;}
.prop-title {margin:0 0 10px; color:#fff!important}
.prop-c1dh {padding-right: 0px}
.prop-c3dh {padding-left: 0px}
.prop-fnd img {height: calc(100vh - 100px)}
.prop-tmobile {margin-top: 10px;}
.form-busqueda .form-group {margin-bottom: 10px;}
.form-busqueda .row.mb-2 {margin-top: 0.5rem!important}
.prop-label-mobile {display: none}
.btn-avanzada {margin-top: 1rem!important}
.tt-collapse-block .prop-avanzada.active .tt-collapse-title {bottom: -10px;}
}
@media (max-width: 900px) {
.prop-fnd .tt-description .tt-title-small {
    font-size: 20px;
    line-height: 20px;
}
}

.prop-c1 .form-group input, .prop-c1dh .form-group input {border-right: 1px solid #aaa}
.prop-btn a, .prop-c3 .form-group input, .prop-c3dh .form-group input, .prop-avanzada .btn-mapa {-webkit-border-top-left-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.prop-btn a i {font-size: 14px; position: relative; top: -1px;}
.prop-wrapper {background: rgba(0, 0, 0, 0.65)!important; padding:20px!important}
.prop-ambientes ul.tt-options-swatch li {margin: 10px 5px 0!important}
.prop-c-label {color: #eeeeee}
.prop-avanzada .tt-collapse-title {color: #eeeeee!important; padding-top: 17px!important; padding-bottom: 0px!important;}
.prop-avanzada .tt-collapse-title:hover {color: #ffffff!important}
.tt-collapse-block .prop-avanzada.active .tt-collapse-title {color: #eee; padding-bottom: 15px; position: absolute; width: calc(100% - 20px);}
.prop-avanzada .btn-group {position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}
.prop-avanzada .btn-group input{display: none}
.prop-avanzada label.w-50.btn.btn-secondary {background: #787878; border: 2px solid #fff;}
.prop-avanzada label.w-50.btn.btn-secondary.active {background: #fff; border: 2px solid #fff; color: #151514}


.tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {color:var(--color-main)!important}
.tt-breadcrumb ul li a,.tt-breadcrumb ul li {text-transform: uppercase;}
.t-decimal:after {border-bottom: 1px solid var(--color-main)!important}
.tt-product:not(.tt-view).thumbprod-center .tt-description .tt-price {zoom: 2; color: var(--color-main)!important;}

ul.tt-social-icon.justify-content-center li a {color:var(--color-main)!important}
ul.tt-social-icon.justify-content-center li a:hover {color:#5b99fe}
@media (min-width: 790px) {
  h1:not(.tt-title-subpages):not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {color:#fff}
}
/* alerta no compra*/
.t-alert{background: red; color: #fff; padding: 10px 50px 10px 15px;}
#t-alert-cerrar{position: absolute; top: 8px; right: 8px; color: inherit; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.t-cerrar{font-size: 22px;}
/* alerta no compra*/
/* barras laterales*/
@media (max-width: 1024px) {
  header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn .tt-item {margin-top: 10px!important;}
  header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-total-row {margin-top: 20px; padding-top: 14px;}
}
#carrito-canastita {overflow-x: hidden; max-height: 250px; padding-right: 15px;}
body::-webkit-scrollbar, #carrito-canastita::-webkit-scrollbar {background-color:#fff; width:16px}
body::-webkit-scrollbar-track, #carrito-canastita::-webkit-scrollbar-track {background-color:#fff}
body::-webkit-scrollbar-thumb, #carrito-canastita::-webkit-scrollbar-thumb {background-color:#babac0; border-radius:16px; border:4px solid #fff}
body::-webkit-scrollbar-button, #carrito-canastita::-webkit-scrollbar-button {display:none}
/* barras laterales*/
/*base*/
.precios-comparar {
  width: 100%;
  text-align: center;
  display: block!important;
}
.tt-compare-table .tt-item .tt-image-box .tt-img img {
    margin: 0 auto;
}
@media (min-width: 790px){
  .tt-shopcart-col .form-control {
      height: 244px;
  }
}
#sucursales .tt-blog-masonry .tt-post-content span b {font-weight: 900}
#sucursales .tt-blog-masonry .tt-post-content {margin-left: 70px; margin-right: 70px;}
.tt-description-wrapper{background: rgba(40, 121, 254, .75); padding: 6px; border-radius: 4px;}
.tt-description .tt-obj-bottom {background: rgba(40, 121, 254, .75); width: calc(100% - 58px); margin-left: -6px; padding: 6px 6px 4px;border-radius: 4px;}
.tt-promo-02 .tt-description .tt-obj-bottom {bottom: 20px}
.tt-base-color {
    color: var(--color-main)!important;
}
.modal-newsletter .modal-backdrop.show {
    -moz-opacity: 0.93!important;
    -khtml-opacity: 0.93!important;
    -webkit-opacity: 0.93!important;
    opacity: 0.93!important;
}
.color-2{color:#28c1fe!important}
.logo-splash{width: 100%!important}

.tt-promo-fixed .tt-description a {
    line-height: 15px!important;
    padding-top: 5px!important;
}
footer .tt-logo-alignment {
    top: 3px!important;
}
@media (min-width: 790px){
  footer .tt-color-scheme-01 .tt-collapse-title {
      line-height: 16px;
  }
}
.tt-wishlist-box .tt-wishlist-list .tt-item .tt-col-description .tt-description .tt-price .new-price, .tt-compare-table .tt-item .tt-image-box .tt-price .new-price, .precio-oferta, .tt-product:not(.tt-view) .tt-description .tt-price .new-price, .tt-product-design02:not(.tt-view) .tt-description .tt-price .new-price {
    color: var(--color-main)!important;
}
.tt-wishlist-box .tt-wishlist-list .tt-item .tt-col-description .tt-description .tt-price .old-price, .tt-compare-table .tt-item .tt-image-box .tt-price .old-price, .tt-product-single-info .tt-price .old-price, .precio-ant, .tt-product:not(.tt-view) .tt-description .tt-price .old-price {
    color: #dcdcdc!important;
    text-decoration: line-through;
}
.mw-80{max-width: 80px}
.tt-logo-2 img {height: auto; max-height: 15px; top: -2px; position: relative; padding-right: 15px;}
.tt-desctop-menu .tt-logo-2 img{width: auto!important; display: none}
.tt-desctop-menu nav > ul > li.dropdown > a {font-size: 12px}
@media (min-width: 1025px) and (max-width: 1229px) {
  .tt-desctop-menu nav > ul > li.dropdown > a {font-size: 11px; padding: 17px 7px 16px;}
}
.tt-stuck-parent-menu .tt-desctop-menu .tt-logo-2 img {display: block}
.tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {max-height: 15px; position: relative; top: 1px}
.tt-label-gratis {background: #28a745; color: #ffffff; padding: 2px 6px; border-radius: 4px;}
#steps-uid-0 .actions ul li.disabled:nth-child(1) {display: none;}
footer .tt-box-copyright a img.loading {max-height: 51px}