@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root {
    --color-light-blue: #A8D0FF;
    --color-black: #141215;
    --color-gray-blue: #AAB6CC;
    --color-white: #FFFFFF;
    --color-dark-blue: #003FA2;
    --color-blue-main:#08429E;
    --color-dark-gray: #505D6A;
    --color-medium-gray: #677581;
    --color-light-gray: #D4D8DD;
    --color-very-light-gray: #ECEDEF;
    --color-red:#FC0D1E;
    --color-footer:#F4F9FF;
    --color-celeste:#F6FAFF;
    --monserrat: "Montserrat", sans-serif;
    --poppins: "Poppins", sans-serif;
    --opensans: "Open Sans", sans-serif;
    --Roboto:  "Roboto", serif;


  }
  
/* Reset CSS compatible */
*,
*::before,
*::after {
  box-sizing: border-box; 
}

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; 
  
}

body {
  line-height: 1.5; 
  font-family: var(--poppins)

}

img, picture, video, canvas, svg {
  display: block; 
  max-width: 100%;
  height: auto; 
}

input, button, textarea, select {
  font: inherit;
  color: inherit; 
}

a {
  text-decoration: none; 
  color: inherit;
}

ul, ol {
  list-style: none; 
  color: var(--color-black);
  font-weight: 300;
}


table {
  border-collapse: collapse; 
  border-spacing: 0; 
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; 
}
p{
  font-weight: 300;
}
button {
  background: none; 
  border: none; 
  cursor: pointer; 
}

#root, #app {
  isolation: isolate; 
}


/*preloader*/

/* Estilos para el preloader */
#preloader {
      position: fixed;
      width: 100vw;
      height: 100vh;
      background: #fff;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
    }

    .content1 { display: none; }


/* Spinner animado */
.spinner {
  display: none;

  border: 8px solid #f3f3f3; /* Color de fondo */
  border-top: 8px solid #3498db; /* Color del spinner */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

/* Animación de rotación */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




/*CONTENEDORES*/
/* Contenedor fluido por defecto */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* Tamaños del contenedor en dispositivos grandes (PC) */

@media (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}
/*Tamaños para dispositivos no tan anchos (PC)*/
@media (min-width: 1300px) and (max-width: 1400px) {
  .container {
    max-width: 1000px;
  }
}


/* Tamaños del contenedor en dispositivos medianos (laptops y tablets) */
@media (min-width: 1130px) and (max-width: 1299.98px) {
  .container {
    max-width: 900px;
  }
}

/* Tamaños del contenedor en dispositivos medianos (laptops y tablets) */
@media (min-width: 1025px) and (max-width: 1130.98px) {
  .container {
    max-width: 800px;
  }
}

/* Tamaños del contenedor en dispositivos pequeños (tablets y móviles grandes) */
@media (min-width: 768px) and (max-width: 1024.98px) {
  .container {
    max-width: 720px;
  }
}

/* Tamaños del contenedor en dispositivos muy pequeños (celulares) */
@media (max-width: 767.98px) {
  .container {
    max-width: 100%;
  }
}




/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
 .owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



  .owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .owl-prev {
    left: -50px;
  }
  
  .owl-next {
    right: -50px;
  }
  

.slick-prev,
    .slick-next {
      width: 40px;
      height: 40px;
      z-index: 1;
    }

    .slick-prev {
      left: -50px;
    }

    .slick-next {
      right: -50px;
    }

  

    .slick-prev::before{
      display: none;
    }


   
    /* Slider-theme */
    .slick-loading .slick-list
    {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }
    
    /* Icons */
    @font-face
    {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
    
        src: url('./fonts/slick.eot');
        src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    }

    .slick-slide img{
    width: 100%;
    }
    /* Arrows */
    .slick-prev,
    .slick-next
    {
        font-size: 0;
        line-height: 0;
    
        position: absolute;
        top: 50%;
    
        display: block;
    
        width: 20px;
        height: 20px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    
        cursor: pointer;
    
        border: none;
        outline: none;
        background: transparent;
        color: white;
    }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus
    {
        /* color: transparent; */
        outline: none;
        background: transparent;
    }
    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before
    {
        opacity: 1;
    }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before
    {
        opacity: .25;
    }
    
    .slick-prev:before,
    .slick-next:before
    {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
    
        opacity: .75;
        color: white;
    
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    button.slick-prev.slick-arrow,button.slick-next.slick-arrow {
      width: 40px;
      height: 40px;
  }
    
    .slick-prev
    {
        left: 25px;
        color: var(--color-white);

    }
    [dir='rtl'] .slick-prev
    {
        right: 0px;
        left: auto;
    }
    .slick-prev:before
    {
    }
    [dir='rtl'] .slick-prev:before
    {
    }
    
    .slick-next
    {
        right: 25px;
    }
    [dir='rtl'] .slick-next
    {
        right: auto;
        left: 0px;
    }
    .slick-next:before
    {
    }
    [dir='rtl'] .slick-next:before
    {
    }
    
    /* Dots */
    .slick-dotted.slick-slider
    {
        margin-bottom: 30px;
    }
    
    .slick-dots
    {
        position: absolute;
        bottom: -25px;
    
        display: block;
    
        width: 100%;
        padding: 0;
        margin: 0;
    
        list-style: none;
    
        text-align: center;
    }
    .slick-dots li
    {
        position: relative;
    
        display: inline-block;
    
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
    
        cursor: pointer;
    }
    .slick-dots li button
    {
        font-size: 0;
        line-height: 0;
    
        display: block;
    
        width: 20px;
        height: 20px;
        padding: 5px;
    
        cursor: pointer;
    
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    .slick-dots li button:hover,
    .slick-dots li button:focus
    {
        outline: none;
    }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before
    {
        opacity: 1;
    }
    .slick-dots li button:before
    {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
    
        position: absolute;
        top: 0;
        left: 0;
    
        width: 20px;
        height: 20px;
    
        content: '•';
        text-align: center;
    
        opacity: .25;
        color: black;
    
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .slick-dots li.slick-active button:before
    {
        opacity: .75;
        color: black;
    }


    .slick-dots li button {
      width: 12px; /* Tamaño del punto */
      height: 12px;
      border-radius: 50%; /* Forma circular */
      background-color: black; /* Color inicial */
      border: 1px solid black; /* Sin borde */
      transition: background-color 0.3s ease, transform 0.3s ease; /* Efecto suave */
  }

  .slick-dots li.slick-active button {
      background-color: var(--color-red); /* Color del punto activo */
      transform: scale(1.2); /* Agranda el punto activo */
      border: 0px solid black;
  }
  
  .slick-dots li button:hover {
      background-color: var(--color-red); /* Color al pasar el cursor */
      cursor: pointer; /* Cambia el cursor a pointer */
      border: 0px solid black;
  }


/*menu */
.sub-itemrow.container {
  display: grid;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 20px;
}
.x-sub-menu ul.mio-ver a ,.x-sub-menu ul.mio-ver a:hover{
  color: var(--color-red);
  display: flex;
  grid-gap: 10px;
  padding-left: 15px;
  font-family: var(--poppins);
  text-decoration: underline;
  text-underline-offset: 8px;
}
.x-sub-menu ul.mio-ver li a img {
  width: auto;
}
ul.sub-item.container {
  flex-direction: column;
}
.div-sub {
  display: flex;
}

.sub-itemrow.container li.sub-item-div {
  padding: 1em;
}
div#slick-nano .slick-list.draggable {
  height: auto!important;
}

nav.nabar.container {
  height: 80px!important;
}


/*menu condicion scrol menu agrega clase estilos*/
nav.nabar.fixed-top {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
}

/*menu */
div#x-side-menu {
  display: none;
}
.x-mega-menu {
  display: flex;
justify-content: center;
  background:var(--color-white);
  text-align: center;
  /* display: grid; */
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  list-style: none;
  
  box-shadow: 0 1px 4px #aaaaaa4a;
  padding: 0; 
height: 80px;
align-items: center;
}
  .x-mega-menu.x-fixed-top {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 98; }
  .x-mega-menu > li {
    display: inline-block;
   
    transition: 300ms;
    font-size: 12pt;
    font-weight: 100;
    text-align: center;
    color: var(--color-black);
    cursor: pointer;
    grid-column: span 2; }
    .x-mega-menu > li.x-has-sub-menu a:after, .x-mega-menu > li.x-has-sub-menu span:after {
      /* content: '⌄'; */
      position: relative;
      top: -3px; }

      .x-mega-menu > li.x-has-image a.logo-lubtec{
        display: flex;
        align-items: center;
        padding: 1em;
      }
    .x-mega-menu > li.x-has-image span, .x-mega-menu > li.x-has-image a {
      padding: 1px;
      height: 49px; }

    .x-mega-menu > li.x-has-image img {

      max-height: 40px;
      /* max-width: 100vh; */

      display: block;
      margin: 2px auto;
      max-width: 179px;
      width: 100%;
     
     }
     li.x-has-image {
      display: flex;
      align-items: center;
  }
    .x-mega-menu > li.x-small {
      grid-column: span 1;
      padding: 1em;
      }
    .x-mega-menu > li:hover, .x-mega-menu > li.x-active {
      background: #ffffff; }
      .x-mega-menu > li.x-active a{
        color:var(--color-red);
      }
      .x-mega-menu > li a:hover{
        color:var(--color-red);

      }
      .x-mega-menu > li:hover a:before, .x-mega-menu > li:hover span:before, .x-mega-menu > li.x-active a:before, .x-mega-menu > li.x-active span:before {
        width: 100%;
        opacity: 1; }
    .x-mega-menu > li ul {
      display: none; }
      .x-mega-menu > li a{
        font-size: 17px;
      }
    .x-mega-menu > li a, .x-mega-menu > li span {
      font-weight: 600;
      position: relative;
      text-decoration: none;
     
      color: var(--color-black);
      /* padding: 1em; */
      display: block; }
      .x-mega-menu > li a:before, .x-mega-menu > li span:before {
        height: 2px;
        content: ' ';
        position: absolute;
        right: 0;
        width: 0;
        bottom: -13px;
        transition: 400ms;
        transition-delay: 100ms;
        opacity: .5;
        background-color: var(--color-red);
        /* background: linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);  */
      }

.x-sub-menu {
  /* position: relative !important;
    top: 0px !important; */
    z-index: 2 !important;
  background: var(--color-white);
  width: 100%;
  transform: scaleY(0) translateY(-50%);
  transition-timing-function: ease-out;
  transition: 700ms;
  opacity: 0;
  position: absolute;
  z-index: 99;
  margin-bottom: 0 !important; }
  .x-sub-menu h3 {
    text-align: center;
    /* border-bottom: 1px solid #eee; */
    margin-bottom: 12px;
    color: #222222;
    transition: 333ms; }
    .x-sub-menu h3:hover {
      color: #151515; }
  .x-sub-menu li {
    list-style: none;
    position: relative; }
    .x-sub-menu li li {
      /* border-bottom: rgba(34, 34, 34, 0.15) 1px solid; */
      }
      .x-sub-menu li li a, .x-sub-menu li li span {
        padding: 8.5px 5.5px;
        transition: 400ms;
        display: block; }
        .x-sub-menu li li a:hover, .x-sub-menu li li span:hover {
          transform: translatey(11px); }
      .x-sub-menu li li ul {
        display: none; }
    .x-sub-menu li a {
      font-family: "Montserrat", sans-serif;
      font-size: 17px;
      font-weight: 600;
      padding: 0;
      color: #222222;
      transition: 333ms; }
    .x-sub-menu li.x-has-sub-menu {
      position: relative; }
      .x-sub-menu li.x-has-sub-menu:before {
        content: '〉';
        position: absolute;
        right: 0;
        top: 7px; }
      .x-sub-menu li.x-has-sub-menu.x-right:before {
        right: auto;
        left: 0; }
    .x-sub-menu li:hover a {
      color: #2f2f2f; }
  .x-sub-menu.x-active {
    transform: scaleY(1) translateY(0);
    border: 1px solid rgb(236, 235, 235);
    /* box-shadow: 0 3px 7px #999999; */
    opacity: 1;
    }
  .x-sub-menu > ul {
    /* display: grid; */
    display: flex;
    justify-content: center;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    padding: 0;
    margin-bottom: 0 !important; }
    .x-sub-menu > ul > li {
      /* border-right: 1px solid silver; */
      padding: 1em;
      color: darkred; }
      .x-sub-menu > ul > li.x-highlight {
        background: #ffffff;
        color: white; }
        .x-sub-menu > ul > li.x-highlight h3 {
          color: white; }
    .x-sub-menu > ul img {
      width: 100%;
      /* max-width: 167px; */
      max-height: 130px;
      display: block;
      /* margin: 1em auto; */
      object-fit: contain;
    
    }
  .x-sub-menu .x-main-section-menu {
    position: relative; }
    .x-sub-menu .x-main-section-menu .x-multi-level-menu-desktop {
      position: absolute;
      left: 15px;
      right: 15px;
      top: 0;
      bottom: 0;
      background: #eeeeee; }
      .x-sub-menu .x-main-section-menu .x-multi-level-menu-desktop .x-back-btn {
        cursor: pointer; }
  .x-sub-menu p {
    line-height: 1.7em; }

#x-toggle {
  display: none; }




.x-blur {
  filter: blur(5px) grayscale(0.75);
  user-select: none;
  transition: 100ms;
  transition-delay: 100ms; }


   /* Contenedor del buscador */
   .search-container {
    display: flex;
    align-items: center;
    /* max-width: 400px; */
    margin: 0 auto;
    border-radius: 7px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #00000038;
  }

  /* Campo de texto */
  .search-container input[type="text"] {
    flex: 1;
    border: none;
    outline: none;
    padding: 0;
    font-size: 14px;
    /* height: 38px; */
    color: black;
    font-weight: 400;
  }

  /* Botón de búsqueda */
  .search-container button {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 5px 5px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    align-items: center;
    justify-content: center;
  }

  /* Ícono de lupa */
  .search-container button i {
    margin-right: 5px;
    font-size: 16px;
  }

  /* Hover del botón */
  .search-container button:hover {
    /* background-color: #0056b3; */
  }

.search-container form{
  display: grid;
  grid-template-columns: 22px auto;
  align-items: center;
  padding: 5px 5px 5px 10px;
  /* border: 1px solid #AAB6CC; 
*/
  /* border-radius: 5px; */
  grid-gap: 1px;
  }
@keyframes border-color-play {}





@media (max-width:1400px) {
  .x-mega-menu > li a{
   font-size: 15px;
  }
}
/* div#x-side-menu img {
  display: none;
  overflow: hidden;
} */

ul.text-mobile-sub {
  display: none;
}
li.sub-item-div.nada-item.x-main-section-menu {
  display: none;
}

.text-mobile-sub {
  display: none;
}
section.pilares-tabs .tabs-mayor{
  margin-bottom: 50px;
}
@media (max-width:1024px) {
  section.pilares-tabs .tabs-mayor{
    margin-bottom: 70px;
  }
  .text-mobile-sub {
    display: block;
}
  ul.text-desktop-sub {
    display: none;
}
ul.text-mobile-sub {
  display: block;
}

ul.text-mobile-sub .clase-acordeon li a {
  color: black;
}

li.sub-item-div.nada-item.x-main-section-menu {
  display: block;
}

.x-multi-level-menu li ul.text-mobile-sub {
  padding: 0;
 
}

.x-multi-level-menu li ul.text-mobile-sub .clase-acordeon {
  display: none;
}
.text-mobile-sub ul.clase-acordeon{
  display: none;
}
.text-mobile-sub.totcca ul.clase-acordeon {
  display: block;
}
.text-mobile-sub.totcca ul.clase-acordeon li.x-list a {
  color: black;
  padding: 7px 20px;
}

  div#x-side-menu {
    position: relative;
}
  #x-side-menu.x-active{
    position: relative;
  }

  #x-side-menu .x-side-menu {
    z-index: 9;
    user-select: none;
    box-shadow: -1px 0 7px #ffffff00, 1px 0 7px #111;
    background: #ffffff;
    width: 100%;
    overflow-y: auto;
    color: #000000;
    height: 100vh;
    box-sizing: border-box;
    position: relative;
    }



.text-mobile-sub.totcca h4.txt-mobi {
  color: red !important;
  /* border: 1px solid black;
  border-radius: 10px; */
}


#x-side-menu .text-mobile-sub h4.txt-mobi {
  border-bottom: 1px solid #D4D8DD;
  border-top: 1px solid #D4D8DD;
  text-align: justify;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  font-family: var(--Roboto);

}

#x-side-menu .text-mobile-sub h4.txt-mobi::after{
      content: "";
      width: 13px;
      height: 13px;
      display: block;
      float: right;
      background-image: url(../images/flech.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin-top: 7px;
      z-index: 1000;
      position: relative;
}

    #x-side-menu {
      transition: 500ms;
      transition-timing-function: linear;
      width: 0;
      overflow: hidden;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 999999; }
      #x-side-menu.x-active {
        width: 100%;
      
      }
      .search-container input[type="text"]{
        display: none;
      }

      div#x-side-menu.x-active.activo-mobile {
        display: block;
        /* width: 100%; */
    }

      #x-side-menu h2, #x-side-menu h3, #x-side-menu h4, #x-side-menu h5 {
        padding: .75em;
        text-align: center;
        background: #ffffff;
        font-size: 18px;
        margin-bottom: 0 !important;
        }
     
    
    
        #x-side-menu .x-side-menu > li {
          background: #ffffff;
          border-top: 1px solid #d3d3d3;
          position: relative;
          color: gray;
        
          }
          #x-side-menu .x-side-menu > li:last-child {
            border-bottom: 1px solid #d3d3d3;
            }
          #x-side-menu .x-side-menu > li.x-small, #x-side-menu .x-side-menu > li.x-has-image {
            display: none; }
          #x-side-menu .x-side-menu > li ul {
            display: none;
            padding: 0; }
          #x-side-menu .x-side-menu > li a, #x-side-menu .x-side-menu > li span {
            display: block;
            padding: 1em 30px;;
            color: #000000;
            text-decoration: none;
            }
        #x-side-menu .x-side-menu .x-close {
          display: none;
          float: right;
          padding: 5px .46em;
          font-size: 30px;
          cursor: pointer;
          background: #ffffff;
          }

          .x-multi-level-menu .x-back {
            padding: 1em 30px;
            background: #FC0D1E;
            color: white;
        }
        
        .x-multi-level-menu ul {
            padding: 1em 0px;
            position: relative;
        }

      #x-side-menu .x-has-sub-menu .x-next {
        font-size: 0;
        border-bottom: 0;
        border-top: 0;
        transition: 300ms;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        width: 45px;
        padding-left: 5px;
        /* display: flex; */
        align-items: center;
        justify-content: center;
        /* font-size: 20px; */
        border: 1px solid #dfdfdf;
        background: #ffffff;
        cursor: pointer;
        color: #a1a1a1;
        z-index: 1000;
        }
        #x-side-menu .x-has-sub-menu .x-next:hover {
          /* background: #900000;  */
        }
        #x-side-menu .x-has-sub-menu .x-next a {
          display: block;
          padding-top: 15px; }
      #x-side-menu .x-has-sub-menu.x-right .x-next {
        /* right: auto; */
        display: grid;
        justify-content: end;
         padding: 0 30px;
        left: auto;
        width: 100%;
        align-items: baseline;
      }

      .x-multi-level-menu li.x-list img {
        display: none;
    }
      #x-side-menu .x-has-sub-menu.x-right .x-next::after{
        content: "";
        display: block;
        width: 21px;
        height: 14px;
        background-image: url(../images/flech-dere.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
        .x-responsive #x-toggle {
          display: block;
          grid-column: span 1; 
          order: 1;
        }
        .x-mega-menu > li.x-has-image img{
          margin: 0;
        }


          

.x-responsive.x-mega-menu {
  display: grid;
  grid-auto-columns: 1fr; 

}
  .x-responsive.x-mega-menu > li {
    display: none; }
    .x-responsive.x-mega-menu > li:before {
      display: none !important; }
    .x-responsive.x-mega-menu > li.x-has-image, .x-responsive.x-mega-menu > li.x-always-show {
      display: block;
      grid-column: span 6; }
    .x-responsive.x-mega-menu > li.x-small {
      grid-column: span 1; }

.x-multi-level-menu {
  position: absolute;
  top: 0;
  width: 100%;
  background: #ffffff;
  height: 100vh;
  /* box-shadow: -1px 0 7px #111, 1px 0 7px #111; */
  overflow-y: auto;
  z-index: 10000;
  }
  #x-side-menu .x-side-menu > .x-has-sub-menu a {
    z-index: 10000;
    position: relative;
    pointer-events: none;
}

  .x-multi-level-menu li {
    padding: 0;
    list-style: none; }

    .sub-itemrow.container{
      display: block;
    }
    .sub-itemrow.container li.sub-item-div{
      padding: 0;
    }
    .div-sub{
      display: block;;
    }
    .quiero-ver-todo {
      display: none;
  }
  .x-multi-level-menu li.x-list {
    background: transparent;
    border-top: 1px solid #a14d4d00;
    background: #ffffff;
    position: relative;
    }
    .x-multi-level-menu li.x-list ul {
      display: none; }
    .x-multi-level-menu li.x-list a, .x-multi-level-menu li.x-list span {
      display: block;
      padding: 1em;
      color: white;
      text-decoration: none; }
  .x-multi-level-menu .x-back {
    padding: 11px 15px;
    text-align: center;
    border-bottom: 1px solid #770000;
    cursor: pointer;
    }
    .x-multi-level-menu .x-back .x-back-btn {
      float: right;
      padding: 10px .46em;
      font-size: 20px;
      cursor: pointer;
      margin: -0.75em;
      text-align: center;
      width: 44px;
      background: black;
      color: white;
      }

      #x-side-menu .x-side-menu > h3 {
        display: none;
    }

}


@media (max-width:768px) {
  .x-responsive.x-mega-menu {
    padding: 0 20px;
  }
  .x-responsive.x-mega-menu > li.x-small{
    padding: 0;
  }
  .x-mega-menu > li.x-has-image a.logo-lubtec{
    padding: 0;
  }
}



/*FIN MENU DESKTOP*/










/*MOBILE-MENUUUUUUUU*/

.mobile-menu.nabar.fixed-top .am-header.red {
  position: fixed;
  top: 0;
}

.dim {
  display: none!important;
  z-index: -1!important;
}


.mobile-menu .am-header{
  font-family: var(--Roboto);
  height: 50px;
  width: 100%;
  background: white; 
  /* box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3); */
  position: relative;
  z-index: 99;
}
.mobile-menu .sticky{
 position: fixed;
 top: 0;
 z-index: 99;
animation: slideDown .4s forwards;
}
/* Logo */
.mobile-menu .logo{
  display: flex;
      max-height: 62px;
      max-width: 164px;
      position: absolute;
      text-align: center;
      line-height: 42px;
      color: #fff;
      font-size: 16pt;
      vertical-align: middle;
      left: 25px;
      top: 4px;
      z-index: 5;

}

/* Search Trigger */

.mobile-menu .search-trigger{
  width: 36px;
   height: 36px;
   display: inline-block;
   
  
  position: absolute;
  right: 65px;
  top: 6px;
  line-height: 36px;
  color: #fff;
  z-index: 6;
  cursor: pointer;



}

.mobile-menu #search-toggle {
display:none;
}

.mobile-menu .s-wrapper {

width: 36px;
height: 36px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
box-sizing: border-box;

}

.mobile-menu #circle{
position: relative;
border: 2px rgb(0, 0, 0) solid;
width: 15px; /* 160*/
height: 15px;
top: 2px;
left: 8px;
border-radius: 50%;
transition: all 0.3s linear;
}

.mobile-menu #bar {
position: relative;
margin-top: 0px;
height: 12px;
left: 16px;
width: 2px;
background: rgb(0, 0, 0);
border-radius: 2px;
transition: all 0.3s linear;
}

.mobile-menu .searchopen  #circle {
width: 25px;
height: 0px;
border: 1px solid rgb(0, 0, 0);
border-radius: 2px;
left: 3px;
top: 13px;
transform: rotate(90deg);
}


.mobile-menu .searchopen #bar {
height: 25px;
top: 0px;
transform: rotate(-90deg);
}

/* Search Box*/
.mobile-menu .search-container{
 height: 36px;
 position: absolute;
 display: inline-block; 
 width: 290px;
 top: -36px;
 background: transparent;
 transition: .4s;
 opacity: 0;
 
}

.am-container{
 width: 260px;
 height: 100vh;
 font-family: var(--Roboto);

 background: white;
 overflow: auto;
 z-index: 99;
position: fixed;
 top: 89px;
 right: -260px;
}
.mobile-menu.nabar.fixed-top nav.am-container.white.open {
  top: 49px;
}
.mobile-menu .open,
.am-container{
   transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
}
.mobile-menu .open{
 right: 0;

}


/* AM Menu Themes */
.mobile-menu{
  display: none;
}

.mobile-menu .default-theme{
 background: #0F2027;
 --theme-color: #0F2027;  /* fallback for old browsers */
--theme-color: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
--theme-color: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*plain themes colors */


/* Love Red*/

.mobile-menu .red {
background: #e41b17;
--theme-color: #e41b17;
}


/* Clover Green*/

.mobile-menu .green {
background: #3EA055;
--theme-color: #3EA055;
}


/* Dodger Blue*/

.mobile-menu .blue {
background: #1589FF;
--theme-color: #1589FF;
}


/* Bright Neon Pink*/

.mobile-menu .bnp {
background: #F433FF;
--theme-color: #F433FF;
}


/* Pumpkin Orange */

.mobile-menu .orange {
background: #F87217;
--theme-color: #F87217;
}


/* Black*/

.mobile-menu .black {
background: #000;
--theme-color: #000;
}


/* Neon Pink*/

.mobile-menu .pink {
background: #F535AA;
--theme-color: #F535AA;
}


/* Golden Brown */

.mobile-menu .gol-b {
background: #EAC117;
--theme-color: #EAC117;
}


/* Greenish Blue */

.mobile-menu .greenish {
background: #307D7E;
--theme-color: #307D7E;
}


/* Wood */

.mobile-menu .wood {
background: #966F33;
--theme-color: #966F33;
}


/* gradients themes colors */


/* Endless River */

.mobile-menu .endless-river {
--theme-color: #43cea2;
background: #43cea2;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #185a9d, #43cea2);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #185a9d, #43cea2);
}


/* Crazy Orange */

.mobile-menu .crazy-orange {
--theme-color: #D38312;
background: #D38312;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #A83279, #D38312);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #A83279, #D38312);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #A83279, #D38312);
}


/* Between the Clouds */

.mobile-menu .between-clouds {
--theme-color: #73C8A9;
background: #73C8A9;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #373B44, #73C8A9);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #373B44, #73C8A9);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #373B44, #73C8A9);
}


/* Amethyst */

.mobile-menu .amethyst {
--theme-color: #9D50BB;
background: #9D50BB;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6E48AA, #9D50BB);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #6E48AA, #9D50BB);
}


/* Man of the Steel */

.mobile-menu .steel-man {
--theme-color: #780206;
background: #780206;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #061161, #780206);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #061161, #780206);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #061161, #780206);
}


/* Dance to Forget */

.mobile-menu .d2f {
--theme-color: #FF4E50;
background: #FF4E50;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F9D423, #FF4E50);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #F9D423, #FF4E50);
}


/* Park Life */

.mobile-menu .park-life {
--theme-color: #ADD100;
background: #ADD100;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7B920A, #ADD100);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7B920A, #ADD100);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #7B920A, #ADD100);
}


/* Moonlit Asteroid */

.mobile-menu .moonlit {
--theme-color: #0F2027;
background: #0F2027;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}


/* Facebook Messenger */

.mobile-menu .fb-messenger {
--theme-color: #00c6ff;
background: #00c6ff;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0072ff, #00c6ff);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #0072ff, #00c6ff);
}


/* Flickr */

.mobile-menu .flickr {
--theme-color: #ff0084;
background: #ff0084;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #33001b, #ff0084);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #33001b, #ff0084);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--theme-color: linear-gradient(to right, #33001b, #ff0084);
}




.mobile-menu .list-item li{
 list-style: none;
 border-bottom: 1px solid #D4D8DD;
 

}
.mobile-menu .has-sub,
.list-item li a{
 padding: 10px 20px;
 display: block;
 overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 color: #000000;
 text-decoration: none;
 font-size: 15px;
 outline: 0;
 display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
}
.has-sub:hover,
.list-item li a:hover{
  background: transparent;
  /* color: red; */


}
.mobile-menu  .has-sub{
 cursor: pointer;
 
}
.mobile-menu  .has-sub:after{
 font-family: FontAwesome;
 content: "\f105";
 float: right;
 padding-right: 20px;
 margin-top: 7px; 
 font-size: 16px;


}

.mobile-menu  .has-sub + .sub-items{
 display: none;


}
.mobile-menu  .am-container h3{
 color: #000000; 
 font-family: var(--Roboto);

 text-shadow: 1px 0.01px rgba(0, 0, 0, 0.1);
 font-weight: 400;
 padding: 10px;
 font-size: 18px;
 border-bottom: 1px dotted rgba(255, 255, 255, 0.096);

  
}

.mobile-menu.nabar.fixed-top header.am-header {
  position: fixed;
  top: 0;
}

.mobile-menu  .has-sub item-icon,
.mobile-menu  .item-icon{
display: inline-block;
border: 0;
 width: 32px;
 height: 32px;
 position: relative;
 vertical-align: middle;
padding-right: 20px;
 text-align: left;

}
.mobile-menu  .item-icon img{
 width: 32px;
  height: 32px;
 

}





/* Animations*/

@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
  opacity: .5;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
}

20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
}

60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
}

80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
  transform: scale3d(0.97, 0.97, 0.97);
}

to {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
}

@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
  opacity: .5;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
}

20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
}

60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
}

80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
  transform: scale3d(0.97, 0.97, 0.97);
}

to {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
}

.mobile-menu  .bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@keyframes slideDown {
from {
  transform: translateY(-100%);
}
to {
  transform: translateY(0%);
}
}
-webkit-@keyframes slideDown {
from {
  -webkit-transform: translateY(-100%);
}
to {
  -webkit-transform: translateY(0%);
}
}

/* background dimmy effect */

.mobile-menu  .dim-overlay {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration: .8s;
-webkit-animation-duration: .8s;
 display: none;
}
.mobile-menu  .dim-overlay:before {
content: ""; 
background-color: rgba(255, 255, 255, .6);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
overflow: hidden;
 z-index: 2;
}
/* Glass Effect*/
.mobile-menu  .glass {
box-shadow: inset 0 8px 8px rgba(255, 255, 255, 0.4), inset 0 -15px 30px rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.1);
}


/* Cloud Tags */
.mobile-menu  .cloud-tags{
 list-style: none;
 
 border-bottom: 1px dotted var(--border-color);
 padding: 13px;
 display: flex;
flex-direction: column;
grid-gap: 10px;
margin-bottom: 50px;


}
.mobile-menu  .cloud-tags li {
 display: inline-block;
 border-radius: 15px;

}

.mobile-menu  .icon-container img {
  max-width: 50px;
}

.mobile-menu .cloud-tags li.blue-tag{
  background: var(--color-blue-main);
}
.mobile-menu .cloud-tags li.red-tag{
  background: var(--color-red);
}




.mobile-menu  .cloud-tags li a{
  display: flex;
  grid-gap: 15px;
  align-items: center;
 padding: 9px 20px;
 border-radius: 6px;
 margin-bottom: 2px;
 font-size: 12px;
 text-decoration: none;
 color: #fff;
 transition: .2s;
 /* opacity: .8; */
 outline: 0;
 background: transparent!important;
}
.mobile-menu  .cloud-tags li a:hover{
 /* transform: scale(1.2);
 transition: .2s;
 opacity: 1; */
}
.mobile-menu  .cloud-tags p.card-text {
  font-weight: 800;
  font-size: 16px;
}

/* Grid Items */
.mobile-menu  .grid-items{
 list-style: none; 
 padding: 8px;
overflow: auto;
 margin: 0;
 height: 154px;

}
.mobile-menu  .grid-items::-webkit-scrollbar{
  display: none;

}


.mobile-menu  .grid-items li{
 display: inline-block;
  width: 75px;
  height: 75px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  margin: 0px;
  overflow: hidden;
 
}

.mobile-menu  .grid-items li img{
 width: 75px;
  height: 75px;
 object-fit: cover;
 transition: .4s;
-webkit-transition: .4s;
}
.mobile-menu  .grid-items li img:hover{
 transform: scale(1.15);
 transition: .4s;
-webkit-transition: .4s;
}
.mobile-menu  .light-box,
.mobile-menu  li.light-box{
  width: 330px;
  height: 240px;
  position: fixed;
 border: 4px solid #f2f2f2;
 border-radius: 6px;
 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
 top: 50%;
 margin-top: -120px;
 left: 50%;
 margin-left: -165px;
 z-index: 99;
 animation: bounceIn .7s forwards;
}
.mobile-menu  .light-box img,
.mobile-menu  li.light-box img{
 width: 330px;
  height: 240px;
object-fit: cover;
 
}


.mobile-menu  .close-light-box{
 position: absolute;
 border: 1px solid rgba(255, 255, 255, 0.4);
 width: 32px;
 height: 32px;
 right: 5px;
 top: 5px;
 text-align: center;
 line-height: 30px;
 border-radius: 50%;
 cursor: pointer;
 background: rgba(0, 0, 0, 0.4);
font-size: 26px;
 color: rgba(255, 255, 255, 0.8);
}
.mobile-menu  .close-light-box:hover{
 color: rgba(255, 255, 255, 1);
 background: rgba(0, 0, 0, 0.8);
 transition: .3s;
}

/* Menu Icon */

.mobile-menu  .ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
 width: 60px;
 position: absolute;
 right: -12px;
 top: -13px;
 overflow: hidden;
 max-width: 80px;
}
.mobile-menu  .hamRotate.active {
transform: rotate(45deg);
}
.mobile-menu  .hamRotate180.active {
transform: rotate(180deg);
}
.mobile-menu  .line {
fill:none;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke: #000000;
stroke-width: 3;
stroke-linecap:round;
 
}
.mobile-menu  .ham1 .top {
stroke-dasharray: 40 139;
 

}
.mobile-menu  .ham1 .bottom {
stroke-dasharray: 40 180;
}
.mobile-menu  .ham1.active .top {
stroke-dashoffset: -98px;
}
.mobile-menu  .ham1.active .bottom {
stroke-dashoffset: -138px;
}

.mobile-menu  .menu-trigger{
 display: block;
 position: absolute;
 width: 36px;
 height: 36px;
cursor: pointer;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
 right: 25px;
 top: 6px;
}



/* Search Box*/



.search-box {


}

.mobile-menu  .search-icon, .go-icon {
position: absolute;
top: 0;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
color: rgba(0, 0, 0, 0.9);

}
.mobile-menu .search-icon {
left: 25px;
pointer-events: none;
font-size: 18px;
will-change: transform;

transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.mobile-menu  .si-rotate {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.mobile-menu  .go-icon {
right: 0;
pointer-events: none;
font-size: 1.38em;
will-change: opacity;
cursor: default;
opacity: 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}


.mobile-menu  .go-in {
opacity: 1;
pointer-events: all;
cursor: pointer;
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.mobile-menu  .search-border {
  display: block;
  width: 280px;
  height: 36px;
  margin-left: 10px;

}

.mobile-menu  .border {
fill: none;
stroke: #000000;
stroke-width: 2;
stroke-miterlimit: 10;
}
.mobile-menu  .border {
stroke-dasharray: 740;
stroke-dashoffset: 0;
transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
-webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
-moz-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
-o-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
}
.mobile-menu  .border-searching .border {
stroke-dasharray: 740;
stroke-dashoffset: 459;
transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
-webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
-moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
-o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
}
.mobile-menu  #search {
position: absolute;
 border: 0;
top: 0;
left: 0;
height: 100%;
/* width: 150px; */
border-radius: 120px;
background: rgba(255,255,255,0);
padding: 0 5px 0 85px;
color: #000000;
font-size: normal;
font-weight: 400;
letter-spacing: -0.015em;
outline: none;
display: block;
 
}
.mobile-menu  .search-container form{
display: contents;
}
.mobile-menu  #search::-webkit-input-placeholder {color: #000000;}
.mobile-menu  #search::-moz-placeholder {color: #000000;}
.mobile-menu  #search:-ms-input-placeholder {color: #000000;}
.mobile-menu  #search:-moz-placeholder {color: #000000;}
.mobile-menu  #search::-moz-selection {color: #000000; background: rgba(0,0,0,0.25);}
.mobile-menu  #search::selection {color: #000000; background: rgba(0,0,0,0.25);}


/* Virtual Page */
.mobile-menu  .virtual-page{
 position: fixed;
 height: 100vh;
 width: 100%;
 background: white;
 z-index: 500;
 overflow: auto !important;
 top: 0;
 left: 0;




} 
.mobile-menu  .virtual-header{
 height: 48px;
 background: var(--color-red);
 width: 100%;
 box-sizing: border-box;
 color: #ffffff;
 position: absolute;
 top: 0;
  line-height: 48px;
  font-size: 20px;

}
.mobile-menu  .virtual-header2 {
  background: var(--color-red);
  color: white;
  height: 48px;
  display: flex;
  align-items: center;
}
.mobile-menu  .close-vPage{
 
  width: 100%;
  height: auto;
  line-height: 36px;
  position: absolute;
  top: 20px;
  left: 0;
  text-align: right;
  background: transparent;
  padding: 0 20px;
  color: black;

  display: flex;
      justify-content: right;
}
.mobile-menu .virtual-page .fa.fa-arrow-left {
  font-size: 13px;
  display: flex;
  justify-content: right;
  grid-gap: 8px;
  font-family: var(--Roboto);
}
.mobile-menu  .sub-items{
 padding: 20px;
 overflow: auto;

}
.mobile-menu .virtual-page .fa.fa-arrow-left::before{
  content: "\2190";
}

.mobile-menu  .jam{
 overflow: hidden;
 -webkit-scrollbar: display: none;

}

.mobile-menu .dropdown,.mobile-menu 
.virtual-page ul li a{
padding:  10px 10px 10px 0px;

display: block;
/* border-bottom: 1px solid #6a6a6a7a; */
font-weight: 600;
font-size: 14px;

}
.mobile-menu .dropdown:hover,.mobile-menu 
.virtual-page ul li a:hover{
/* background: rgba(0, 0, 0, 0.13); */

}
.mobile-menu  .virtual-page a{
 text-decoration: none;
  color: var(--color-black);
  border-top: 1px solid #6a6a6a7a;

}



/* Drop Downs */
.mobile-menu  .dropdown{
 font-weight: 700;
 cursor: pointer;
 /* color: var(--color-red); */



}
.mobile-menu  .dropdown.down{
  color: var(--color-red);
}
/* .dropdown + .dropdown-items{
  height: 0;
  overflow: hidden; 
} */

.mobile-menu  .dropdown + .dropdown-items{
height: 0!important;
overflow: hidden;
}
.mobile-menu .dropdown.down + .dropdown-items li a {
  padding: 0;
  font-weight: 500;
}
.mobile-menu .dropdown.down + .dropdown-items{
overflow:auto;
height:100%!important;
padding: 0 0 15px;

}


.mobile-menu  .dropdown:after{
  font-family: FontAwesome;
  content: "\f078";
  float: right;
  font-weight: 400;
  font-size: 14px;
  margin-right: 0px;
  transition: 0.360s;
-webkit-transition: 0.360s;
-moz-transition: 0.360s;

}
.mobile-menu  .down:after{
 transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
 transition: 0.360s;
-webkit-transition: 0.360s;
-moz-transition: 0.360s;
}

.mobile-menu  .dropdown-items{
 font-weight: 400;


}

.mobile-menu .dropdown-items li a {
 margin-left: 0px;
 font-size: 14px;
 border: 0 !important;
 padding: 10px;
 text-decoration: none;
 display: block;

}







/* For Pcs */
@media only screen and (min-width: 320px){
.mobile-menu .am-container{
   width: 360px;
   right: -360px;
   font-family: var(--Roboto);

 
}
.mobile-menu .am-container.open{
 right: 0;
 width: 100%;
 display: grid;
 font-family: var(--Roboto);

}

.mobile-menu  .virtual-page{
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0 !important;
  } 
  .mobile-menu  .virtual-header{
     position: absolute;
 }
 .mobile-menu .light-box, .mobile-menu li.light-box{
  width: 300px;
background: #262626; 
  height: 180px;
 border:0;
 border-radius: 0px;
 box-shadow: 0;
 top: 84px;
 left: 260px;
 margin-top: 0;
 margin-left: 0;
 animation: bounceIn .7s forwards;
}

.mobile-menu .light-box img{
 width: 300px;
 height: 180px;
 box-shadow: 0;
}

.mobile-menu .dim-overlay{
  display: none !important;
}



.mobile-menu .jam{
 overflow: auto;
 display: inherit;

}



}



.mobile-menu .search-container{
  position: absolute;
  right:83px;
  top: 6px;
   opacity: 1;
   border: 0;
   display: flex;
}

@media only screen and (max-width: 1024px){
  .mobile-menu .search-trigger{
    display: none;
  }
}

@media only screen and (max-width: 768px){
  .mobile-menu .search-container{
    height: 36px;
    position: absolute;
    display: inline-block;
    width: 290px;
    top: -36px;
    background: transparent;
    transition: .4s;
    opacity: 0;
  }

  .mobile-menu .search-trigger{
    display: block;
  }

  .mobile-menu .searchNow{
    top: 6px;
    opacity: 1;
   }
   
}

/*NAANOBAAR*/

.sub-header {
  position: relative;
  background: var(--color-black);
  display: block;
}
.sub-header p{
  color: white;
  text-align: center;
  font-size: 13px;
  font-family: var(--monserrat);
}

.nano-slider {
  width: 100%;
  position: relative;
  max-width: 100%;
  padding: 8px 50px;
}



/* FLOTANTE DE DETALLE MEDICO */

.flo_cita {
  position: fixed;
  top: 33%;
  right: 0;
  z-index: 2;
  width: 72px;
  transform: translateY(-50%);
}
.option-fixed-cita img {
  max-width: 35px;
}
.flo_cita.option-bottom{
  top: auto !important;
  bottom: 10px;
  position: fixed;
}

.option-fixed-cita ul li, .eli ul li {
  display: flex;
  grid-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-dark-blue);
  padding: 7px 5px 4px 4px;
  border-radius: 10px 0 0 10px;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  /* border: white 1px solid; */
  color: white;
  
  }

.option-fixed-chat ul li,
.option-fixed-cita ul li {
  /* padding-left: 25px; */
  margin-bottom: 6px;
}
.option-fixed-chat {
/* position: fixed; */
right: 0;
top: 296px;
/* width: 90px; */
z-index: 10;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}

.option-fixed-chat ul {
  display: block; }
  .option-fixed-chat ul li {
    display: flex;
  grid-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-red);
  padding: 7px 5px 4px 4px;
  border-radius: 10px 0 0 10px;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  /* border: white 1px solid; */
  color: white;
  
  }





  /*agenda*/
  /*formulario desplegable*/
.fixed-container {
  position: fixed;
  bottom: 0;
  right: 50px;
  margin-right: 0px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.agenda-reu {
  background-color: var(--color-red);
  color: white;
  text-decoration: none;
  font-weight: 700;
  font-size: 19px;
  padding: 8px 16px;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
  width: 276px;
  height: 55px;
  transition: transform 0.3s ease-in-out, background-color 0.3s; /* Transición suave */
  display: flex;
  align-items: center;
}

.agenda-reu img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}




.fixed-container .date-hora.container.activo-datapick {
  padding: 0;
}

.fixed-container .date-hora.container.activo-datapick .calendar input {
  display: none;
}

.fixed-container .date-hora.container.activo-datapick .calendar {
  padding: 0;
  width: 100%;
}

/*caaarrouel home*/

.slide-item a.dividido {
  position: relative;
}

.textbaner-content p{
  font-weight: 400;
}

.textbaner-content {
  position: absolute;
  width: 100%;
  top: 0;
  color: white;
  margin: 0 auto;
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  z-index: 1;
}
.textbaner-content h2 {
  font-family: var(--poppins);  
  font-weight: 700;
  font-size: 35px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 7px;
}


.textbaner-content .enlace-boton{
  font-family: var(--poppins);
    background-color: var(--color-red);
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-underline-offset: 2px;
    cursor: pointer;
    border-radius: 20px;
    transition: all 0.3s ease;
    position: relative;
    margin-top: 20px;
    width: 160px;
    text-align: center;

}

.textbaner-content .enlace-boton:hover {
  background-color: var(--color-dark-blue); /* Color más oscuro al pasar el cursor */
  text-decoration: none; /* Quita el subrayado al pasar */
  color: #ffffff; /* Cambia el color del texto al pasar */
}

.mobile{
  display: none;
}
@media (max-width:1024px) {
  .textbaner-content p{
    font-size: 15px;
  }
  .textbaner-content h2 br {
    display: none;
}
.mobile img.img-mobile{
  display: flex;
}
.slide-item-main {
  position: relative;
}
.textbaner-content h2{
  font-size: 39px;
}
}
@media (max-width:768px) {
.desktop{
  display: none;
}
.mobile{
  display: block;
}

.slide-item-main .mobile{
 height: calc(90vh - 25px);

}

.slide-item-main .mobile img.img-mobile{
        height: 100%;
        object-fit: cover;
        object-position: center;
}

.sub-header p{
  font-size: 12px;
}

.textbaner-content{
  padding: 0px 20px;
  position: absolute;
  top: 0%;
}

}



/*  footer*/

.sectionfooter {
  background-color: var(--color-footer);
  padding: 30px 0px 0;
  /* padding: 20px 40px; */
  /* font-family: Arial, sans-serif; */
  color: #333;
  font-family: var(--poppins);

}

.sectionfooter .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sectionfooter .logo {
  flex: 1;
  max-width: 200px;
}

.sectionfooter .social-icons {
  margin: 20px 9px;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #D4D4D5;
  border-top: 2px solid #D4D4D5;
  padding: 14px 0px;
}

.sectionfooter .social-icons a img {
  max-width: 34px;
}

.sectionfooter .social-icons a {
  margin-right: 10px;
  color: #333;
  font-size: 20px;
  text-decoration: none;
}
.sectionfooter .contact-info p strong{
  font-weight: bold;
  color: var(--color-dark-blue);
  font-size: 14px;
}

.sectionfooter .contact-info {
  flex: 2;
  max-width: 300px;
  font-family: var(--opensans);
}

.sectionfooter .links, 
.sectionfooter .legal, 
.sectionfooter .certifications,
.sectionfooter .Enlaces {
  flex: 1;
  margin: 20px;
}
.sectionfooter .contact-info p {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.sectionfooter h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: var(--color-dark-blue);
  border-bottom: 1px solid #00000036;
  padding-bottom: 6px;
}

.sectionfooter ul {
  list-style: none;
  padding: 0;
}

.sectionfooter ul li {
  margin: 5px 0;
}

.sectionfooter ul li a {
  text-decoration: none;
  color: var(--color-black);
  font-size: 13px;
}
.sectionfooter .iso-logos {
  display: grid;
  grid-template-columns: auto auto;
}
.sectionfooter .certifications img {
  max-width: 70px;
  margin-right: 10px;
}

.sectionfooter .footer-bottom {
  background-color: white;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  padding: 20px 5px;
}

.sectionfooter .footer-bottom a,.reervados p {
  color: var(--color-black);
  font-size: 13px;
  font-family: var(--opensans);
  text-decoration: none;
  font-weight: 100;
}
.logo-foot {
  display: flex;
  justify-content: center;
}
.info-logo {
  border-right: 1px solid #D4D4D5;
  margin-right: 35px;
}















@media (max-width: 1000px) {


  .sectionfooter .container{
    flex-direction: column;
  }
  .sectionfooter ul,.sectionfooter .iso-logos {
    display: none;
  }
  .info-logo{
    border: 0;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .sectionfooter h4{
    margin: 0;
    padding: 15px 5px;
    border-top: 1px solid #003fa2;
  }

  .sectionfooter .links, .sectionfooter .legal, .sectionfooter .certifications, .sectionfooter .Enlaces{
    margin: 0;
  }

  .sectionfooter h4::before{
    content: "";
    width: 13px;
    height: 13px;
    display: block;
    float: right;
    background-image: url(../images/flech.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 7px;
  }

  ul.footer-active, .iso-logos.footer-active  {
    display: flex;
    margin-bottom: 30px;
    margin-top: 15px;
}
.sectionfooter .logo,.sectionfooter .contact-info{
  max-width: 100%;
}
}


.interna-baner .slide-item img {
  width: 100%;
}

/*seccionn sostenible*/

.flores-sostenible.container {
  display: grid;
  grid-template-columns: 55% 45%;
}

.imagen-sostenible {
  position: relative;
  top: -63px;
  z-index: -1;
}

.text-sostenible {
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
    top: -50px;
}

.text-sostenible span {
  font-size: 26px;
  font-weight: 500;
}
.text-sostenible h2 {
  font-size: 45px;
  line-height: 1;
}
.text-sostenible p {
  font-size: 17px;
  margin-top: 18px;
}

.mio-ver a {
  display: flex;
  grid-gap: 10px;
  color: var(--color-red);
  text-decoration: underline;
  text-underline-offset: 8px;
  font-weight: 500;
  margin-top: 15px;
}
@media (max-width: 1024px) {
  .text-sostenible span {
    font-size: 20px;
  }
  .text-sostenible h2{
    font-size: 30px;
  }
  .text-sostenible p {
    font-size: 16px;
  }

  .text-sostenible{
    padding: 40px 0 0;
  }

  .mio-ver a{
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .flores-sostenible.container{
    display: flex;
    flex-direction: column;
  }
  .imagen-sostenible {
    top: 5px;
  }
}




/*QUIENES SOMOS */

/*CONTENTIMG-LUBTEC*/
.lubtec-content.container {
  display: flex;
  justify-content: center;
}

/*somos-cards*/

.file-somos {
  display: grid;
  grid-template-columns: auto 50%;
  align-items: center;
  grid-gap: 10px;
  justify-content: space-between;
  background-color:#F4F9FF;
}

.file-somos .row-content-card {
  padding: 20px;
  max-width: 552px;
}



.distribudpr-lubricantes{
  margin: 60px 0px ;

}

.distribudpr-lubricantes .contenedor-fila img{
  padding-right: 15px;
  /* max-width: 380px; */
}



/*section azul quienes somos*/

.azul-nuestro.container {
  padding: 50px;
  background: aliceblue;
}


.nuestro-numeros{
  margin: 60px 0px ;
}

.nuestro-numeros .azul-nuestro.container{
  background-color: var(--color-dark-blue);
  display: flex;
  color: white;
  grid-gap: 10px;
}



/*propuesta de valor*/

.renta.container-renta {
  display: flex;
  max-width: 760px;
  margin: 0 auto;
  grid-gap: 17px;
  align-items: center;
}




/*post venta-interna*/
.container-servi {
  max-width: 500px;
  margin: 20px auto;
}


/*especializados-servicios*/
.especializado-row.container {
  display: flex;
  flex-wrap: nowrap;
  margin: 40px  auto;
  grid-gap: 20px;

}


/*lubricantes-home*/

.lubricantes-sostenible.container {
  background: #F4F9FF;
  padding: 30px 30px;
  /* margin-bottom: 50px; */
  border-radius: 35px;
  font-family: var(--poppins);
}
.text-lubri {
  text-align: center;
  max-width: 760px;
  margin: 31px auto 50px;
}
.text-lubri h2 {
  font-weight: 700;
  font-size: 40px;
}
.drags .slick-prev {
  left: -80px;

}
.drags .slick-arrow{
 right: -80px;

}

button.slick-next.slick-arrow {}

.item-lubricante img {
  width: 100%;
  /* max-width: 167px; */
  max-height: 180px;
  display: block;
  /* margin: 1em auto; */
  object-fit: contain;
}
.item-lubricante {
  padding: 10px 10px 40px;
}
.item-lubricante p {
  font-weight: 300;
  font-size: 17px;
  color: var(--color-black);
}
.item-lubricante p strong {
  font-weight: 600;
 
}

.text-absolute {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  font-weight: 300;
}

.slider-lubricantes {
  max-width: 960px;
  margin: 0 auto;
}

.item-lub {
  padding: 0 15px;
}

@media (max-width: 1104px) {
  .drags .slick-arrow{
    right: -23px;
  }
  .drags .slick-prev{
    left: -23px;
  }
}


@media (max-width: 768px) {
  .drags .slick-arrow{
    right: 0px;
  }
  .drags .slick-prev{
    left: 0;
  }
}



.post-venta-section {
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 50px 0;
  padding: 20px; */
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}





.post-venta-section .image {
  flex: 1;
}

.post-venta-section .image img {
  width: 100%;
  border-radius: 10px;
}

.post-venta-section .content {
  flex: 1;
  padding: 20px;
}

.post-venta-section .content h2 {
  font-size: 40px;
  margin-bottom: 12px;
  color: var(--color-black);
  font-family: var(--poppins);
  line-height: 1;
}
.post-venta-section .card a {
  display: flex;
  align-items: center;
  width: 100%;
}
.post-venta-section .content p {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: var(--poppins);

}

.post-venta-section .content ul {
  list-style: none;
  padding: 0;
}

.post-venta-section .content ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.post-venta-section .content ul li::before {
  content: '✔';
  color: red;
  margin-right: 10px;
}

.post-venta-section .content ul li {
  position: relative;
  padding-left: 30px; /* Espacio para el icono */
}

.post-venta-section .content ul li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px; /* Ancho de la imagen */
  height: 20px; /* Alto de la imagen */
  background-image: url('../images/check.svg'); /* Ruta de la imagen */
  background-size: cover; /* Ajusta el tamaño de la imagen */
  background-repeat: no-repeat;
}


.btn{
  font-family: var(--poppins);
  background-color: var(--color-red);
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  text-underline-offset: 2px;
  cursor: pointer;
  border-radius: 20px;
  transition: all 0.3s ease;
  position: relative;
  margin-top: 20px;
  width: 160px;
  text-align: center;
  display: block;
}

.post-venta-section .content .btn {
  font-family: var(--poppins);
  background-color: var(--color-red);
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  text-underline-offset: 2px;
  cursor: pointer;
  border-radius: 20px;
  transition: all 0.3s ease;
  position: relative;
  margin-top: 20px;
  width: 160px;
  text-align: center;
  display: block;
}


.post-venta-section .cards-container {
  display: flex;
  flex-direction: column;
  gap: 16px; /* Espacio entre las tarjetas */
  align-items: flex-start; /* Opcional, ajusta según el diseño */
}

.post-venta-section .card {
  display: flex;
  align-items: center;
  background-color: #f8fbff; /* Fondo de la tarjeta */
  padding: 16px;
  border-radius: 12px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  */
  width: 360px;
}
.post-venta-section .content p {
  max-width: 360px;
  margin-bottom: 20px;
}

.post-venta-section .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 64px; */ /* Tamaño del ícono */
  /* height: 64px; */
  border-radius: 12px;
  margin-right: 12px; /* Espacio entre ícono y texto */
}

.post-venta-section .icon-container img {
  max-width: 80px; /* Ajusta según el tamaño del ícono */
  height: auto;
}

.icon-container.blue {
  background-color: #0033a1; /* Fondo azul del ícono */
}

.icon-container.red {
  background-color: #ff1d25; /* Fondo rojo del ícono */
}

.post-venta-section p.card-text {
  font-size: 20px;
  font-weight: bold;
  color: #002e7d; /* Color del texto */
  margin: 0;
}


@media (max-width: 1024px) {

  .post-venta-section .content h2{
    font-size: 30px;
  }
  .post-venta-section .content p,.post-venta-section .content ul li{
    font-size: 15px;
    color: var(--color-black);
    font-weight: 300;
  }

  .post-venta-section p.card-text{
    font-size: 16px;
    font-weight: bold;
    color: #002e7d;
    margin: 0;
  }
  .post-venta-section .content .btn{
    font-size: 15px;
    padding: 7px 10px;
  }
  .text-lubri h2{
    font-size: 30px;
    line-height: 1;
    margin-bottom: 20px;
  }

  .text-lubri p {
    font-size: 15px;
    font-weight: 300;
}

.item-lubricante p{
  font-size: 16px;
}
}

@media (max-width: 768px) {
  .post-venta-section .image{
    order: 1;
  }
  .post-venta-section {
      flex-direction: column;
  }

  .post-venta-section .content {
      padding: 10px;
      text-align: center;
  }

  .post-venta-section .content .btn {
      margin: 0 auto;
  }

  .post-venta-section .card{
    width: 100%;
  }
}





.services-carousel {
  background: linear-gradient(rgba(0, 63, 162, 0.8), rgba(0, 63, 162, 0.8)), url('../images/fon.jpg') no-repeat center center/cover;

  /* padding: 150px 0; */
  height: 700px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.text-services h2 {
  font-size: 40px;
  color: white;
}

.text-services {
  margin-bottom: 20px;
}


.carousel-servicios .slick-dots {
  position: relative;
}
.services-carousel .service-card:hover .servicio-a {
  display: block;
}
.carousel-servicios .slick-dots li button{
  background:#ECEDEF;
  border:1px solid;
}
.servicio-a {
  text-align: left;
  display: none;
}

.carousel-servicios .slick-dots  li.slick-active button {
  background: #FC0D1E;
}
.carousel-servicios .slick-dots  li{
  margin: 0;
}
.carousel-servicios .slick-dots {
  position: relative;
}
.slider-main  .slick-dots li button {
  background-color: transparent;
  border: 1px solid white;
}
.slider-main ul.slick-dots {
  position: absolute;
  bottom: 25px;
}
.slider-main  .slick-dots li.slick-active button{
  background-color: var(--color-red);
  transform: scale(1.2);
  border: 0px solid black;
}
.services-carousel .service-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: left;

  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  transition: all 0.4s ease-in-out;
  /* transition: transform 0.3s ease; */
}

.services-carousel .service-card:hover{
  transform: scale(1);
  margin: 0;
}

.services-carousel .slick-center,
.services-carousel .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1.2);
  /* background-color: #000000; */
}
.services-carousel .slick-current.slick-active{
  /* transform: scale(1.2); */
  /* background-color: #000000; */
}

.services-carousel .service-card:hover {
  /* transform: scale(0.9); */
}
.services-carousel .slick-current.slick-active .service-card:hover{
  /* transform: none; */

}

.services-carousel .service-card img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}

.services-carousel .service-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--color-dark-blue);
  text-align: left;
  text-transform: uppercase;
  line-height: 1.1;
}

.services-carousel .service-card p {
  font-size: 14px;
  color: var(--color-black);
  margin-bottom: 15px;
}

.services-carousel .service-card a {
  color: red;
  text-decoration: none;
  font-weight: bold;
}

.carousel-servicios .slick-slide {
  padding: 0 11px;
}

.services-carousel button.slick-prev.slick-arrow {
  left: -20px;
}

.services-carousel 
button.slick-next.slick-arrow {
  right: -20px;
}


/*servicios  y soluciones home*/



.main-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-container .text-section {
  flex: 1;
  /* padding-right: 30px; */
  padding:0 100px;
}

.main-container .title {
  font-size: 40px;
  color: var(--color-black);
  margin-bottom: 20px;
  line-height: 1;
}

.main-container .description {
  font-size: 1.1rem;
  color: var(--color-black);
  margin-bottom: 30px;
  font-weight: 300;
}

.main-container .btn {
  /* padding: 10px 20px;
  background-color: var(--color-red);
  color: white;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px; */
}

.main-container .image-section {
  flex: 1;
  text-align: center;
}

.main-container .product-image {
  width: 100%;
  height: auto;
}

.main-container .text-section ul {
  list-style: none;
  padding: 0;
}

.main-container .text-section ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
  font-weight: 300;
  color: var(--color-black);
}


.main-container .text-section ul li:before {
 content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 20px; /* Ancho de la imagen */
height: 20px; /* Alto de la imagen */
background-image: url('../images/check.svg'); /* Ruta de la imagen */
background-size: cover; /* Ajusta el tamaño de la imagen */
background-repeat: no-repeat;
}



@media (max-width: 1024px) {
  .text-services h2 {
    font-size: 30px;
  
  }
  .main-container .text-section{
    padding: 0 20px;
  }
  .main-container{
    padding: 30px 0;
  }
  .main-container .title{
    font-size: 30px;
  }
  .main-container .btn{
    font-size: 15px;
        padding: 7px 10px;
  }
  .main-container .description{
    color: var(--color-black);
    font-weight: 300;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
 
  .services-carousel .service-card{
    transform: none;
  }
  .carousel-servicios .slick-slide{
    padding: 5px 30px;
  }
  .services-carousel {
    background: #003487;
    padding: 50px 0;
    height: auto;
  }
  .services-carousel button.slick-prev.slick-arrow{
    left: 0;
  }
  .services-carousel button.slick-next.slick-arrow{
     right: 0;
  }
  .main-container {
   flex-direction: column;
  }
  .main-container .text-section{
    padding: 30px 20px;
  }
 
}




/*MARCAS ALIADAS home*/

.aliadas.container {
  background: #F4F9FF;
  padding: 30px 30px 70px;
  margin-bottom: 50px;
  border-radius: 20px;
  font-family: var(--poppins);
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0.2);
}
.aliadas.container .text-aliadas h2 {
  font-size: 40px;
}
.aliadas.container .item-marcas img {
  width: auto;
}

.aliadas.container .item-marcas {
  display: flex!important;
  justify-content: center;
  align-items: center;
  padding: 15px;
}


.aliadas.container .text-aliadas {
  text-align: center;
  margin: 30px 8px;
}

.aliadas.container .slick-track {
  align-items: center;
  display: flex;
}

.slider-marcas-aliadas {
  max-width: 1000px;
  margin: 0 auto;
}


/*propuesta de valor home*/
.propuesta-de-valor .aliadas.container {
  background: transparent;
  box-shadow: none;
}
.propuesta-de-valor .text-absolute span {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-black);
  min-height: 60px;
}
.slider-propuesta {
  max-width: 1000px;
  margin: 0 auto;
}
.item-marcas.prop {
  flex-direction: column;
  grid-gap: 10px;
}





/*Intenra de main*/

.item-text-interna {
  position: absolute;
  top: 50%;
}

.item-text-interna p {
  font-size: 30px;
  color: white;
}


.logo-section img{
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}



.item-fila {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 20px;
  grid-gap: 30px;
  align-items: center;
}

.card-item-float {
  margin-top: 40px;
}




.item-fila-objetivo {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  grid-gap: 20px;
  background-color: aliceblue !important;
  padding: 50px;
}

.seccion-objetivo {
  margin: 20px 5px;
}


.item-card-objetivo p {
  font-family: var(--Roboto);
  font-weight: bold;
  color: #003FA2;
  font-size: 28px;
  line-height: 1.2;
  padding: 10px;
}

.item-card-objetivo2 p {
    font-size: 17px;
    font-family: var(--poppins);
    font-weight: 300;
}







.item-fila-contadores {
  display: flex;
  grid-gap: 10px;
  padding: 60px;

  background: #003FA2;
  justify-content: center;
  border-radius: 20px;
}

.item-fila-contadores .item-fila-blue p{
  color: white;
  font-family: var(--poppins);
  font-size: 15px;
}


.item-fila-contadores .item-fila-blue .nro-item{
  font-weight: 700;
  font-size: 50px;


}

.contadores-seccion {
  margin: 40px 2px;
}

.item-fila-blue {
  padding: 8px;
  max-width: 220px;
}

.logo-section {
  margin-bottom: 40px;
}

@media (max-width:1024px) {
  .aliadas.container .text-aliadas h2{
    font-size: 30px;
  }
 
  .card-item-float{
    margin-top: 15px;
  }
  .item-fila{
  }

  .item-fila-contadores{
    flex-wrap: wrap;

  }

 
}

@media (max-width: 768px) {
  .item-fila{
    grid-template-columns: 100%;
  }
  .aliadas.container{
    padding: 20px 20px;
    box-shadow: none;
  }
  .marcas-aliadas .aliadas.container {
    margin-bottom: 0;
}
  .aliadas.container .slick-track{
    align-items: baseline;
  }
  .item-fila-objetivo{
    grid-template-columns: 100%;
    padding: 25px 20px;
    background-image: none !important;
  }

  .item-fila-blue{
    max-width: 100%;
  }

  .item-fila-contadores{
    justify-content: left;
    padding: 30px 20px;


  }

 
}



.item-visiones {
  text-align: right;
}
.item-visiones.izquierda {
  text-align: left;
}

.misiones.container-misiones-lub {
  display: flex;
  align-items: center;
}
.item-visiones h3{
  font-weight: 700;
}





.propuesta-items {
  display: flex;
  grid-gap: 10px;
}

.container.container-propuesta {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  justify-content: space-between;
  padding: 0 40px;
}

.propuesta-items .item-img {
  max-width: 142px;
  padding: 14px 20px 0;
}

.card-propuesta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}

.parrado--valor {
  padding: 10px;
}
.parrado--valor p {
  font-size: 19px;
  font-weight: 600;
}


.fila-container-text p {
  display: flex;
  flex-direction: column;
  font-size: 40px;
  font-weight: 600;
}

.fila-container-text strong {
  font-size: 60px;
  line-height: 1;
}



@media (max-width: 1024px) {
  .fila-container-text p{
    text-align: center;
  }
  .propuesta-items{
    flex-wrap: wrap;
    justify-content: center;
  }

  .container.container-propuesta{
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .propuesta-valor-somos {
    margin: 20px 0px;
}

.container.container-propuesta{
  padding: 0 20px;
}
  .item-visiones{
    text-align: left
  }
  .misiones.container-misiones-lub{
    flex-direction: column;
    grid-gap: 20px;
  }
}



/*propuesta de valor*/

section.sostenible.propuesta-seccion {
  margin: 50px 0 0;
}

.propuesta-seccion .imagen-sostenible {
  position: relative;
  top: 0;
}



/*confiabilidad*/

.fila-container-area {
  display: grid;
  grid-template-columns: 36% auto;
  grid-gap: 100px;
  align-items: end;
}

.confiabilidad-area {
  margin-top: 60px;
  margin-bottom: 80px;
}


.item-monitoreo {
  display: flex;
  justify-content: center;
}

.item-monitoreo .content-monitoreo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}

.item-monitoreo img {
  max-width: 130px;
  padding: 15px;
}

.item-monitoreo .content-monitoreo .text-monitoreo {
  text-align: center;
}

.item-monitoreo .content-monitoreo .text-monitoreo span {
  font-size: 18px;
  font-weight: 600;
}


.item-areas .tiuno {
  font-size: 28px;
  font-weight: 500;
}

.item-areas .tidos {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}

.item-areas .tidos span {
  font-weight: 400;
  font-size: 32px;
}


.item-areas .parra-area {
  font-weight: 300;
}



.item-areas h3.titres {
  font-size: 60px;
  line-height: 1;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  .fila-container-area {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
  }

  .item-monitoreo{
    flex-wrap: wrap;
  }
}








.container.pilares-container .item-pilares-card {
  display: flex;
  justify-content: center;
}

.container.pilares-container {
  background: aliceblue;
  padding: 5em;
}

.title-pilares {
  text-align: center;
}

.container.pilares-container .item-pilares-card .pilates-img img {
  max-width: 180px;
  padding: 10px;
}
.pilares-card .txt-pilares {
  max-width: 300px;
  padding: 0 20px;
  text-align: center;
}

.pilares-card .txt-pilares p {
  font-weight: 600;
  font-size: 17px;
  min-height: 70px;
  color: var(--color-black);
}
.pilares-card {
  padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}




.pilares-confiabilidad {
  margin: 0 0 50px;
}
.title-pilares h2 {
  font-size: 28px;
}

@media (max-width: 1024px) {
  .container.pilares-container .item-pilares-card{
    flex-direction: column;
  }
  .container.pilares-container{
    padding: 40px 20px;
  }
}



.card-monitoreo{
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 20px;
  margin-bottom: 30px;
  margin-top: 30px;
}
main.template-css .text-parrafo-center {
  margin-bottom: 29px;
}
.monitoreo-confiabilidad .monitoreo-confia span {
  font-weight: 700;
}
.container.container-monitoreo {
  padding-left: 90px;
}
.monitoreo-confiabilidad .monitoreo-confia img {
  max-height: 40px;
  margin-bottom: 10px;
}
.item-parrafo-monitoreo {
  padding: 5px 35px;
}
.olistl {
  list-style: none;
  padding: 0;
}

.olistl li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
  font-weight: 300;
  color: var(--color-black);
  margin-top: 20px;
}


.olistl li:before {
 content: '';
position: absolute;
top: 7%;
left: 0;
transform: translateY(-50%);
width: 20px; /* Ancho de la imagen */
height: 20px; /* Alto de la imagen */
background-image: url('../images/check.svg'); /* Ruta de la imagen */
background-size: cover; /* Ajusta el tamaño de la imagen */
background-repeat: no-repeat;
}


.item-parrafo-monitoreo p {
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .card-monitoreo{
     grid-template-columns: 100%;
  }
  
}


.title-container-file h2 {
  text-align: center;
  font-size: 40px;
    line-height: 1.1;
    margin-bottom: 11px;
  
}
.title-container-file p {
  text-align: center;
}
.container-file-interna {
  margin: 2em 0 3em;
}
.title-container-file.text-center p {
  text-align: center;
}
.item-divi img {
  width: 100%;
}
.parrafo-divi p img {
  max-width: 130px;
}
.card-interna-post {
  display: flex;
  grid-gap: 20px;
  align-items: center;
  margin-bottom: 30px;
}
.titlesub {
  font-weight: 700;
}
.container.card-divi.align-up {
  align-items: flex-start;
}
.container.card-divi.align-up p.titlege {
  margin: 5px 0 11px;
}
.item-card-text a.post-boton{
  background: var(--color-red);
  color: white;
  margin-top: 17px;
  width: 182px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 48px;
}

.title-container-file {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

.card-especializado-item {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
.container-card-servicios  .card-especializado-item{
  /* display: flex; */
}
.card-especializado-item .row-especializado {
  border-radius: 30px;
  border: 1px solid rgb(212, 212, 212);
  padding: 15px;
}
.item-img-es img {
  width: 100%;
}

.text-item-es p {
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}

.text-item-es {
  margin-top: 10px;
}

.container-card-servicios {
  margin-bottom: 100px;
}
@media (max-width: 1200px) {
  .card-especializado-item{
   grid-template-columns: auto auto auto;
  }
  
}


@media (max-width: 1024px) {
  .card-especializado-item{
   grid-template-columns: auto auto;
  }

  .container.pilares-container .item-pilares-card .pilates-img img{
    max-width: 100%;
  }
  
}

@media (max-width: 500px) {
  .card-especializado-item{
    display: flex;
  flex-direction: column;
  }
  
}



.text-parrafo-center {
  margin-bottom: 58px;
}

.text-parrafo-center .container.parrafo-center {
  text-align: center;
  font-family: var(--poppins);

}
.text-parrafo-center .container.parrafo-center h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  margin: 0px 0 10px;
}
.text-parrafo-center .container.parrafo-center p{
  font-weight: 300;
}




.seccion-tabs-mayor {
  font-family: var(--poppins);
  margin: 20px 0 60px;
}



.seccion-tabs-mayor   .tabs {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #ccc;
}

.tabs button {
  background: none;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
}

.tabs button.active {
  color: red;
  border-bottom: 2px solid red;
}

.tab-content {
  display: none;
  margin-top: 20px;
}

.tab-content.active {
  display: block;
}

.slider {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.slick-dots {
  text-align: center;
}

.slick-dots li button:before {
  color: red;
}

/* Responsive for mobile */
@media (max-width: 768px) {
  main .item-monitoreo img {
    max-width: 102px;
  }
  main.template-css .item-monitoreo .content-monitoreo{
   
  }

  .post-venta-section.venta-main .image {
    order: 0;
}
.post-venta-section.venta-main {
  padding: 0 0px 50px;
}

  .tabs {
    display: none;
  }
 
  .accordion-header {
    background: #f7f7f7;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: var(--color-black);
  }

  .accordion-header.active {
    background: #eaeaea;
  }

  .tab-content {
    display: none;
  }

  .tab-content.active {
    display: block;
  }

  .container.container-monitoreo {
    padding: 0 30px;
  }

  .item-areas h3.titres {
    font-size: 40px;
  }
  .item-areas .tidos{
    font-size: 32px;
  }
  .item-areas .tiuno{
    font-size: 21px;
  }
  .item-areas .tidos span{
    font-size: 22px;
  }
  .container.container-confiabilidad {
    padding: 0 20px;
}

.item-parrafo-monitoreo {
  padding: 10px 0;
}

.textbaner-content.text-center {
  justify-content: center;
}

.textbaner-content.text-center h2{
  text-align: center;
  margin-bottom: 30px;

}
.textbaner-content.text-center p {
  text-align: center;
}

}




.accordion-header:after {
  content: "";
   width: 13px;
   height: 13px;
   display: block;
   float: right;
   background-image: url(../images/flechrojo.png);
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   margin-top: 7px;
   z-index: 1000;
   position: relative;
}

.accordion-header.active:after{
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  float: right;

}
.accordion-header.active::after{
  background-image: url(../images/flech.svg);

 
}

.slider-im {
  padding: 20px;
}


/*AJUSTES DE TABS Y CARROUSEL*/

.seccion-tabs-mayor {
  font-family: var(--poppins);
  margin: 20px;
}

.seccion-tabs-mayor h1 {
  text-align: center;
  color: #000;
}

.seccion-tabs-mayor  .tabs {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #ccc;
}

.seccion-tabs-mayor  .tabs button {
  background: none;
  border: none;
  padding: 8px 5px;
  cursor: pointer;
  font-size: 16px;
}

.seccion-tabs-mayor  .tabs button.active {
  color: var(--color-red);
  border-bottom: 3px solid var(--color-red);
  font-weight: 600;
}
.parrafo-divi  .moder-file li {
  display: grid;
  grid-template-columns: auto;
}

.parrafo-divi .moder-file li .row-file {
  display: flex;
  grid-gap: 20px;
}

.parrafo-divi .moder-file li .row-file img {
  max-height: 55px;
}
.seccion-tabs-mayor  .tab-content {
  display: none;
  margin-top: 20px;
}

.seccion-tabs-mayor  .tab-content.active {
  display: block;
}

.seccion-tabs-mayor  .slider {
  display: flex;
  justify-content: center;
  align-items: center;
}

.seccion-tabs-mayor  .slider img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.seccion-tabs-mayor  .slick-dots {
  text-align: center;
}

.seccion-tabs-mayor  .slick-dots li button:before {
  color: red;
}


.slider-tab {
  max-width: 950px;
  margin: 0 auto;
}
.contenedor-back {
  background: #f6f9fe;
  margin: 11px 0 40px;
  padding: 20px 0 15px;
}

.drags button.slick-prev.slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.drags button.slick-next.slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}
/* Responsive for mobile */

.slider-im img {
  height: 500px;
  max-height: 170px;
  object-fit: contain;
  margin-bottom: 15px;
}
.slider-im p {
  text-align: center;
  font-weight: 600;
  font-size: 17px;
}

@media (max-width: 768px) {
  .text-parrafo-center .container.parrafo-center{
    text-align: left;
  }
  .text-parrafo-center .container.parrafo-center h2{
    font-size: 28px;
  }
  .seccion-tabs-mayor .container {
    padding: 0;
}
.text-parrafo-center {
  margin-bottom: 30px;

}

.seccion-tabs-mayor .contenedor-back .slick-dots {
  bottom: -42px;
}
  .slider-im{
    padding: 0;
  }
  .seccion-tabs-mayor  .tabs {
    display: none;
  }

  .seccion-tabs-mayor  .accordion-header {
    background:transparent;
    padding: 15px;
    cursor: pointer;
   
    margin-bottom: 5px;
    font-size: 18px;
   font-weight: 600;
   display: flex;
        justify-content: space-between;
        grid-gap: 10px;
  }

  .seccion-tabs-mayor  .accordion-header.active {
    /* background: #000000; */
    color: var(--color-red);
  }

  .seccion-tabs-mayor  .tab-content {
    display: none;
  }

  .seccion-tabs-mayor .tab-content.active {
    display: block;
  }
}



/*contanet-lubricantes*/

.container.text-tab {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.container.card-tabs-sub {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 40px;
  align-items: center;
}

.card-tabs {
  /* background: aliceblue; */
  margin: 50px 0 0px;
  padding: 6px 20px;
}
.img-card-tabs {
  border-radius: 20px;
  border: 1px solid #B3C6E5;
  z-index: 1;
  position: relative;
  padding: 19px;
}
.text-card-tabs li::before {
  top: 16px;
}

.ver-todo {
  background-color: var(--color-red); /* Fondo transparente */
  color: white; /* Color del texto */
/* Borde rojo */
  border-radius: 50px; /* Bordes redondeados */
  padding: 10px 20px; /* Espaciado interno */
  font-size: 16px; /* Tamaño de fuente */
  cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
  transition: all 0.3s ease; /* Animación suave en hover */
}
.ver-todo:hover {
 background-color: #002e7d;

}


.submit-a {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 30px 0 20px;
  border-radius: 20px;
}



.card-item {
  display: flex;
  flex-direction: column;
}

.container.card-term {
  /* display: grid;
  grid-template-columns: auto auto auto auto; */
}


.row-tab-card .descargar-card img {
  width: auto;
  max-width: 40px;
}



.slider-b.container {
  display: flex;
  justify-content: center;
}
.container.text-tab p {
  text-align: left;
  font-size: 15px;
}
@media (max-width: 768px) {
  .container.card-tabs-sub{
    grid-template-columns: 100%;
  }


  .container.card-term{
    /* display: flex;
    flex-wrap: wrap; */
  }
}



/*lubricante*/

.slide-item-interna {
  position: relative;
}


.slide-item-interna:before {
  content:"";
  position: absolute;
    top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none; /* Asegura que no interfiera con los clics del contenido */
}

.slider-tab-mbil {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 50px 0 50px;
  grid-gap: 30px;
  justify-content: center;
}

.slider-tab-mbil .card-item {
  width: 23%;  /* 100% / 4 columnas */
    /* Altura fija opcional */
  box-sizing: border-box;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 25px;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  
}
.img-card {
  background: #F6FAFF;
  border-radius: 25px;
  width: 100%;
  display: grid;
  justify-content: center;
  margin-bottom: 10px;
}

.slider-tab-mbil .text-cards h2 {
  font-size: 20px;
  font-weight: 700;
}

.slider-tab-mbil .text-cards p {
  font-size: 14px;
}

.slider-tab-mbil  .descargar-card {
  width: 100%;
  display: flex;
  grid-gap: 5px;
  align-items: center;
  margin-top: 20px;
}
.slider-tab-mbil .descargar-card img {
  max-width: 25px;
}

.slider-tab-mbil .descargar-card  a {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-red);
}

.slider-tab-mbil .img-card img {
  max-height: 280px;
  object-fit: cover;
}


.slider-tab-mbil .button-more-info {
  position: relative;
  display: none;
  margin-top: 27px;
  width: 100%;
}
.slider-tab-mbil .card-item:hover .button-more-info{
  display: block;
}

.slider-tab-mbil .button-more-info a.ver-todo {
  background: transparent;
  border: 1px solid var(--color-red);
  color: var(--color-red);
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 1024px) {
  
.slider-tab-mbil .card-item{
  width: 42.33%;
}
}

/* 2 columnas en pantallas pequeñas */
@media (max-width: 768px) {
.slider-tab-mbil .card-item {
  width: 100%;
  width: 100%;
  padding: 10px 10px 20px;
}
.slider-tab-mbil .button-more-info a.ver-todo{
  padding: 6px 11px;
  font-size: 12px;
}
.slider-tab-mbil .descargar-card a {
  font-size: 11px;
}
}




.container.interna-container-post  .card-interna-post{
  display: grid;
      grid-template-columns: 50% auto;
      grid-gap: 30px;
}

/* 3 columnas en pantallas medianas */
@media (max-width: 768px) {
  
  .container.interna-container-post  .card-interna-post{
   grid-template-columns: 100%;
   margin-bottom: 50px;
  }
  }


  .container.card-divi{
    display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 30px;
    /* align-items: center; */
  }


  .parrafo-divi ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

.parrafo-divi ul li:before {
   content: '';
    position: absolute;
    top: 20%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(../images/check.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.owl-carousel.owl-theme.slider-bdos.container {
  display: flex;
  justify-content: center;
}

.itembdos {
  text-align: center;
}


.row-tab-card.marcas-aliadas-section .slider-tab-mbil .card-item {
  width: 31%;
}



.row-tab-card.marcas-aliadas-section .descargar-card a {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  text-decoration: underline;
  color: var(--color-red);
}

.row-tab-card.marcas-aliadas-section .slider-tab-mbil{
  grid-gap: 40px;
}

@media (max-width: 992px) {
  
  .row-tab-card.marcas-aliadas-section .slider-tab-mbil .card-item{
    width: 29%;
  }
  }
  
  /* 2 columnas en pantallas pequeñas */
  @media (max-width: 768px) {
    .row-tab-card.marcas-aliadas-section .slider-tab-mbil .card-item {
    width: 44%;
  }
  }
  
  /* 1 columna en pantallas muy pequeñas */
  @media (max-width: 480px) {
    .row-tab-card.marcas-aliadas-section .slider-tab-mbil .card-item {
    width: 100%;
  }
  }
  @media (max-width: 768px) {
  
    .container.card-divi{
      grid-template-columns: 100%;
    }

    
  }




    .container.ultra-fms {
      display: grid;
      grid-template-columns: 50% auto;
      grid-gap: 100px;
  }






  .tab-section-card {
    display: flex;
    flex-wrap: wrap;
    margin: 20px;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    overflow: hidden;
    margin-top: 56px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
}
.img-iso {
  display: flex;
  justify-content: center;
}
.title-tca h2{
  color: var(--color-dark-blue);
  margin-bottom: 25px;

}

.tab-section-card .image-container {
    flex: 1 1 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* padding: 20px; */
    background-color: #ffffff;
}

.tab-section-card .image-container img {
    max-width: 100%;
    height: auto;
}

.tab-section-card .table-container {
    flex: 1 1 100%;
    /* padding: 20px; */
    background-color: #fff;
    /* position: relative;
    top: 20px; */
}

.tab-section-card table {
    width: 100%;
    border-collapse: collapse;
    height: 610px !important;
}
@media (min-width: 1200px){
    .tab-section-card table {
    height: 500px !important;
}
}

.tab-section-card table th, .tab-section-card table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.tab-section-card table th {
    /* background-color: var(--color-celeste); */
    font-weight: bold;
}

.tab-section-card table tr:nth-child(odd){
  background-color: var(--color-celeste);
}

.tab-section-card table tr  th{
color: var(--color-dark-blue);
}






/*VVIDEO BLOG*/
.video-blog {
  background: #F6FAFF;
  padding: 60px 0 60px;

}

.video-blog h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: clamp(30px , 5vw, 50px);
  margin-bottom: 36px;

}

.iframe-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
  background-color: #000;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden; /* Asegura que el contenido no se desborde */
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.iframe-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo negro con opacidad */
  color: white;
  z-index: 1;
  cursor: pointer;
  visibility: visible;
  opacity: 2;
}

.iframe-container .overlay .play-button img {
  width: 64px; /* Tamaño del ícono de reproducción */
  height: 64px;
  margin-bottom: 10px;
}

.iframe-container .overlay p {
  margin: 0;
  font-size: clamp(16px , 3vw, 22px);
  text-align: left;
  font-family: var(--monserrat);
}

.title-fecha {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: grid;
  justify-content: left;
  padding: 30px 20px;
  line-height: 1.2;
  grid-gap: 5px;
}


.title-fecha .date {
  display: flex;
  grid-gap: 10px;
  align-items: center;
}

.title-fecha .date img {
  width: 100%;
  max-width: 19px;
}

.title-fecha .date span {
  font-size: 13px;
}

/* Estilo para pantallas grandes (desktop) */
@media (min-width: 1240px) {
  .iframe-container {
      height: 643px;
      padding-bottom: 0; /* Eliminar la relación de aspecto en desktop */
  }
}
@media (max-width: 1240px) {
  .iframe-container {
      height: 400px;
      width: 1000px;
      padding-bottom: 0; /* Eliminar la relación de aspecto en desktop */
  }
}

@media (max-width: 500px) {
  .iframe-container {
      height: 400px;
      width: 400px;
  }
  
}
@media (max-width: 400px) {
  .iframe-container {
      height: 330px;
      width: 330px;
  }
}
@media (max-width: 1000px) {
  .iframe-container .overlay p br{
    display: none;
    }

    .video-blog{
      padding: 50px 20px;
    }

   .tab-section-card {
    overflow-x: auto;  
   }
}









@media (min-width: 768px) {
    .tab-section-card {
        flex-wrap: nowrap;
    }

    .tab-section-card .image-container, .tab-section-card .table-container {
        flex: 1;
    }
}



  @media (max-width: 768px) {
    .container.ultra-fms {
      grid-template-columns: 100%;
      grid-gap: unset;
  }
  }





  


  /*contactanos*/
  .b-setion {
  
    background-position: left;
    display: flex
;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    content: '';
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    background: url(../images/figura.svg);
    background-repeat: no-repeat;
    margin: 60px 0 20px;
   
}

  .contactanos-formulario {
    display: grid
    ;
        grid-template-columns: 3% auto 50%;
        /* width: 100%; */
        max-width: 2500px;

    width: 80%;
    grid-gap: 10px;

    /* background-color: white; */
    border-radius: 8px;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
}

.contactanos-formulario .left {
    position: relative;
    /* width: 50%; */
    padding: 30px;
    /* background-color: #004aad; */
    /* color: white; */
}

.contactanos-formulario .left::before {
   
}
.title-contac {
  margin-bottom: 30px;
}
.title-contac h2 {
  font-family: var(--poppins);
  font-size: 22px;
  font-weight: 600;
}

.contactanos-formulario .right{
  font-family: var(--opensans);
}

.contactanos-formulario .left-content {
    position: relative;
    z-index: 1;
}

.contactanos-formulario .left h2 {
    margin-bottom: 10px;

    font-size: 31px;
    line-height: 1.1;
}

.contactanos-formulario .left p {
    margin-bottom: 20px;
}

.contactanos-formulario .left img {
    width: 100%;
    border-radius: 8px;
}

.contactanos-formulario .right {
    /* width: 50%; */
    padding: 30px;
}

.contactanos-formulario .form-group {
    margin-bottom: 15px;
}

.contactanos-formulario .form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.contactanos-formulario .form-group input,
.contactanos-formulario .form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.contactanos-formulario .form-group textarea {
    resize: none;
    height: 80px;
}

.contactanos-formulario .form-check {
    margin-bottom: 15px;
}

.contactanos-formulario .form-check label {
    margin-left: 5px;
    display: grid;
        grid-template-columns: 20px auto;
        align-items: center;
}
.contactanos-formulario .form-group label.divi-che span {
  font-weight: 400;
  font-size: 15px;
  margin: 0;
}
.contactanos-formulario button {
  background-color: var(--color-red);
  color: white;
  border-radius: 28px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 160px;
}

.contactanos-formulario button:hover {
    background-color: #b9050f;
}

.contactanos-formulario .form-group label.divi-che {
  display: contents;
  grid-template-columns: 20px auto;
  grid-gap: 6px;
}

.contactanos-formulario .form-check label input[type="checkbox"] {
  width: 14px;
  height: 14px;
}
label.divi-che a {
  text-decoration: underline;
  font-size: 12px;

}

/**calendar*/

.date-picker-container {
  display: flex;
  gap: 20px;
  background: #f5faff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.calendar {
  flex: 1;
}

.month-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.calendar-grid {
  width: 100%;
  border-collapse: collapse;
}

.calendar-grid th, .calendar-grid td {
  text-align: center;
  padding: 10px;
  cursor: pointer;
}

.calendar-grid td {
  border: 1px solid #ddd;
  background: #fff;
}

.calendar-grid td:hover {
  background: #f0f8ff;
}

.calendar-grid .selected {
  background: #e30613;
  color: #fff;
  border-radius: 50%;
}

.time-picker {
  flex: 1;
}

.time-picker h3 {
  margin-bottom: 10px;
}

.time-option {
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  text-align: center;
}

.time-option:hover {
  background: #f0f8ff;
}

.time-option.selected {
  background: #e30613;
  color: #fff;
  border-color: #e30613;
}




.calendar {
  width: 300px;
  padding: 10px;
  background-color: #f8faff;
  border-radius: 8px;
}

.calendar .flatpickr-calendar {
  display: block !important;
  margin: 0 auto;
}

.time-slots {
  flex: 1;
  padding: 20px;
  background-color: #f8faff;
  border-radius: 8px;
}

.time-slots h3 {
  margin-bottom: 10px;
  color: #004aad;
}

.time-slots span {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
  border-radius: 4px;
  background-color: #e9e9e9;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}

.time-slots span.active {
  background-color: #e30613;
  color: white;
}

.time-slots span:hover {
  background-color: #dcdcdc;
}

.date-hora.container {
  display: none;
}
.date-hora.container.activo-datapick{
  display: flex;
  grid-gap: 10px;
}

span.flatpickr-day.selected, span.flatpickr-day.selected:hover {
  background: var(--color-red);
  border: 0px solid black;
}





.list-unstyled {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  margin-top: 10px;
}
.div-inter.container {
  padding: 0;
}






.card-item-float .container.container-web {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
}

.card-item-float .container.container-web .item-fila {
  padding: 0px 0 15px;
  background: #F4F9FF;
  align-items: flex-start;

}

.card-item-float .container.container-web .item-fila .item-text-lub {
  max-width: 552px;
  padding-left: 30px;
  height: 100%;
  display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-item-float  .title-float {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}
.card-item-float .container.container-web  .item-text-lub h3 {
  font-size: 38px;
  
}
.card-item-float  .img-item-lub img {
  width: 100%;
  max-height: 640px;
  object-fit: cover;
}
.card-item-float .container.container-web .item-fila .item-text-lub img {
  max-width: 200px;
}





section.sostenible.propuesta-seccion {
  margin: 120px 0 120px;
  position: relative;
  display: flex;
}

section.sostenible.propuesta-seccion h2 {
  color: var(--color-dark-blue);
}
section.sostenible.propuesta-seccion P{
  color: var(--color-dark-blue);
  font-weight: 600;

}
section.sostenible.propuesta-seccion .text-sostenible {
  top: 0;
}
section.sostenible.propuesta-seccion .flores-sostenible.container {
  display: grid;
  grid-template-columns: 55% 45%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #f4faff;
  border-radius: 10px;
  padding: 20px;
  margin: 20px auto;
  max-width: 1200px;
  height: 300px;
}

section.sostenible.propuesta-seccion .imagen-sostenible {
  z-index: 1;
}












.rentabilidad-valor {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  font-family: var(--poppins);
}

.rentabilidad-valor .bloque {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 40px;
  align-items: flex-start;
  padding-bottom: 20px;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.rentabilidad-valor .numero {
  /* flex: 0 0 51px; */
  text-align: center;
  display: flex;
  align-items: center;
  grid-gap: 20px;
}



.rentabilidad-valor .contenido {
  flex: 1;
}

.rentabilidad-valor .contenido h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #000;
}

.rentabilidad-valor .detalle {
  margin-top: 10px;
}

.rentabilidad-valor .icono-texto {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.icono {
  flex: 0 0 50px;
  margin-right: 15px;
}

.rentabilidad-valor .icono img {
  width: 60px;
  height: 60px;
  max-width: max-content;
}
.rentabilidad-valor .numero img {
  max-width: 55px;
}
.rentabilidad-valor .texto h3 {
  font-size: 21px;
  margin: 0;
  color: var(--color-black);
}

.rentabilidad-valor .texto p {
  font-size: 14px;
  margin-top: 5px;
}

.rentabilidad-valor ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.rentabilidad-valor ul li {
  font-size: 16px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.rentabilidad-valor .contenido p {
  font-size: 14px;
  margin-bottom: 5px;
}
.rentabilidad-valor ul li span {
  color: var(--color-black);
  font-weight: bold;
}

.rentabilidad-valor .contenido h4 {
  font-weight: 700;
  font-size: 21px;
  color: var(--color-black);
}


.rentabilidad-valor .contenido p {
  font-size: 14px;
  margin-bottom: 5px;
  /* line-height: normal; */
}




.rentabilidad-valor .bloque .numero h2 {
  font-size: 37px;
  max-width: min-content;
  line-height: 1;
  color: #141215;
}

@media (max-width: 400px){
  .rentabilidad-valor .bloque .numero h2 {
    font-size: 30px;
  }
}

.slide-item-interna h3 {
  font-size: 35px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 10px;
}


.parrafo-divi .titlege {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
}
.parrafo-divi .titsub {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.1;
}



.parrafo-divi p {
  margin-bottom: 13px;
}

.seccion-tabs-mayor .tab-content {
  margin: 60px 0;
}

.tabs.containertabs.container {
  max-width: 1100px;
}



/*linea de tiempo*/

/* .timeline {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px;
  text-align: center;
}

.timeline-title {
  font-size: 2.5em;
  color: #333;
  margin-bottom: 40px;
}

.timeline-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.timeline-container::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #007bff;
  z-index: 0;
}

.timeline-item {
  position: relative;
  background: transparent;
  text-align: center;
  z-index: 1;
  width: 150px;
}

.timeline-year {
  background: #ff0000;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 15px;
}

.timeline-icon {
  width: 90px;
  height: 78px;
  margin: 0 auto 40px;
}

.timeline-icon img {
  width: 100%;
  height: auto;
}

.timeline-item p {
  font-size: 0.9em;
  color: #333;
  line-height: 1.4;
}

.timeline-container::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  background: url('curved-line.png') repeat-x;
  top: calc(50% - 5px);
  left: 0;
  z-index: 0;
}


 */











.timeline {
  max-width: 1920px;
  margin: 50px auto;
  padding: 0;
  text-align: center;
  font-family: var(--poppins);
}

.timeline-title {
  font-size: 2.5em;
  color: #333;
  margin-bottom: 40px;
}

.timeline-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.timeline-container::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
background-image: url('../images/nubes.svg');
  z-index: 0;
  width: 100%;
  height: 56px;
  background-repeat: no-repeat;
 
  
}
.timeline-container::after{
  content: '';

  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #007bff;
  z-index: 0;
}

.timeline-item {
  position: relative;
  text-align: center;
  z-index: 1;
  width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 270px;
}

.timeline-year {
  background: #ff0000;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 15px;
}

.timeline-icon {
  width: 90px;
  height: 78px;
  margin: 0 auto 70px;

}

.timeline-icon img {
  width: 100%;
  height: auto;
}

.text-lineal p {
  font-size: 14px;
    font-weight: bold;
    color: var(--color-dark-blue)
}



.timeline-icon.conector {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin: 0 0 0;
}
.timeline-item.conector .text-lineal {
  position: absolute;
  top: 78px;
  width: 110px;
}
.text-lineal {
  
  width: 110px;
}
.timeline-container::after {

}

.timeline-connector {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.timeline-connector img {
  width: 100%;
  height: auto;
}
.timeline-item.conector {
  height: auto;
}

.propuesta-valor-somos {
  margin-top: 90px;
}



.banner-timeline .owl-stage {
  display: flex;
  align-items: center;
  width: 100% !important;
  justify-content: center;
  grid-gap: 20px;
}

.banner-timeline .owl-stage:before{
    content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background-image: url(../images/nubes.svg);
  z-index: 0;
  width: 100%;
  height: 56px;
  background-repeat: no-repeat; 
}
.banner-timeline .owl-stage:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #007bff;
  z-index: 0;
  visibility: visible;
}

.banner-timeline .owl-stage .owl-item {
  z-index: 1;
}
.mobile-timeline{
  display: none;
}





section.pasos-servicios {
  background: aliceblue;
  padding: 0 29px 50px;
  margin: 60px 0px;
}
.process-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 50px auto 50px;

  position: relative; /* Necesario para que ::before se posicione correctamente */
  padding: 20px;
  border-radius: 10px;
  z-index: 1; /* Asegura que el contenido esté por encima del fondo */
}


.process-container::before {
  content: ""; /* Genera el pseudo-elemento */
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/lineas.svg);
  background-size: auto;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 10px;
  opacity: 0.8;
  bottom: -40px;
}


.process-container .step:nth-child(even){
  margin-top: 153px;
}

.process-container .line {
  width: 45px;
  height: 4px;
  background: #FC0D1E;
  margin: 10px 0;
}
.box-card-paso {
  background: white;
  padding: 30px 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  text-align: left;
  z-index: 1;
  position: relative;
}

.process-container .step .icon {
  display: flex;
  justify-content: center;
  z-index: 3;
  position: relative;
}


.process-container .step {
  position: relative;
  /* background: #fff; */
  border-radius: 10px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  padding: 0px;
  margin: 10px;
  text-align: center;
  flex: 1 1 calc(25% - 40px);
  max-width: 230px;
}

.process-container .icon img {
  width: 100px;
  height: auto;
  margin-bottom: 30px;
  position: relative;
  top: 45px;
}

.process-container h3 {
  color: var(--color-dark-blue);
  font-size: 23px;
  margin-bottom: 10px;
  line-height: 1.1;
}

.process-container p {
  font-size: 14px;
  color: var(--color-dark-blue);

}

.process-container .base {
  position: relative;
  margin-top: -15px;
  display: flex;
  justify-content: center;
  z-index: 0;
}

.process-container .base img {
  width: 160px;
  height: auto;
}

.process-container .step-number {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  color: #2d5be3;
}







 .tabs-mayor {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 35px;
  grid-gap: 20px;
  flex-wrap: wrap;
}
.tabs-mayor .tab {
  display: flex ;
  align-items: center;
  /* border: 1px solid #001A72;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 60px; */
  width: auto;
  padding: 0;
 
  color: #001A72;
  font-size: 24px;
  cursor: pointer;
}
 .tabs-mayor .tab img {
  max-width: 180px;
  padding: 10px;
  margin-right: 10px;
}
 .tabs-mayor .tab.actives img {
}

 .tabs-mayor .tab.actives {
  /* background-color: #001a72;
  color: white; */
}
 .tab-content {
  display: none;
  margin-top: 20px;
  font-size: 16px;
}
 .tab-content.actives {
  display: block;
}









 /* General styles */
.tabs-section{
  font-family: var(--poppins);
}
.sub-tab-mayor p {
  font-weight: 600;
}
.tabs-mayor {
  gap: 0px;
  padding: 0px;
  background-color: #ffffff;
  border-bottom: 2px solid #ddd;
  max-width: 1190px;
  margin: auto;
}

.tab-mayor {
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid transparent;
  /* border-radius: 5px; */
  cursor: pointer;
  text-decoration: none;
  color: #333;
 
}
.drags button.owl-prev.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.drags button.owl-next.disabled {
  opacity: 0.5;
  pointer-events: none;
}




.tab-content-mayor,
.sub-tab-content-mayor {
    scroll-margin-top: 100px; /* Ajusta según el diseño */
}

.sub-tab-content-mayor{

} 
.tabs-container {
 
}
.tab-mayor.active {
  background-color: transparent;
  color: white;
  border-color: transparent;
  color: var(--color-red);
  border-bottom: 3px solid var(--color-red);
}
.slider-nav .owl-item {
  display: flex;
  justify-content: center;
}
.tab-content-mayor {
  display: none;
  padding: 0px 30px 30px;
  background-color: #ffffff;
  /* border: 1px solid #ddd; */
  margin-top: -35px;
}

.tab-content-mayor.active {
  display: block;
}

.sub-tabs-mayor {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  max-width: 1000px;
  margin: 0 auto;
}
.sub-tabs-mayor a {
  width: 100%;
}
.sub-tab-mayor {
  padding: 8px 16px;
  /* background-color: #f5f5f5;
  border: 1px solid #bbb; */
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  text-align: center;
}

.sub-tabs-mayor img {
  width: 100%;
  height: 500px;
  max-height: 170px;
  object-fit: contain;
  margin-bottom: 15px;
}

.sub-tab-mayor.active {
  /* background-color: #28a745;
  color: white;
  border-color: #28a745; */
}

.sub-tab-content-mayor {
  display: none;
  padding: 0px;
  /* border: 1px solid #ddd; */
  margin-top: 0px;
}

.sub-tab-content-mayor.active {
  display: block;
}






/* Contenedor de la imagen y el icono de lupa */
.tabs-section .image-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  /* max-width: 300px;  */
}

.tabs-section  .image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 410px;

}

.tabs-section  .zoom-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  /* background-color: rgba(0, 0, 0, 0.6); */
  color: white;
  padding: 8px;
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 40px;
}

.tabs-section  .zoom-icon:hover {
  background-color: rgba(246, 235, 235, 0.8);
}

/* Estilo para el modal */
.tabs-section  .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.tabs-section  .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.tabs-section  .close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}




.owl-dots {
  position: absolute;
  z-index: 100000;
  display: flex;
  grid-gap: 4px;
  width: 100%;
  justify-content: center;
}

.owl-dots button.owl-dot.active {
  background: var(--color-red);
  border: 0;
}
.container.text-tab h2 {
  margin-bottom: 15px;
}
.sub-tab-mayor.active p {
  color: red;
}

.owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  display: block;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  position: relative;
  top: -10px;
}




main.template-css .back-slider a.tab-mayor img {
  height: 500px;
  max-height: 170px;
  object-fit: contain;
  margin-bottom: 15px;
}

main.template-css .back-slider .tabs-mayor {
  background: aliceblue;
  padding: 30px 8px;
}

main.template-css .back-slider .tabs-mayor a.tab-mayor {
  text-align: center;
  color: black;
  font-weight: 700;
}

main.template-css .back-slider .tabs-mayor a.tab-mayor p {
  color: black;
  font-weight: 700;
}



main.template-css.normal .back-slider .tabs-mayor {
  background: transparent;
  padding: 0 0;
  max-width: 1100px;
}

main.template-css.normal .back-slider .tabs-mayor a.tab-mayor p {
  font-weight: 500;
}

main.template-css.normal .back-slider .tabs-mayor a.tab-mayor.active p {
  color: red;
}

main.template-css.normal .container.card-divi.inter-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.container.ultra-fms .img-ultra img {
  max-width: 100%;
  width: 100%;
  max-width: 250px;
}


.seccion-tabs-mayor.interna-int.drags {
  margin: 25px 0 60px;
}

.contactanos-formulario .form-group label.divi-che label {
  display: grid;
  grid-template-columns: 20px auto;
  grid-gap: 6px;
}


.contactanos-formulario .form-group br {
  display: none;
}

.contactanos-formulario .form-check br {
  display: none;
}
.contactanos-formulario .form-check  label.divi-che {
  display: contents;
}
.wpcf7-list-item{
  margin: 0;
}


.contactanos-formulario input[type="submit"] {
  background-color: var(--color-red);
  color: white;
  border-radius: 28px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 160px;
  outline: none;
  border: 0;
}



.item-areas .titulo strong {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}
.item-areas .tiuno {
  width: 100%;
  display: block;
}

.text-sostenible h3 {
  font-size: 45px;
  line-height: 1;
}










section.reunion-experto {
  margin: 0 0 80px;
}


.reunion-experto  .slick-track {
  display: flex !important;
 
}

.reunion-experto  .slick-slide {
 
  height: auto !important;
}

.reunion-experto  .slick-slide .service-group {
  display: flex;
  flex-direction: column;
  height: 100%;
}


.reunion-experto .slick-slide{
  border-right: 1px solid #dadded;
  /* padding: 0 15px; */
  padding-left: 20px;
}

.reunion-experto .slick-slide:first-child{
  padding-left: 0;
   
}
.reunion-experto .slick-slide:last-child{
    padding-right: 0;
    border: 0;
}



.reunion-experto .services-container {
    /* display: flex;
    flex-wrap: wrap; */
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
}
.reunion-experto  .service-group {
    /* background: white; */
    padding: 21px 20px 0 0;
    /* border-radius: 10px; */
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    width: 100%;
    max-width: 350px;
    border-right: 1px solid #dbddf1;
}
.reunion-experto  .service-group:last-child{
  border: 0;
 
}
.reunion-experto  .service img {
    width: 100%;
    margin-bottom: 20px;
    max-width: 282px;
}
.reunion-experto .service p {
      min-height: 60px;
      color: #003FA2;
  }
  .reunion-experto .staff {
    margin-top: 20px;
    text-align: left;
}
.reunion-experto  .staff div {
    background: white;
    padding: 10px;
    /* border-radius: 8px; */
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
    margin-top: 10px;
}
.reunion-experto  .staff div b {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

section.reunion-experto ul.slick-dots {
bottom: -53px;
}


@media (min-width: 768px) {
  .reunion-experto   .services-container {
      display: flex ;
      flex-wrap: nowrap;
      gap: 20px;
    }
   
}


@media (max-width: 1025px) {
 

  .reunion-experto .service-group:first-child{
      padding-right: 20px;
  }

  .reunion-experto .service img{
      max-width: 100%;
  }

  .reunion-experto .slick-slide:last-child{
    border: 0;
  }
}


@media (max-width: 768px) {
  .reunion-experto .service-group{
      max-width: 100%;
  }
  section.reunion-experto .container {
      padding: 0 20px;
  }
  .reunion-experto .service-group:first-child{
      /* padding: 0; */
  }

  .reunion-experto .service p{
      min-height: 100%;
  }
  .reunion-experto .staff{
      margin-bottom: 30px;
  }

  .reunion-experto .staff div{
      padding: 0;
  }
}




@media (max-width: 500px) {
  .reunion-experto .service-group:first-child{
    padding: 0;
  }
}




@media (max-width: 1282px) {
  .tabs-mayor{
     max-width: 1000px;
  }
}


@media (min-width: 1920px) {
  .contactanos-formulario{
    grid-template-columns: 3% auto auto;
  }
}


@media (max-width: 1600px) {
  .banner-timeline .owl-stage {
   
  }
  .contactanos-formulario{
    grid-template-columns: 10% auto auto;
  }
}
@media (max-width: 1500px) {
  .banner-timeline .owl-stage {
   
  }
}
@media (max-width: 1250px) {
  .card-item-float .container.container-web .item-fila .item-text-lub{
    padding: 20px 17px;
    max-width: 100%;
  }
  .card-item-float .container.container-web .item-fila{
    grid-gap: 0;
  }
}
@media (max-width: 1024px) {
  .conte-tab {
    margin-bottom: 30px;
}
.mobile-menu{
  display: block;
  font-family: var(--Roboto);

}
.tab-content.sub_actives {
  display: block!important;
}

/* .dim {
  display: block!important;
  z-index: 2!important;
} */
  .owl-carousel.owl-theme.banner-timeline {
    display: none;
}

  .mobile-timeline {
    display: block;
    /* max-width: 600px; */
    margin: 50px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mobile-timeline h1 {
    text-align: center;
    color: #003366;
    margin-bottom: 20px;
}

.mobile-timeline ul {
    list-style: none;
    padding: 0;
    position: relative;
}

.mobile-timeline ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 4px;
    height: 100%;
    background-color: #003366;
}

.mobile-timeline li {
    position: relative;
    margin: 20px 0;
    padding-left: 40px;
}

.mobile-timeline li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 12px;
    width: 16px;
    height: 16px;
    background-color: #ff0000;
    border-radius: 50%;
    border: 2px solid #fff;
}

.mobile-timeline .date {
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 5px;
}

.mobile-timeline .text {
    color: #333;
}


  .banner-timeline .owl-stage{
    width: fit-content !important;
  }
  .list-unstyled {
    margin-top: 20px;
  }
  .contactanos-formulario .left p{
    margin-bottom: 35px;
  }
  .breadcumb-li{
    font-family: var(--opensans);
  
  }
  .card-item-float .title-float{
    font-size: 20px;
  }
  .flo_cita {
    top: 50%;
  }
  .textbaner-content p br{
    display: none;
  }
  .date-hora.container.activo-datapick{
    display: grid;
  }
  .contactanos-formulario{
    display: block;
    flex-direction: column;
    width: 100%;
  }
  .item-relleno{
    display: none;
  }
  .calendar{
    overflow: auto;
    width: 100%;
  }

  .contactanos-formulario .left{
    padding: 0;
    margin-bottom: 50px;
    margin-top: 20px;
  }

  .contactanos-formulario .right{
    padding: 0;
  }

  .b-setion{
    margin: 20px 0 20px;
    background: none;
    display: block;
    padding: 0 20px;
  }


  .contactanos-formulario .left h2{
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
  }

  .process-container .step:nth-child(even) {
    margin-top: 0;

  }








  /*MOBILEEEEEEEEEEEEEEEEEEEEEE-MENUUU*/

  .nabar.desktop-header {
    display: none;
}


.text-sostenible h3{
  font-size: 30PX;
}


}




@media (max-width: 768px) {
 
  .mobile-acordeon {
    padding: 16px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
  }
  
  .mobile-acordeon .tab-header {
    background: transparent;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    display: flex
  ;
    justify-content: space-between;
    grid-gap: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 5px;
  }
  
  .mobile-acordeon .tab-content-mayor {
    /* display: none; */
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
  }
  
  .mobile-acordeon .tab-header.active + .tab-content-mayor {
    display: block;
  }

  

  .seccion-tabs-mayor.interna-int.drags{
    padding: 0 20px;
    margin: 0;
  }
  .mobile-acordeon .tab-header:after{
    content: "";
width: 13px;
height: 13px;
display: block;
float: right;
background-image: url(../images/flech.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-top: 7px;
z-index: 1000;
position: relative;
filter: brightness(0);
}
.mobile-acordeon .tab-header.active::after{
  background-image: url(../images/flechrojo.png);
  filter: blur(0px);
}


  .contenedor-back {
    margin: 11px 0 28px;
    padding: 0 0 36px;
  }
  .mobile-acordeon .tab-content-mayor{
    padding: 0;
    border: 0;
  }
  .mobile-acordeon .tab-content-mayor .container {
    padding: 0;
}
.sub-tab-content-mayor{
  margin: 0;
  padding: 0;
}
  .tabs-mayor {
    display: none!important;
    
  }
  
  .box-card-paso {
    padding: 60px 15px 30px;
  }
  .process-container::before,.process-container .base{
    display: none;
  }
  .process-container .step{
    max-width: 100%;
  }
  section.pasos-servicios {
    padding: 0px 20px 40px;
  }
  .process-container .icon img{
    top: 50px;
  }
  .process-container{
    padding: 0;
  }
  .parrafo-divi .titlege {
    font-size: 22px;
  }
  .breadcumb-li a {
    font-size: 14px;
    font-weight: 400;
}
  .title-container-file h2{
    text-align: left;
    margin-bottom: 15px;
    font-size: 28px;
  }
  .parrafo-divi .titsub {
    font-size: 19px;
  }
  .container.text-tab{
    max-width: 100%;
    padding: 40px 0px;
  }
  section.sostenible.propuesta-seccion .text-sostenible {
    margin-bottom: 40px;
  }
  .rentabilidad-valor .icono-texto {
    grid-gap: 15px;
    flex-direction: column
  }
  .rentabilidad-valor .contenido p:first-child{
    margin-bottom: 20px;
}
.rentabilidad-valor .contenido h4{
  font-size: 18px;
}
.card-tabs {
  padding: 0px;
}
  .rentabilidad-valor .bloque{
    display: flex;
    flex-direction: column;
  }
  section.sostenible.propuesta-seccion .flores-sostenible.container{
    height: 100%;
  }
  section.sostenible.propuesta-seccion {
    margin: 30px 0 30px;
   
  }
  .card-item-float .container.container-web .item-text-lub h3 {
    font-size: 19px;
}

.card-item-float .container.container-web .item-fila .item-text-lub img{
  max-width: 144px;
  margin-bottom: 10px;
}

.card-item-float .container.container-web .item-fila .item-text-lub p{
  font-size: 13px;
}
.card-item-float .container.container-web .item-fila .item-text-lub p.title-float{
  font-size: 18px;
}

.textbaner-content.left-center {
  /* display: block; */
  top: 0%;
  justify-content: center;
}

.textbaner-content.left-center h2 {
  font-size: 40px;
  margin-bottom: 82px;
}

.textbaner-content.text-center h3 {
  text-align: center;
  margin-bottom: 30px;
}

.ultra-dividido .img-ultra {
  display: flex;
  justify-content: center;
}

.img-ultra img {
  /* width: 100%; */
  padding: 41px;
  display: none;
}

.ultra-dividido {
  margin-bottom: 50px;
}

.contactanos-formulario button{
  width: 100%;
}

.slider-tab-mbil{
  margin: 0;
  display: grid ;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
.seccion-tabs-mayor .mobile-slider-mobile {
  margin: 0px 0 90px;
}

.seccion-tabs-mayor .row-tab-card.marcas-aliadas-section  .mobile-slider-mobile  .card-item{
  margin-bottom: 40px;
}
.title-container-file.text-center p{
  text-align: left;
}
}


@media (max-width: 500px) {
  .process-container .step{
    flex: auto;
  }
 
}



.card-tabs ul.olistl .item-li ul li:before{
  list-style: none;
  display: none;

}
.card-tabs ul.olistl .item-li ul li{
padding: 0;
}

.container.card-tabs-sub{
  grid-template-columns: 50% auto;
}
.container.card-tabs-sub{
  align-items: normal;
}
.img-card-tabs{
  height: fit-content;
  padding: 19px 50px 19px 19px;
}
.tabs-section .zoom-icon{
  bottom: -1%;
    right: -9%;
}
.card-tabs .item-li ul li {
  margin: 0 0 5px;
}

.text-card-tabs .item-li {
  width: 100%;
}


.mostrar-item-ver {
  display: none;
}

.tabs-section .image-wrapper img{
  max-width: 100%;
}




.iso-interna {
  text-align: center;
  color: var(--color-blue-main);
}

.seccion-iso {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  padding: 0px;
}
.seccion-iso  .column {
  flex: 1;
  padding: 0px;
  /* min-width: 300px; */
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.seccion-iso .column .circleoad {
  width: 100%;
  max-width: 200px;
  padding: 0 10px;
  border-radius: 33px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.seccion-iso  .blue-box, .red-box {
  padding: 10px 20px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 15px;
}
.seccion-iso  .blue-box {
  background-color: #0056b3;
}
.seccion-iso  .red-box {
  background-color: var(--color-red);
}
.seccion-iso  .info-list {
  list-style: none;
  padding: 0;
}
.seccion-iso  .info-list li {
  margin: 10px 0;
}
.seccion-iso  .info-list strong {
  color: #0056b3;
}
.seccion-iso  .efficiency-list strong {
  color: #d90429;
}
.seccion-iso  .image-container img {
  max-width: 100%;
  height: auto;
}



@media (max-width: 768px) {
  .container.card-tabs-sub{
    display: flex;
    flex-direction: column;
  }
  .process-container .step{
    flex: auto;
  }


  .iso-interna{
    margin: 25px 5px;
  }

  .seccion-iso{
    flex-direction: column;
  }

  .seccion-iso .column .circleoad{
    width: 208px;
    height: 67px;
    padding: 0 10px;
    margin: 10px 0 10px;
  }
 
}




section.resultado-seccion {
  margin: 50px 0 50px;
}
      .resultado-seccion  h2 {
          color: #0033a0;
          font-size: 30px;
          margin-bottom: 30px;
      }
      .resultado-seccion  .highlight {
          color: #0033a0;
          font-weight: bold;
      }
      .resultado-seccion  .tags {
          display: flex;
          justify-content: left;
          gap: 15px;
          margin: 20px 0;
          flex-wrap: wrap;
      }
      .resultado-seccion  .tags span {
          background: #f0f3fa;
          padding: 10px 20px;
          border-radius: 20px;
          font-size: 16px;
          width: 100%;
          display: block;
          text-align: center;
      }
      .resultado-seccion  .slider {
          display: flex;
          overflow-x: auto;
          gap: 30px;
          padding: 20px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
      }
      .resultado-seccion  .slider::-webkit-scrollbar {
          display: none;
      }
      .resultado-seccion   .slide-item {
          text-align: center;
          flex: 0 0 auto;
          width: 200px;
          scroll-snap-align: center;
      }
      .resultado-seccion   .slide-item img {
          width: 150px;
          height: 150px;
          border-radius: 50%;
          object-fit: cover;
      }
      .resultado-seccion .slide-item p {
          margin-top: 10px;
          font-size: 16px;
      }
      .resultado-seccion   .bold {
          font-weight: bold;
      }

      .slider-lubricantes.search-slider {
  margin: 50px 0 15px;
  max-width: 100%;
}








@media (max-width: 768px) {


  
.info-cita-fix {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 10;
  bottom: 0;
  grid-column-gap: 4px;
  width: 100%;
  padding: 0 10px;
}

.flo_cita {
  display: grid;
  grid-template-columns: auto auto;
  gap: 4px;
  position: relative;
  order: 1;
  top: auto;
  bottom: 0;
  width: 100%;
  transform: none;
}

.option-fixed-cita,
.option-fixed-chat,
.fixed-container .agenda-reu {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  width: 100%;     /* Puedes ajustar el ancho */
  height: 60px;     /* Alto igual para todos */
  /* border: 4px solid #FF0000; */
  border-radius: 0px;
  /* background: #fff; */
  text-decoration: none;
  transition: box-shadow 0.2s;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 15px;
  flex-direction: column;
}

.option-fixed-cita ul,
.option-fixed-chat ul,
.agenda-reu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  align-items: center;
  height: 100%;
  width: 100%;
}

.option-fixed-cita li,
.option-fixed-chat li,
.agenda-reu li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.option-fixed-cita img,
.option-fixed-chat img,
.agenda-reu img {
  width: 25px;    /* Ajusta el tamaño de los íconos */
  height: 25px;
  margin-bottom: 4px;
}

.option-fixed-cita span,
.option-fixed-chat span,
.agenda-reu span {
  font-size: 12px;
  /* color: #FF0000; */
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
}

/* Para el tercer botón (Agenda una reunión), ajusta el ancho si es más largo el texto: */
.fixed-container .agenda-reu {
  width: 100%;   /* Más ancho si el texto lo requiere */
  padding: 8px 10px 0px;
  display: grid;
  grid-template-columns: 22px auto;
  grid-column-gap: 10px;
  justify-content: center;
  /* max-width: 150px; */
}


.fixed-container {
    position: relative;
    right: 0;
    z-index: auto;
    width: 100%;
}

.info-cita-fix .flo_cita li {
    margin: 0;
    grid-gap: 0px;
    height: 100%;
    display: flex;
    border-radius: 0;
}

}

.tab-section-card table tr th:nth-child(3) {
  width: 120px; /* o el ancho que desees */
  min-width: 120px;
  max-width: 180px;
  text-align: center;
}