/*------------------------------
"carga en gris" (skeleton loader)
------------------------------*/


.bg-preload {
  position: relative;
  background-color: #ced4da;
  overflow: hidden;
}

.preloadFalse {
  opacity:0 !important;
  height:0 !important;
}

.into-preload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: bgAnimation 0.8s linear infinite;
  animation: bgAnimation 0.8s linear infinite;
  background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0) 46%,
      hsla(0, 0%, 100%, 0.35) 50%,
      hsla(0, 0%, 100%, 0) 54%
    )
    50% 50%;
}

@keyframes bgAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  to {
    transform: translate3d(30%, 0, 0);
  }
}


/*--*/



.container_tab {
  width: 1600px;
  margin: 0px auto;
  max-width: 100%;
  /* Ajusta el contenedor al ancho máximo disponible */
}
.home-text-section-4 {
  color: #082952;
}
.section_home_search {
  max-width: 1200px;
  padding-top: 20px;
  padding-left: 0px;
}
.search-container {
  max-width: 80%;
  margin: 20px auto;
  padding: 20px;
  background-color: #fff;
}


.section_home_slider {
  position: relative;
  width: 100%;
  height: auto;
}

.bg-preload {
  position: relative;
  background-color: #ced4da;
  overflow: hidden;
  width: 100%;
}

.preloadFalse {
  opacity: 0 !important;
  height: 0 !important;
}

.into-preload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: bgAnimation 0.8s linear infinite;
  animation: bgAnimation 0.8s linear infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 46%,
    hsla(0, 0%, 100%, 0.35) 50%,
    hsla(0, 0%, 100%, 0) 54%
  )
    50% 50%;
}

@keyframes bgAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  to {
    transform: translate3d(30%, 0, 0);
  }
}

/* Asegurar que la imagen se ajuste al 100% de su contenedor */
.card-img-top {
  width: 100%;
  height: auto;
  object-fit: cover;  /* Opcional: para cubrir todo el área */
}

/* Estilos de las pestañas */

.btn.dropdown-toggle {
  text-align: left; /* Alinea el texto a la izquierda */
  padding-left: 10px; /* Ajusta el espaciado desde la izquierda */
  display: block; /* Hace que el botón ocupe todo el ancho */
  width: 100%; /* Asegura que el botón ocupe el ancho del contenedor */
}



.nav-tabs {
  border-bottom: none;
  display: flex;
  justify-content: center;
  /* Centrar los enlaces */
}
.nav-item {
  margin-bottom: -1px;
  flex: 1;
  position: relative;
}
.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #000;
  background-color: rgb(216, 216, 216);
  /* Color de las pestañas inactivas */
  font-weight: bold;
  transition: background-color 0.3s, border-bottom 0.3s;
  height: 100%;
  /* Asegura que el enlace ocupa toda la altura del elemento padre */
  padding: 0px;
}
/* Aplica clip-path solo a la derecha del primer enlace */
.tab-tamano-tab1 {
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);
}
/* Aplica clip-path solo a la izquierda del segundo enlace */
.tab-doble-medida-tab2 {
  clip-path: polygon(100% 0, 100% 100%, 20px 100%, 0 0);
}
/* Cuando la pestaña está activa */
.tab-tamano-tab1.active {
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
}
.tab-doble-medida-tab2.active {
  clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
}
.nav-link:hover {
  background-color: rgb(173, 172, 172);
  /* Color de las pestañas al pasar el ratón */
}
.nav-link.active {
  color: #000;
  background-color: #f3f3f3;
}
.nav-item + .nav-item .nav-link {
  margin-left: -5px;
  /* Ajuste para solapar los elementos y crear una transición suave */
}
.nav-item + .nav-item .nav-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  z-index: -1;
}
.nav-tabs .nav-item {
  width: 50%;
  /* Cada li ocupa el 50% del ancho */
  text-align: center;
  /* Centrar el contenido dentro del li */
}
.tab-content {
  background-color: #f3f3f3;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
  /* Mostrar solo el contenido de la pestaña activa */
}
.img_search_icon,
.img_icon_car {
  margin-right: 10px;
}
/* Modificación para clip-path dinámico */
.nav-item.tab-tamano-tab .nav-link:not(.active) {
  clip-path: none;
  /* Quitar clip-path cuando no está activo */
}
.nav-item.tab-doble-medida-tab .nav-link:not(.active) {
  clip-path: polygon(100% 0, 100% 100%, 20px 100%, 0 0);
}
.tab-tamano-tab {
  background-color: #f3f3f3 !important;
}
.img_search_icon,
.img_icon_car {
  margin-right: 10px;
}
/** escritorio  */
.img_neumatico {
  align-items: center;
  max-width: 100%;
  /* Ajustar imagen al ancho máximo del contenedor */
  height: auto;
  /* Mantener proporción de la imagen */
}
#img_neumatico {
  border: 2px solid #0045ef;
  display: flex;
  justify-content: center;
  /* Alinea horizontalmente al centro */
  align-items: flex-end;
  /* Alinea verticalmente hacia abajo */
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #f3f3f3;
  border-color: #f3f3f3 !important;
}
#myTab {
  background-color: #f3f3f3;
}
.form-control {
  width: 150px;
}
.search-fields {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
/* .search-fields .form-group {
    display: flex;
    flex-direction: column;
    align-items: left;
} */
.search-extras {
  display: flex;
  align-items: left;
  gap: 10px;
}
/* .search-extras .form-group {
    display: flex;
    align-items: left;
} */
.season-options {
  display: flex;
  gap: 10px;
}
.icon_e_yellow {
  border-right: 1px solid #323232;
  padding-right: 2px;
}
.icon_e_green {
  border-right: 1px solid #323232;
  padding-right: 2px;
}
.home_temporada {
  font-size: 0.8rem;
}
.btn_home_search_movile {
  width: 100%;
  height: 53px;
  /* UI Properties */
  background: #0045ef 0% 0% no-repeat padding-box;
  border-radius: 3px;
  opacity: 1;
  color: white;
  border: none;
}
.custom-select {
  appearance: none;
  /* Eliminar apariencia predeterminada */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
  padding-right: 30px;
  /* Espacio para el símbolo personalizado */
  position: relative;
  width: 100%;
  /* Ajustar al ancho del contenedor */
  box-sizing: border-box;
  /* Incluir el padding en el ancho total */
}
/* Contenedor del select para el símbolo personalizado */
.select-container {
  position: relative;
  display: inline-block;
  width: 100%;
  /* Asegurar que el contenedor ocupe el 100% del ancho */
}
/* Símbolo personalizado */
.select-container::after {
  content: ">";
  /* Símbolo personalizado orientado hacia la derecha */
  font-size: 18px;
  /* Tamaño del símbolo */
  color: #333;
  /* Color del símbolo */
  position: absolute;
  right: 10px;
  /* Espacio del margen derecho */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  /* No permitir clic en el símbolo */
}
.buscar_medida {
  height: 300px !important;
}
.form-group {
  margin-bottom: 0rem !important;
}
.section_home_img {
  /* width: 100%;
    height: auto;
    max-width: 1600px; */
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  /* Espacio entre los divs */
  margin: 0 auto;
  /* Centrar el contenedor en pantallas más grandes */
  flex-wrap: wrap;
  height: auto;
}
.section_home_icons {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  /* Distribuye los elementos con espacio entre ellos */
}
.section_home_icons .col-6 {
  margin-bottom: 1rem;
  /* Espacio entre las filas si es necesario */
}
.section_home_icons img {
  margin-bottom: 0.5rem;
  /* Espacio entre la imagen y el texto */
}
.col-md-4 {
  margin-bottom: 1rem;
  /* Margen inferior en modo móvil */
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.bottom-20 {
  bottom: 20px;
  /* Espacio de 20px desde abajo */
}
.start-20 {
  left: 20px;
  /* Espacio de 20px desde la izquierda */
}
/* Card */
.home_features_card {
  background-color: #ffffff;
  border: 1px solid rgba(0, 34, 51, 0.1);
  box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05),
    2px 4px 10px 0 rgba(0, 34, 51, 0.05);
  border-radius: 0.15rem;
  width: 100%;
}
/* Tabs Card */
.home_features_tab-card {
  border: 1px solid #eee;
}
.home_features_tab-card-header {
  background: none;
}
/* Default mode */
.home_features_tab-card-header > .home_features_nav-tabs {
  border: none;
  margin: 0;
  padding-left: 0;
  list-style: none;
  /* Eliminar los puntos de la lista */
  display: flex;
  /* Asegurar que las pestañas estén juntas */
  justify-content: space-around;
}
.home_features_tab-card-header
  > .home_features_nav-tabs
  > .home_features_nav-item {
  margin-right: 0;
  /* Eliminar margen para asegurar que las pestañas estén juntas */
  flex: 1;
  /* Asegurar que cada pestaña ocupe el mismo espacio */
  text-align: center;
  /* Centrar el contenido */
}
.home_features_tab-card-header
  > .home_features_nav-tabs
  > .home_features_nav-item
  > .home_features_nav-link {
  border: 0;
  border-bottom: 2px solid transparent;
  margin-right: 0;
  color: #737373;
  padding: 10px 0;
  /* Ajustar padding para que el tamaño sea uniforme */
  background-color: #00254e;
  color: white;
  text-decoration: none;
  /* Eliminar subrayado */
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background-color 0.3s;
  border-radius: 4px 4px 0 0;
  /* Redondear bordes superiores */
  width: 80px;
  /* Establecer el ancho de las pestañas */
}
.home_features_tab-card-header
  > .home_features_nav-tabs
  > .home_features_nav-item
  > .home_features_nav-link.show,
.home_features_tab-card-header
  > .home_features_nav-tabs
  > .home_features_nav-item
  > .home_features_nav-link.active {
  background-color: #ffffff;
  color: #00254e;
  border-bottom: 2px solid #007bff;
  /* Línea azul para la pestaña activa */
}
.home_features_tab-card-header
  > .home_features_nav-tabs
  > .home_features_nav-item
  > .home_features_nav-link:hover {
  background-color: #ffffff;
  color: #00254e;
  text-decoration: none;
  /* Eliminar subrayado */
}
.home_features_tab-card-header > .home_features_tab-content {
  padding-bottom: 0;
}
/* Custom Styles for Home Features Tabs */
.home_features_tab-card-header {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  width: 80%;
}
.home_features_nav-tabs {
  border-bottom: none;
  display: flex;
  padding-left: 0;
  list-style: none;
  /* Eliminar los puntos de la lista */
}
.home_features_nav-tabs .home_features_nav-item {
  margin-bottom: -1px;
}
.home_features_nav-tabs .home_features_nav-link {
  background-color: #00254e;
  color: white;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  transition: background-color 0.3s;
  border-radius: 4px 4px 0 0;
  /* Redondear bordes superiores */
  text-decoration: none;
  /* Eliminar subrayado */
  width: 80px;
  /* Establecer el ancho de las pestañas */
}
.home_features_nav-tabs .home_features_nav-link.active {
  background-color: #ffffff;
  color: #00254e;
  border-bottom: 2px solid #007bff;
  /* Línea azul para la pestaña activa */
}
.home_features_nav-tabs .home_features_nav-link:hover {
  background-color: #ffffff;
  color: #00254e;
  text-decoration: none;
  /* Eliminar subrayado */
}
.home_features_tab-icon {
  width: 30px;
  height: auto;
}
.home_features_tab-text {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
}
/* Estilo para el contenedor móvil específico */
.home_section_search_mov {
  text-align: center;
}
/* Estilo para el contenedor interno que contiene el contenido del select */
.home_section_search_mov .inner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* Personalizar el select para mostrar el ícono */
.home_section_search_mov .home_search_moviles_select-wrapper {
  position: relative;
  width: 100%;
}
.home_section_search_mov .home_search_moviles_custom-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 0px 10px;
  cursor: pointer;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.home_section_search_mov .home_search_moviles_select-icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.home_section_search_mov .home_search_moviles_select-arrow {
  width: 30px;
  height: 30px;
  background: url("../../img/home/flecha_abajo-select.jpg") no-repeat;
  background-size: contain;
}
.home_section_search_mov .home_search_moviles_options {
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  max-height: none;
  overflow-y: visible;
  position: relative;
  top: -30px;
}
.home_section_search_mov .home_search_moviles_option {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #9f9f9f;
  padding: 0px 10px;
  box-sizing: border-box;
}
.home_section_search_mov .home_search_moviles_option_agricola {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: none;
  padding: 0px 10px;
  box-sizing: border-box;
}
.home_section_search_mov .home_search_moviles_option:hover {
  background-color: #f1f1f1;
}
.home_section_search_mov .home_search_moviles_option img {
  width: auto;
  max-width: 60px;
  height: auto;
  max-height: 60px;

  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.home_section_search_mov
  .home_search_moviles_option
  .home_search_moviles_option-text {
  text-align: center;
  flex-grow: 1;
}
.home_section_search_mov .home_search_moviles_option-text {
  font-size: 1.2rem;
  font-weight: bold;
}
.home_section_search_mov #selected-text {
  font-size: 1.1rem;
  font-weight: bold;
}
.home_search_moviles_select_title {
  align-items: left;
  text-align: left;
  font-weight: bold;
  font-size: 1rem;
  margin-left: 25px;
  color: #082952;
  margin-top: 20px;
}
/* Estilos generales */
.home_search_icon-season-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  /* Alinea el contenido al final */
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
  box-sizing: border-box;
  /* Incluye el padding y el border en el cálculo del width y height */
}
.home_search_icon-season-option img {
  margin-bottom: 8px;
}
.home_search_icon-season-option b {
  font-size: 12px;
  text-align: center;
  margin-bottom: 0;
  /* Asegura que no haya margen extra */
}
/* Estilos de hover y estado activo */
.home_search_icon-season-option:hover,
.home_search_icon-season-option.active {
  background-color: #f0f0f0;
  border-color: #000;
}
.row-mov-temporada {
  margin-left: 0 !important;
}
.home_search_icon-dimension-text {
  color: #082952;
}
.home_search_moviles_custom-select {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}
.home_search_moviles_select-arrow {
  margin-left: auto;
}
.home_search_moviles_options {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  z-index: 1000;
}
.home_search_moviles_option {
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
}
.home_search_moviles_option:hover {
  background: #f0f0f0;
}
/***/
.home-select-menu-2 {
  position: relative;
  display: inline-block;
  width: 85%;
}
.home-select-menu-2-select-selected img,
.home-select-menu-2-select-items img {
  max-width: 100%;
  align-items: center;
  text-align: center;

  object-fit: contain;
  /* Para asegurarse de que la imagen se ajuste sin recortarse */
  margin-right: 10px;
  margin-left: 7px;
}
.home-select-menu-2-select-items {
  position: absolute;
  /* Cambiado de relative a absolute */
  top: 80%;
  /* Alinea el menú desplegable justo debajo del selector */
  left: 0;
  /* Alinea el menú con el borde izquierdo del contenedor */
  background-color: #ffffff;
  border: 1px solid #0045ef;
  display: none;
  /* Cambia a block con JavaScript cuando se debe mostrar */
  width: 100%;
  z-index: 1;
  /* Asegura que el menú esté detrás del selector */
  border-radius: 0 0 20px 20px;
  padding-left: 10px;
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.home-select-menu-2-select-items_last {
  border: none !important;
}
.home-select-menu-2-select-items span {
  flex-grow: 1;
  white-space: nowrap;
  /* Previene que el texto se desborde en múltiples líneas */
}
.home-select-menu-2-select-items.show {
  display: block;
  max-height: 500px;
  /* Ajusta según la altura del contenido */
}
.img_select_2 {
  margin-top: 0;
  /* Ajusta el margen según sea necesario */
  border-bottom: 1px solid #0045ef;
  background-color: transparent !important;
}
.home-select-menu-2-select-items div {
  padding-left: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #0045ef;
  color: #0045ef;
  align-items: center;
  display: flex;
  align-items: center;
  padding: 10px 10px;
}
.home-select-menu-2-select-items div span {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  flex-grow: 1;
}
.home-select-menu-2-select-items div img {
  width: auto;
  height: auto;
  margin-right: 8px;
  object-fit: cover;
}
.home-select-menu-2-select-items div:hover {
  background-color: #ddd;
}
.home_search_moviles_select-arrow2 {
  width: 35%;
  /* Ajusta el tamaño según sea necesario */
  height: 55px;
  /* Ajusta el tamaño según sea necesario */
  background-image: url("../../img/home/flecha_abajo-select2.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0045ef;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 10px;
  /* Ajusta el margen izquierdo según sea necesario */
}
/* Iconos dentro de las pestañas */
.home-menu-3-icon {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
/* Espaciado del texto en las pestañas */
.home-menu-3-tab span {
  font-size: 0.9rem;
}
/* Estado activo de la pestaña */
.home-menu-3-tab.active {
  background-color: white;
  color: #002b56;
}
/* Estado hover de la pestaña */
.home-menu-3-tab:hover {
  background-color: #004080;
}
/* Iconos por defecto */
.home-menu-3-icon.turismo {
  background-image: url("../../img/home/pic_turismo_bl.png");
}
.home-menu-3-icon.suv {
  background-image: url("../../img/home/pic_4x4suv_bl.png");
}
.home-menu-3-icon.furgon {
  background-image: url("../../img/home/pic_bl_az.png");
}
.home-menu-3-icon.motos {
  background-image: url("../../img/home/pic_moto_bl.png");
}
.home-menu-3-icon.camion {
  background-image: url("../../img/home/pic_camion_bl.png");
}
.home-menu-3-icon.industrial {
  background-image: url("../../img/home/pic_industrial_bl.png");
}
.home-menu-3-icon.agricola {
  background-image: url("../../img/home/pic_agricola_bl.png");
}
/* Iconos activos */
.home-menu-3-tab.active .home-menu-3-icon.turismo {
  background-image: url("../../img/home/pic_turismo_az.png");
}
.home-menu-3-tab.active .home-menu-3-icon.suv {
  background-image: url("../../img/home/pic_4x4suv_az.png");
}
.home-menu-3-tab.active .home-menu-3-icon.furgon {
  background-image: url("../../img/home/pic_furgon_az.png");
}
.home-menu-3-tab.active .home-menu-3-icon.motos {
  background-image: url("../../img/home/pic_moto_az.png");
}
.home-menu-3-tab.active .home-menu-3-icon.camion {
  background-image: url("../../img/home/pic_camion_az.png");
}
.home-menu-3-tab.active .home-menu-3-icon.industrial {
  background-image: url("../../img/home/pic_industrial_az.png");
}
.home-menu-3-tab.active .home-menu-3-icon.agricola {
  background-image: url("../../img/home/pic_agricola_az.png");
}
/* Secciones de contenido */
/* Secciones de contenido por defecto (ocultas) */
.home-menu-3-content-section {
  display: none;
  margin-top: 40px;
}
/* Secciones de contenido activas */
.home-menu-3-content-section.active {
  display: block;
  padding-top: 40px;
}
/* .home-menu-3-product-card {
    width: 400px;
    height: 325px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;    
    font-family: Arial, sans-serif;
    box-sizing: border-box;   
} */
/* Encabezado de tarjeta de producto */
.home-menu-3-product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding-right: 1rem; */
  /* Ajusta el padding según tus necesidades */
  /* height: 75px;; */
}
.text-dB {
  font-size: 20px;
  margin-top: 3px;
  margin-left: 3px;
}
.home-menu-3-rating-volumen-icon1 {
  width: auto;
  height: auto;
  max-height: 30px;
  margin-top: 3px;
  margin-left: 3px;
}
/* Información del producto */
.home-menu-3-product-info {
  /* margin-top: 10px; */
  text-align: left;
  height: 65px;
}
/* Título del producto */
.home-menu-3-product-title {
  font-size: 29px;
  margin: 0px 0;
  font-weight: bold;
}
/* Tamaño del producto */
.home-menu-3-product-size {
  color: gray;
  font-size: 20px;
}
/* Estrellas de rating */
.home-menu-3-star-rating {
  color: green;
  margin-top: 5px;
}
/* Imagen del producto */
.home-menu-3-product-image {
  display: flex;
  justify-content: center;
  /* margin: 10px 0; */
}
.home-menu-3-tire-image {
  width: 121px;
  height: 145px;
  max-height: 168px !important;
}
/* Cantidad del producto */
.home-menu-3-amount {
  color: #000;
}
/* Botón de compra */
/* .home-menu-3-buy-button {
    max-width: 211px;
    min-width: 160px;
    max-height: 53px;
    min-height: 45px;
    background: #0045EF 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    align-items: flex-end;
} */
.home-menu-3-buy-button:hover {
  background-color: #003399;
}
.home-menu-3-row {
  display: flex;
  justify-content: space-between;
  /* Distribuye el espacio entre las tarjetas */
  flex-wrap: wrap;
  /* Permite que las tarjetas se ajusten si el contenedor es pequeño */
}
/* Alineación específica para la tarjeta central */
.home-menu-3-product-card.center {
  align-self: center;
  /* Alinea la tarjeta en el centro */
}
/* Alineación específica para la tarjeta derecha */
.home-menu-3-product-card.right {
  margin-left: auto;
  /* Empuja la tarjeta hacia la derecha */
}
/* Alineación específica para la tarjeta izquierda */
.home-menu-3-product-card.left {
  margin-right: auto;
  /* Empuja la tarjeta hacia la izquierda */
}
.home_icons_div_result {
  width: 100%;
  border-radius: 3px;
  height: 100px;
  font-size: 18px;
  font-weight: bold;
}
.home_icons_div_result2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  /* Esto empuja los elementos hacia abajo */
  /* padding-bottom: 15px; */
  padding-right: 10px;
  max-height: 175px !important;
}
.price-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.home-menu-3-amount {
  font-size: 1.5rem;
  color: #000;
  margin-left: 5px;
  font-weight: bold;
}
/* .home-menu-3-content-section-col {
    display: flex;
    justify-content: left;

} */
.home-menu-3-brand-logo´ {
  margin-top: 10px;
}
.home-menu-3-product-header-img {
  /* padding-top: 10px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-menu-3-brand-logo {
  width: 100%;
  height: 100%;
}
.pvp_desktop {
  font-size: 0.8rem;
  color: #000;
  position: relative;
  top: 9px;
}
.home-menu-3-product-footer-row {
  padding-bottom: 0px !important;
  max-height: 175px !important;
  padding-top: 0px;
  margin-top: 0px;
}
.icons-div-result {
  border: 1px solid #000;
  padding: 3px;
}
.runflat-text {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}
@media (min-width: 375px) and (max-width: 380px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 170px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
}
@media (min-width: 376px) and (max-width: 820px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
}
/* Estilos para teléfonos pequeños */
@media (min-width: 320px) and (max-width: 480px) {
  .home-menu-3-content {
    width: 83.33%;
    margin-top: 20px;
    max-width: 90%;
    margin: 20px auto;
  }
  .home-menu-3-rating-icon1 {
    width: 18px;
    height: 19px;
    margin-left: 10px;
    float: right;
  }
  .container_home_select {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }
  .row_container_home_menu3_tabs_oblicue {
    display: none;
  }
  .btn_img_home1_text_desktop {
    display: none;
  }
  .btn_img_home1_text_mov {
    display: block;
  }
  /* Asegurarse de que la imagen esté centrada */
  .home_section_search_mov .img_neumatico {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 5px auto;
  }
  .home-menu-3-content {
    width: 90%;
    margin-top: 20px;
    max-width: 90%;
    margin: 0 auto;
  }
  .imagen_info_neumatico {
    display: none;
  }
  .fabrica_desktop {
    display: none;
  }
  .home_search_icon-dimension-text-desktop {
    display: none;
  }
  .btn_home_search_desktop {
    display: none;
  }
  .contact-info {
    display: none;
  }
  .icons-input-desktop {
    display: none;
  }
  .home_search_icon-dimension-info-mov {
    display: block;
  }
  .section_home_search {
    padding: 15px 15px;
  }
  /* .home-menu-3-product-header {
        padding-top: none !important;
    } */
  .home-menu-3-content-section-col {
    width: 330px;
    padding: 0px;
  }
  .home-menu-3-tire-image {
    width: 110px;
    height: 158px;
    max-height: 158px !important;
  }
  .home-menu-3-product-header-img {
    width: 130px;
  }
  .home-menu-3-brand-logo {
    width: 100%;
    max-width: 125px;
    height: auto;
  }
  .home-menu-3-product-footer-row {
    padding-bottom: 0px !important;
  }
  .home_container_4 {
    background-color: #0045ef15 !important;
  }
  .home-menu-3-content-section.active {
    padding-top: 20px !important;
  }
  .img-estrellas {
    width: 110px;
    height: 23px;
  }
  .price-section {
    flex-direction: column;
    align-items: flex-end;
  }
  .home-menu-3-amount {
    margin: 0px !important;
    font-size: 35px;
    color: #000;
    font-weight: bold;
  }
  .pvp_movil {
    font-size: 0.8rem;
    position: relative;
    top: 10px;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .section_home_icons {
    width: auto;
    height: auto;
    padding: 0px !important;
  }
  .form-control {
    width: 100%;
  }
  .container_tab {
    width: 95%;
  }
  .search-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  /* Alineación horizontal para los primeros tres form-groups */
  .search-fields .form-group {
    flex: 1 1 calc(33.333% - 1rem);
    /* Tres elementos en una fila con espacio para el gap */
    box-sizing: border-box;
    /* Incluye el padding y el border en el cálculo del width */
  }
  /* Alineación horizontal para los siguientes dos form-groups */
  .search-fields .form-group.carga,
  .search-fields .form-group.velocidad {
    flex: 1 1 calc(50% - 1rem);
    /* Dos elementos en una fila con espacio para el gap */
  }
  /* Alineación horizontal para el form-group del fabricante */
  .search-fields .form-group.fabrica_mov {
    flex: 1 1 100%;
    /* Ocupa toda la fila */
  }
  /* Alineación horizontal para el form-group del fabricante */
  .search-fields .form-group.fabrica_desktop {
    flex: 1 1 100%;
    /* Ocupa toda la fila */
  }
  /* Asegura que los selects ocupen el 100% del ancho del contenedor */
  .search-fields .form-group select {
    width: 100%;
  }
  .search-fields .form-group.carga,
  .search-fields .form-group.velocidad {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* Asegura que el contenido se estire en el ancho */
    justify-content: center;
  }
  /* Alinea verticalmente el contenido de los form-groups */
  .search-fields .form-group label {
    margin-bottom: 0.5rem;
  }
  .season-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .home_section_search_mov .input_home_runflat,
  .box_search_select {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
  }
  .dimension-info {
    display: flex;
    align-items: left;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #082952;
  }
  .dimension-info .dimension-text {
    margin-right: 0.5rem;
  }
  .dimension-info i {
    color: #007bff;
    margin-left: 0.5rem;
  }
  .home_search_icon-season-options {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .home_search_icon-season-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 7px;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .home_search_icon-season-option img {
    margin-bottom: 8px;
  }
  .home_search_icon-season-option b {
    font-size: 11px;
    text-align: center;
  }
  .home_search_icon-season-option:hover,
  .home_search_icon-season-option.active {
    background-color: #f0f0f0;
    border-color: #000;
  }
  label {
    display: inline-block;
    margin-bottom: 0px !important;
    font-size: 0.6rem;
    margin-left: 5px;
  }
  .section_home_img {
    /* padding-left: 15px; */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    /* Centra el contenido horizontalmente */
    align-items: center;
    /* Centra el contenido verticalmente si es necesario */
  }
  .home_search_icon-season-option b {
    font-size: 10px;
  }
  .home_search_icon-dimension-text {
    font-size: 1rem;
  }
  .home_search_icon-season-options {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .home_search_icon-season-option img {
    margin-bottom: 8px;
  }
  .home_search_icon-season-option:hover,
  .home_search_icon-season-option.active {
    background-color: #f0f0f0;
    border-color: #000;
  }
  .home_search_icon-season-options {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .home_search_icon-season-option img {
    margin-bottom: 8px;
  }
  .home_search_icon-season-option:hover,
  .home_search_icon-season-option.active {
    background-color: #f0f0f0;
    border-color: #000;
  }
  .img_moto_delantera_mov {
    position: relative;
    top: -3px;
  }
  .nav-tabs {
    display: flex;
    justify-content: space-between;
    /* Distribuye los elementos a los extremos del contenedor */
    padding: 10px 20px;
    /* Margen a la izquierda y derecha */
  }
  .nav-item {
    width: calc(50% - 15px);
    /* Ancho de cada botón, restando el margen para que queden uno al lado del otro */
    text-align: center;
    /* Centrar el contenido dentro del nav-item */
  }
  .nav-link {
    display: block;
    /* Cambia a bloque para ocupar todo el ancho disponible */
    background-color: #f3f3f3;
    /* Color de fondo por defecto */
    color: #082952;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
    /* Transiciones suaves */
    clip-path: none !important;
    border: 1px solid #082952;
    padding: 10px 5px;
    /* 5px padding top and bottom */
    text-align: center;
  }
  #tab-tamano-tab {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #082952;
    background-color: #f3f3f3;
    color: #082952;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #tab-tamano-tab.active {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #082952;
    background-color: #082952;
    color: #fff;
  }
  #tab-doble-medida-tab.active {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #082952;
    border: 1px solid #082952;
    color: #fff;
  }
  #tab-doble-medida-tab {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f3f3f3;
    border: 1px solid #082952;
    color: #082952;
  }
  .nav-link img {
    display: none;
    /* Oculta todas las imágenes en dispositivos móviles */
  }
  .nav-link .desktop-text {
    display: none;
    /* Oculta el texto "Buscar por tamaño" y "Buscar por doble medida" en dispositivos móviles */
  }
  .nav-link .mobile-text {
    display: inline-block;
    /* Muestra el texto "TAMAÑO" y "MEDIDA" en dispositivos móviles */
    line-height: 1.5;
  }
  .mobile-search-label {
    display: block;
    /* Mostrar en dispositivos móviles */
    text-align: left;
    /* Alineación a la izquierda */
    /* Espacio inferior */
    font-size: 16px;
    /* Tamaño del texto */
    padding: 0 35px;
    /* Espaciado interno */
    margin-top: 15px;
    font-weight: bold;
    color: #082952;
    background-color: #f3f3f3;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 100%;
    height: 53px;
    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    border: none;
  }
  .container_home_menu3_tabs_mov {
    display: block;
  }
  .container_home_menu3_tabs2 {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 160px;
    border-radius: 20px;
    position: relative;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
}

@media (min-width: 375px) and (max-width: 375px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
}
@media (min-width: 480px) and (max-width: 480px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 232px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
}
/* Estilos para teléfonos medianos */
@media (min-width: 481px) and (max-width: 820px) {
  .home-menu-3-content {
    width: 83.33%;
    margin-top: 20px;
    max-width: 90%;
    margin: 20px auto;
  }
  .home-menu-3-rating-icon1 {
    width: 20px;
    height: 24px;
    margin-left: 10px;
    float: right;
  }
  .row_container_home_menu3_tabs_oblicue {
    display: none;
  }
  .btn_img_home1_text_desktop {
    display: none;
  }
  .btn_img_home1_text_mov {
    display: block;
  }
  .container_home_menu3_tabs_mov {
    display: block;
  }
  .container_home_menu3_tabs2 {
    display: none;
  }
  .box_search_select {
    width: 100% !important;
  }
  .home_search_icon_mov {
    width: 100% !important;
  }
  /* Asegurarse de que la imagen esté centrada */
  .home_section_search_mov .img_neumatico_mov {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 5px auto;
  }
  .container_home_menu3_tabs_mov {
    display: block;
  }
  .imagen_info_neumatico {
    display: none;
  }
  .fabrica_desktop {
    display: none;
  }
  .home_search_icon-dimension-text-desktop {
    display: none;
  }
  .btn_home_search_desktop {
    display: none;
  }
  .contact-info {
    display: none;
  }
  .icons-input-desktop {
    display: none;
  }
  .home_search_icon-dimension-info-mov {
    display: block;
  }
  .section_home_search {
    padding: 15px 15px;
  }
  label {
    font-size: 0.8rem;
  }
  /* .home-menu-3-product-header {
        padding-top: none !important;
    } */
  .home-menu-3-content-section-col {
    width: 330px;
    padding: 0px;
  }
  .home-menu-3-product-header-img {
    width: 130px;
    padding-top: 0px;
  }
  .home-menu-3-brand-logo {
    width: 100%;
    max-width: 125px;
    height: auto;
  }
  .home-menu-3-product-footer-row {
    padding-bottom: 0px !important;
  }
  .home_container_4 {
    background-color: #0045ef15 !important;
  }
  .home-menu-3-content-section.active {
    padding-top: 0px !important;
  }
  .img-estrellas {
    width: 110px;
    height: 30px;
  }
  .price-section {
    flex-direction: column;
    align-items: flex-end;
  }
  .home-menu-3-amount {
    margin: 0px !important;
    font-size: 35px;
    color: #000;
    font-weight: bold;
  }
  .pvp_movil {
    font-size: 0.8rem;
    position: relative;
    top: 10px;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .section_home_icons {
    width: auto;
    height: auto;
    padding: 0px !important;
  }
  .form-control {
    width: 100%;
  }
  .container_tab {
    width: 95%;
  }
  .search-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  /* Alineación horizontal para los primeros tres form-groups */
  .search-fields .form-group {
    flex: 1 1 calc(33.333% - 1rem);
    /* Tres elementos en una fila con espacio para el gap */
    box-sizing: border-box;
    /* Incluye el padding y el border en el cálculo del width */
  }
  /* Alineación horizontal para los siguientes dos form-groups */
  .search-fields .form-group.carga,
  .search-fields .form-group.velocidad {
    flex: 1 1 calc(50% - 1rem);
    /* Dos elementos en una fila con espacio para el gap */
  }
  /* Alineación horizontal para el form-group del fabricante */
  .search-fields .form-group.fabrica {
    flex: 1 1 100%;
    /* Ocupa toda la fila */
  }
  /* Asegura que los selects ocupen el 100% del ancho del contenedor */
  .search-fields .form-group select {
    width: 100%;
  }
  .search-fields .form-group.carga,
  .search-fields .form-group.velocidad {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* Asegura que el contenido se estire en el ancho */
    justify-content: center;
  }
  /* Alinea verticalmente el contenido de los form-groups */
  .search-fields .form-group label {
    margin-bottom: 0.5rem;
  }
  .season-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .home_section_search_mov .input_home_runflat,
  .box_search_select {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
  }
  .dimension-info {
    display: flex;
    align-items: left;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #082952;
  }
  .dimension-info .dimension-text {
    margin-right: 0.5rem;
  }
  .dimension-info i {
    color: #007bff;
    margin-left: 0.5rem;
  }
  .home_search_icon-season-options {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
  }
  .home_search_icon-season-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 10px;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .home_search_icon-season-option img {
    margin-bottom: 8px;
  }
  .home_search_icon-season-option b {
    font-size: 11px;
    text-align: center;
  }
  .home_search_icon-season-option:hover,
  .home_search_icon-season-option.active {
    background-color: #f0f0f0;
    border-color: #000;
  }
  .section_home_img {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home_search_icon-dimension-text {
    font-size: 1rem;
  }
  .img_moto_delantera_mov {
    position: relative;
    top: -8px;
  }
  .nav-tabs {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
  }
  .nav-item {
    width: calc(50% - 15px);
    text-align: center;
  }
  .nav-link {
    display: block;
    background-color: #f3f3f3;
    color: #082952;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
    clip-path: none !important;
    border: 1px solid #082952;
    padding: 10px 5px;
    text-align: center;
  }
  #tab-tamano-tab {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #082952;
    background-color: #f3f3f3;
    color: #082952;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #tab-tamano-tab.active {
    background-color: #082952;
    color: #fff;
  }
  #tab-doble-medida-tab.active {
    background-color: #082952;
    color: #fff;
  }
  #tab-doble-medida-tab {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f3f3f3;
    border: 1px solid #082952;
    color: #082952;
  }
  .nav-link img {
    display: none;
  }
  .nav-link .desktop-text {
    display: none;
  }
  .nav-link .mobile-text {
    display: inline-block;
    line-height: 1.5;
  }
  .mobile-search-label {
    display: block;
    text-align: left;
    font-size: 16px;
    padding: 0 35px;
    margin-top: 15px;
    font-weight: bold;
    color: #082952;
    background-color: #f3f3f3;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 90%;
    height: 53px;
    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    border: none;
  }
  .btn_img_home1 {
    margin-left: 65px;
    margin-bottom: 10px;
  }
  .btn_img_home2 {
    margin-left: 65px;
    margin-bottom: 10px;
  }
  .btn_img_home3 {
    margin-left: 65px;
    margin-bottom: 10px;
  }
  .btn_img_home1,
  .btn_img_home2,
  .btn_img_home3 {
    font-size: 13px;
    height: 27px;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .home_container_4 {
    margin: 0 auto;
  }
  .home-menu-3-content {
    width: 83.33%;
    margin-top: 20px;
    max-width: 90%;
    margin: 0 auto;
  }
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 202px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
  .container_home_select {
    display: none;
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon-dimension-info-mov {
    display: none;
  }
  .buttons-mov-clima {
    display: none;
  }
  .season-options {
    gap: 0px;
  }
  .home_search_icon-season-options-buttons {
    display: none;
  }
  label {
    font-size: 0.7rem;
  }
  /* .home-menu-3-product-header {
        padding-top: 20px;
    }
 */
  .section_home_img .col-md-4 img {
    max-width: calc(100% - 1rem);
    /* Reducir el tamaño de la imagen en modo escritorio */
    margin-right: 0.5rem;
    /* Margen derecho entre las imágenes en modo escritorio */
  }
  .section_home_img .col-md-4:last-child img {
    margin-right: 0;
    /* Eliminar el margen derecho de la última imagen */
  }
  /* .home-menu-3-product-header {
        padding-top: 20px;
        padding-right: 15px;
    } */
  .mobile-text {
    display: none;
  }
  .span_text_icon_1 {
    position: relative;
    /* Añadir posición relativa */
    left: 20%;
    /* Mover el enlace un 20% hacia la derecha */
  }
  .nav-tabs .nav-link.active {
    background-color: #f3f3f3;
    border-color: none !important;
  }
  .search-fields {
    display: flex;
    gap: 10px;
    justify-content: none;
  }
  label {
    font-size: 0.6rem;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 220px;
    height: 53px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    border: none;
  }
  .container_tab {
    width: 85%;
    margin: 0px auto;
    max-width: 100%;
  }
  /* .contact-info .phone-number {
        font-size: 1.8rem;
        font-weight: bold;
    } */
  .input_all_home {
    width: 75px;
  }
  .input_home_summer {
    margin-left: 1px;
    font-size: 0.6rem;
    width: 115px;
  }
  .input_home_winter {
    margin-left: 2px;
    font-size: 0.6rem;
    width: 120px;
  }
  .input_home_4station {
    margin-left: 2px;
    font-size: 0.6rem;
    width: 135px;
  }
  .input_home_runflat {
    margin-left: 1px;
    font-size: 0.6rem;
    width: 120px;
  }
  .runflat-text {
    position: relative;
    left: 30px;
    top: -10px;
    font-size: 0.5rem !important;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon-mov {
    display: none;
  }
  .home_search_icon-dimension-info-desktop {
    display: block;
  }
  .home_search_icon-dimension-info-mov {
    display: none;
  }
  .runflat-text {
    font-size: 0.8rem;
    margin-left: 50px;
    position: relative;
    top: -10px;
  }
  .td-runflat-text {
    height: 12px !important;
  }
  /* Agrupación de las clases input_home_* */
  .input_home_summer,
  .input_home_winter,
  .input_home_4station,
  .input_home_runflat {
    margin-left: 7px;
    font-size: 0.8rem;
  }
  .home_search_icon-season-options {
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .home_search_icon-season-options-buttons {
    display: none;
  }
  label {
    font-size: 0.6rem;
  }
  .section_home_img .col-md-4 img {
    max-width: calc(100% - 1rem);
    /* Reducir el tamaño de la imagen */
    margin-right: 0.5rem;
    /* Margen derecho entre las imágenes */
  }
  .section_home_img .col-md-4:last-child img {
    margin-right: 0;
    /* Eliminar el margen derecho de la última imagen */
  }
  .mobile-text {
    display: none;
  }
  .span_text_icon_1 {
    position: relative;
    left: 20%;
    /* Mover el enlace un 20% hacia la derecha */
  }
  .nav-tabs .nav-link.active {
    background-color: #f3f3f3;
    border-color: none !important;
  }
  .container_tab {
    width: 90%;
    margin: 0px auto;
    max-width: 100%;
  }
  /* Eliminación de clases repetidas y combinadas */
  .season-options-container {
    width: 100%;
    margin-top: 10px;
  }
  .season-options {
    display: flex;
    gap: 10px;
  }
  .input_home_runflat {
    text-align: left;
  }
  .runflat-text {
    display: block;
    font-size: 10px;
    color: #666;
    margin-top: 5px;
  }
  .home_temporada {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .btn_home_search {
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 1441px) and (max-width: 1559) {
  .home-menu-3-content {
    width: 100%;
    margin-top: 20px;
    max-width: 1600px;
    max-width: 83.33%;
    margin: 20px auto;
  }
  /* home_container_4 */
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  label {
    font-size: 0.8rem;
  }
  .container_tab {
    width: 90%;
    margin: 0px auto;
    max-width: 100%;
  }
  .season-options {
    display: flex;
  }
  .span_text_icon_2 {
    position: relative;
    right: 0px;
  }
  .home_search_icon-season-options-buttons {
    display: none;
    background-color: red;
  }
  .home_search_icon-season-options {
    display: none;
  }
  .home_search_icon-dimension-info {
    background-color: blue;
  }
  .mobile-text {
    display: none;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
  }
  .runflat-text {
    font-size: 0.8rem;
    margin-left: 50px;
    position: relative;
    top: -10px;
  }
  .td-runflat-text {
    height: 12px !important;
  }
  .input_home_summer {
    margin-left: 30px;
    font-size: 0.8rem;
  }
  .input_home_winter {
    margin-left: 30px;
  }
  .input_home_4station {
    margin-left: 30px;
  }
  .input_home_runflat {
    margin-left: 30px;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 1560px) and (max-width: 1600px) {
  .home-menu-3-content {
    width: 100%;
    margin-top: 20px;
    max-width: 90%;
    margin: 20px auto;
  }
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon-season-options {
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .home_search_icon-season-options-buttons {
    display: none;
  }
  label {
    font-size: 0.7rem;
  }
  /* .home-menu-3-product-header {
        padding-top: 20px;
    } */
  .section_home_img .col-md-4 img {
    max-width: calc(100% - 1rem);
    /* Reducir el tamaño de la imagen en modo escritorio */
    margin-right: 0.5rem;
    /* Margen derecho entre las imágenes en modo escritorio */
  }
  .section_home_img .col-md-4:last-child img {
    margin-right: 0;
    /* Eliminar el margen derecho de la última imagen */
  }
  /* .home-menu-3-product-header {
        padding-top: 10px;
    } */
  .mobile-text {
    display: none;
  }
  .span_text_icon_1 {
    position: relative;
    /* Añadir posición relativa */
    left: 20%;
    /* Mover el enlace un 20% hacia la derecha */
  }
  .nav-tabs .nav-link.active {
    background-color: #f3f3f3;
    border-color: none !important;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
  }
  .runflat-text {
    font-size: 0.8rem;
    margin-left: 50px;
    position: relative;
    top: -10px;
  }
  .td-runflat-text {
    height: 12px !important;
  }
  .input_home_summer {
    margin-left: 30px;
    font-size: 0.8rem;
  }
  .input_home_winter {
    margin-left: 30px;
  }
  .input_home_4station {
    margin-left: 30px;
  }
  .input_home_runflat {
    margin-left: 30px;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 1441px) and (max-width: 1600px) {
  .home_container_10 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
  }
  .container_10_tabs {
    padding-top: 30px;
    width: 90%;
    margin: 0 auto;
  }
  .home_search_icon-season-options-buttons {
    display: none;
  }
  .mobile-text {
    display: none;
  }
  .mobile-text {
    display: none;
  }
  .btn_home_search {
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    border: none;
  }
  .home-menu-3-content {
    width: 100%;
    margin-top: 20px;
    max-width: 90%;
    margin: 20px auto;
  }
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon-mov {
    display: none;
  }
  .home_search_icon-dimension-info-desktop {
    display: block;
  }
  .home_search_icon-dimension-info-mov {
    display: none;
  }
  .runflat-text {
    font-size: 0.8rem;
    margin-left: 50px;
    position: relative;
    top: -10px;
  }
  .td-runflat-text {
    height: 12px !important;
  }
  .input_home_summer {
    margin-left: 7px;
    font-size: 0.8rem;
  }
  .input_home_winter {
    margin-left: 7px;
  }
  .input_home_4station {
    margin-left: 7px;
  }
  .input_home_runflat {
    margin-left: 7px;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .home-menu-3-content {
    width: 90%;
    margin-top: 20px;
    margin: 20px auto;
  }
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon-mov {
    display: none;
  }
  .mobile-text {
    display: none;
  }
  .home_search_icon-dimension-info-desktop {
    display: block;
  }
  .home_search_icon-dimension-info-mov {
    display: none;
  }
  .btn_home_search {
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    border: none;
  }
  .runflat-text {
    font-size: 0.8rem;
    margin-left: 50px;
    position: relative;
    top: -10px;
  }
  .td-runflat-text {
    height: 12px !important;
  }
  /* Agrupación de las clases input_home_* */
  .input_home_summer,
  .input_home_winter,
  .input_home_4station,
  .input_home_runflat {
    margin-left: 30px;
    font-size: 0.8rem;
  }
  .home_search_icon-season-options-buttons {
    display: none;
  }
  /* Fusionando repetición de estilos label */
  label {
    font-size: 0.7rem;
    /* Se mantuvo el valor menor */
  }
  .section_home_img .col-md-4 img {
    max-width: calc(100% - 1rem);
    /* Reducir tamaño de la imagen */
    margin-right: 0.5rem;
    /* Margen entre imágenes */
  }
  .section_home_img .col-md-4:last-child img {
    margin-right: 0;
    /* Eliminar margen derecho de la última imagen */
  }
  .mobile-text {
    display: none;
  }
  .span_text_icon_1 {
    position: relative;
    left: 20%;
    /* Mover el enlace un 20% hacia la derecha */
  }
  .nav-tabs .nav-link.active {
    background-color: #f3f3f3;
    border-color: none !important;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 1601px) and (max-width: 1919px) {
  .home-menu-3-icon {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 188px;
    text-align: center;
    padding-bottom: 4px;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    width: 13%;
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    width: 74%;
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    width: 13%;
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}

@media (min-width: 1920px) {
  /* .home-menu-3-product-header {
        padding-top: 5px;
    } */
  .home_container_4 {
    width: 100%;
    background: #fff;
    opacity: 1;
    margin: 0 auto;
  }
  .home-menu-3-product-image {
    display: flex;
    justify-content: center;
    margin: 0 0;
  }
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 10px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  .home-menu-3-icon {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 188px;
    text-align: center;
    padding-bottom: 4px;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .fabrica_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon_mov {
    display: none;
  }
  .buttons-mov-clima {
    display: none;
  }
  .mobile-text {
    display: none;
  }
  .home_search_icon-mov {
    display: none;
  }
  .home_search_icon-dimension-info-desktop {
    display: block;
  }
  .home_search_icon-dimension-info-mov {
    display: none;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    border: none;
  }
  .runflat-text {
    font-size: 0.8rem;
    margin-left: 50px;
    position: relative;
    top: -10px;
  }
  .input_all_home {
    font-size: 0.8rem;
  }
  .td-runflat-text {
    height: 12px !important;
  }
  .input_home_summer {
    margin-left: 7px;
    font-size: 0.8rem;
  }
  .input_home_winter {
    margin-left: 7px;
    font-size: 0.8rem;
  }
  .input_home_4station {
    margin-left: 7px;
    font-size: 0.8rem;
  }
  .input_home_runflat {
    margin-left: 7px;
    font-size: 0.8rem;
  }
  label {
    display: inline-block;
    margin-bottom: 0px !important;
    font-size: 0.8rem;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    width: 13%;
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    width: 74%;
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    width: 13%;
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .home-menu-3-rating-icon1 {
    float: right;
  }
}
/* Especiales  */
@media (min-width: 575px) and (max-width: 581px) {
  .row_container_home_menu3_tabs_oblicue {
    display: none;
  }
}

@media (min-width: 1559px) and (max-width: 1559px) {
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 130px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon_mov {
    display: none;
  }
  .mobile-text {
    display: none;
  }
  .input_all_home {
    width: auto;
    font-size: 0.6rem !important;
  }
  .input_home_summer {
    margin-left: 1px;
    font-size: 0.6rem;
    width: 115px;
  }
  .input_home_winter {
    margin-left: 2px;
    font-size: 0.6rem;
    width: 110px;
  }
  .input_home_4station {
    margin-left: 2px;
    font-size: 0.6rem;
    width: 135px;
  }
  .input_home_runflat {
    margin-left: 1px;
    font-size: 0.6rem;
    width: auto;
  }
  .btn_home_search {
    /* Layout Properties */
    top: 451px;
    left: 1281px;
    width: 329px;
    height: 53px;
    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
}
@media (min-width: 428px) and (max-width: 926) {
  .home_search_icon-season-options {
    gap: 10px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .buttons-mov-clima {
    display: none;
  }
  .home_search_icon-season-options {
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  /* Agrupación de estilos label */
  label {
    font-size: 0.7rem;
    /* Se mantuvo el valor menor */
  }
  /* .home-menu-3-product-header {
        padding-top: 20px;
    } */
  .section_home_img .col-md-4 img {
    max-width: calc(100% - 1rem);
    /* Reducir tamaño de la imagen */
    margin-right: 0.5rem;
    /* Margen entre imágenes */
  }
  .section_home_img .col-md-4:last-child img {
    margin-right: 0;
    /* Eliminar margen derecho de la última imagen */
  }
  .span_text_icon_1 {
    position: relative;
    left: 20%;
    /* Mover enlace hacia la derecha */
  }
  .nav-tabs .nav-link.active {
    background-color: #f3f3f3;
    border-color: none !important;
  }
  /* Estilos para tabletas pequeñas y teléfonos grandes */
  label {
    font-size: 0.8rem;
    /* Se ajusta a 0.8rem para dispositivos */
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  /* Estilos para los divs de fondo */
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    height: 180px;
  }
  .home-menu-3-tire-image {
    position: relative;
    left: 10px;
  }
  .container_home_select {
    display: none;
  }
  .container_home_menu3_tabs2 {
    max-width: 900px;
    /* Asegúrate de que el contenedor tenga un ancho adecuado */
    /* Centra el contenedor horizontalmente */
    background-color: #eaeaea;
  }
  /* Estilos para las pestañas */
  .home-menu-3-tabs {
    display: flex;
    background-color: #f1f1f1;
    justify-content: space-around;
    /* Distribuye las pestañas con espacio alrededor */
  }
  /* Estilo para cada pestaña */
  .home-menu-3-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background-color: #002b56;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s;
    margin-right: 3px;
    width: 120px;
    text-align: center;
    /* Alinea el texto al centro */
  }
  .btn_img_home1_text_desktop {
    display: block;
  }
  .btn_img_home1_text_mov {
    display: none;
  }
  .container_home_menu3_tabs2 {
    display: block;
  }
  .home_section_search_mov {
    display: none;
  }
  .img_neumatico_mov {
    display: none;
  }
  .buttons-mov-clima {
    display: none;
  }
  .btn_home_search_desktop {
    display: flex;
  }
  .home_search_icon_mov {
    display: none;
  }
  .home_search_icon-mov {
    display: none;
  }
  .mobile-text {
    display: none;
  }
  .home_search_icon-dimension-info-desktop {
    display: block;
  }
  .home_search_icon-dimension-info-mov {
    display: none;
  }
  .label {
    font-size: 0.6rem !important;
  }
  .input_all_home {
    width: 65px;
    font-size: 0.6rem !important;
  }
  .input_home_summer {
    margin-left: 0px;
    font-size: 0.6rem !important;
    width: 115px;
  }
  .input_home_winter {
    margin-left: 0px;
    font-size: 0.6rem !important;
    width: 130px;
  }
  .input_home_4station {
    margin-left: 0px;
    font-size: 0.6rem !important;
    width: 135px;
  }
  .input_home_runflat {
    margin-left: 1px;
    font-size: 0.5rem !important;
    width: 120px;
  }
  .btn_home_search {
    top: 451px;
    left: 1281px;
    width: 129px;
    height: 53px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: white;
    font-size: 13px;
  }
  .runflat-text {
    display: block;
    font-size: 0.6rem;
    color: #666;
    margin-top: 5px;
    position: relative;
    top: -5px;
    left: 30px;
  }
  .section_home_search {
    font-size: 0.6rem !important;
  }
  .row_container_home_menu3_tabs_oblicue {
    height: 20px;
    background-color: #eaeaea;
  }
  .container_home_menu3_tabs_oblicue1,
  .container_home_menu3_tabs_oblicue2,
  .container_home_menu3_tabs_oblicue3 {
    height: 40px;
    /* Ajusta la altura según sea necesario */
  }
  .container_home_menu3_tabs_oblicue1 {
    background-color: #ffffff;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  }
  .container_home_menu3_tabs_oblicue2 {
    background-color: #eaeaea;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .container_home_menu3_tabs_oblicue3 {
    background-color: #ffffff;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 20px 100%);
  }
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    height: 180px;
  }
}
@media (min-width: 768px) and (max-width: 820px) {
  .container_home_select {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }
  .menu_select_movil {
    display: block;
  }
  .row_container_home_menu3_tabs_oblicue {
    display: none;
  }
  .box_search_select {
    width: 100% !important;
  }
  .buttons-mov-clima {
    width: 100% !important;
  }
  .desktop-menu {
    display: none;
  }
}
.background-div-img-1 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 20px;
}
.background-div-img-2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 20px;
}
.background-div-img-3 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 20px;
}
/* General Button Styles */
.product-btn {
  display: inline-block;
  color: #082952;
  background-color: #fff;
  padding: 9px 18px;
  /* Mantiene la reducción del padding en un 10% */
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  width: auto;
  white-space: nowrap;
  font-size: 90%;
  /* Mantiene el tamaño de texto reducido en un 10% */
}
/* Estilos adicionales para ajustar márgenes */
.section_home_img_A,
.section_home_img_B,
.section_home_img_C {
  padding-left: 0.5rem;
  /* padding-right: 0.5rem; */
}
/* Ocultar todas las versiones de los botones por defecto */
.product-btn {
  display: none;
}
/* Mostrar solo los botones de la versión móvil en pantallas de 320px a 820px */
@media (max-width: 820px) {
  .background-div-img-1 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-2 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-3 {
    height: 200px;
    /* Altura por defecto */
  }
  .btn-mobile {
    display: inline-block;
    font-size: 1.6rem;
    padding: 7px 16px;
  }
}
/* Mostrar solo los botones de la versión escritorio en pantallas de 1024px en adelante */
@media (min-width: 1024px) {
  .background-div-img-1 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-2 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-3 {
    height: 200px;
    /* Altura por defecto */
  }
  .btn-desktop {
    display: inline-block;
    font-size: 1.2rem;
    padding: 2% 4%;
  }
}
/* Versión móvil (320px a 420px) */
@media (max-width: 420px) {
  .product-btn {
    font-size: 1rem;
    padding: 7px 16px;
  }
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: cover;
    padding-bottom: 60%;
    position: relative;
  }
  .button-wrapper {
    position: absolute;
    bottom: 11%;
    /* Incrementa el margen inferior en un 7% (de 6% a 13%) */
    left: 6%;
  }
}
/* Versión móvil y tablets pequeñas (421px a 820px) */
@media (min-width: 421px) and (max-width: 820px) {
  .product-btn {
    font-size: 1.15rem;
    padding: 9px 18px;
  }
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: cover;
    padding-bottom: 55%;
    position: relative;
  }
  .button-wrapper {
    position: absolute;
    bottom: 11%;
    /* Incrementa el margen inferior en un 7% (de 6% a 13%) */
    left: 6%;
  }
  .background-div-img-1 {
    height: 145px;
    /* Altura por defecto */
  }
  .background-div-img-2 {
    height: 145px;
    /* Altura por defecto */
  }
  .background-div-img-3 {
    height: 145px;
    /* Altura por defecto */
  }
}
/* Tablets (821px a 1024px) */
@media (min-width: 821px) and (max-width: 1024px) {
  .product-btn {
    font-size: 0.8rem;
    padding: 10px 22px;
  }
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    padding-bottom: 50%;
    position: relative;
  }
  .button-wrapper {
    position: absolute;
    bottom: 11%;
    /* Incrementa el margen inferior en un 7% (de 6% a 13%) */
    left: 6%;
  }
  .background-div-img-1 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-2 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-3 {
    height: 200px;
    /* Altura por defecto */
  }
}
.button-wrapper {
  position: absolute;
  bottom: 12%;
  /* Margen inferior del 15% */
  left: 10%;
  /* Margen izquierdo del 15% */
}
/* Versión de escritorio (1024px y superior) */
/* Ajustes desde 1024px a 1360px */
/* Versión de escritorio (1024px y superior) */
@media (min-width: 1024px) and (max-width: 1360px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 52%;
    /* Aumentar espacio de imágenes en un 30% */
  }
  .product-btn {
    font-size: 0.9rem;
    /* Tamaño relativo más consistente que `vw` */
    padding: 0.5rem 1rem;
    /* Relleno basado en `rem` para consistencia */
  }
  .background-div-img-1 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-2 {
    height: 200px;
    /* Altura por defecto */
  }
  .background-div-img-3 {
    height: 200px;
    /* Altura por defecto */
  }
}
/* Resoluciones de 1361px a 1440px */
@media (min-width: 1361px) and (max-width: 1440px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 46%;
    /* Ajustar tamaño de los div */
  }
  .product-btn {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
  }
  /* .section_home_img_A, 
    .section_home_img_B, 
    .section_home_img_C {
        padding-left: 3rem;
        padding-right: 0.8rem;
    } */
  .background-div-img-1 {
    height: 230px;
    /* Altura por defecto */
    width: 95%;
  }
  .background-div-img-2 {
    height: 230px;
    /* Altura por defecto */
    width: 95%;
  }
  .background-div-img-3 {
    height: 230px;
    /* Altura por defecto */
    width: 95%;
  }
}
/* Resoluciones de 1441px a 1643px */
@media (min-width: 1441px) and (max-width: 1643px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 40%;
  }
  .product-btn {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
  }
  /* .section_home_img_A, 
    .section_home_img_B, 
    .section_home_img_C {
        padding-left: 3rem;
        padding-right: 0.8rem;
    } */
  .background-div-img-1 {
    height: 240px;
    /* Altura por defecto */
    width: 95%;
  }
  .background-div-img-2 {
    height: 240px;
    /* Altura por defecto */
    width: 95%;
  }
  .background-div-img-3 {
    height: 240px;
    /* Altura por defecto */
    width: 95%;
  }
}
/* Resoluciones de 1644px a 1920px */
@media (min-width: 1644px) and (max-width: 1920px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 32%;
  }
  .product-btn {
    font-size: 1rem;
    padding: 0.6rem 1rem;
  }
  .background-div-img-1 {
    height: 260px;
    /* Altura por defecto */
  }
  .background-div-img-2 {
    height: 260px;
    /* Altura por defecto */
  }
  .background-div-img-3 {
    height: 260px;
    /* Altura por defecto */
  }
  /* Aumentar el espacio entre divs en un 15% */
  /* .section_home_img_A,
    .section_home_img_B,
    .section_home_img_C {
        margin-bottom: 3.5rem; 
    } */
  /* Añadir márgenes laterales mayores a la derecha y a la izquierda */
  .section_home_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
/* Para pantallas mayores a 1920px */
@media (min-width: 1921px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 32%;
  }
  .product-btn {
    font-size: 1vw;
    padding: 3% 7%;
  }
}
/** --------------------------------*/
/* Estilos generales para todas las pantallas */
.section_home_img {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.section_home_img_A,
.section_home_img_B,
.section_home_img_C {
  padding-left: 0.5rem;
  margin-bottom: 1.5rem;
}
/* Estilos para las imágenes de fondo */
.background-div-img-1,
.background-div-img-2,
.background-div-img-3 {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 20px;
}
/* Estilos generales del botón */
.product-btn {
  display: inline-block;
  color: #082952;
  background-color: #fff;
  padding: 9px 18px;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  font-size: 90%;
}
/* Ocultar botones por defecto */
.product-btn {
  display: none;
}
/* Estilos para móviles de 320px a 420px */
@media (max-width: 420px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    height: 165px;
    /* Mantener la altura fija */
  }
  /* Botones móviles para pantallas pequeñas */
  .btn-mobile {
    display: inline-block;
    font-size: 0.8rem;
    /* Reducir el tamaño de la fuente */
    padding: 6px 14px;
    /* Ajustar el padding para pantallas pequeñas */
  }
  .button-wrapper {
    position: absolute;
    bottom: 10%;
    /* Ajustar la posición del botón */
    left: 6%;
  }
}
/* Estilos para móviles de 421px a 820px */
@media (min-width: 421px) and (max-width: 820px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 55%;
    position: relative;
  }
  .product-btn {
    font-size: 1.15rem;
    padding: 9px 18px;
  }
  .btn-mobile {
    display: inline-block;
    /* font-size: 1.2rem; */
    padding: 2% 4%;
  }
  .button-wrapper {
    position: absolute;
    bottom: 11%;
    left: 6%;
  }
}
/* Estilos para pantallas de 1024px en adelante */
@media (min-width: 1024px) {
  .section_home_img {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
  }
  .section_home_img_A,
  .section_home_img_B,
  .section_home_img_C {
    flex: 1;
    max-width: 32%;
  }
  /* Botones en escritorio */
  .btn-desktop {
    display: inline-block;
    /* font-size: 1.2rem; */
    padding: 2% 4%;
  }
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    padding-bottom: 52%;
    /* height: 240px; */
  }
  .button-wrapper {
    bottom: 12%;
    left: 7%;
  }
}
/* Estilos adicionales para pantallas grandes */
@media (min-width: 1361px) and (max-width: 1920px) {
  .product-btn {
    font-size: 1rem;
    padding: 0.6rem 1rem;
  }
  .section_home_img_A,
  .section_home_img_B,
  .section_home_img_C {
    max-width: 95%;
  }
}
@media (min-width: 1920px) {
  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border-radius: 20px;
  }
}

/********** Estilos de las secciones de la home ************/

/*Seccion 3*/
.section_home_slider {
  position: relative;
  /* Asegura que los elementos absolutos se posicionen con respecto a este contenedor */
  width: 100%;
  /* Ancho completo del contenedor */
  height: auto;
  /* Altura específica */
}
@media (max-width: 768px) {
  .section_home_slider {
    height: auto;
  }
}
/*Fin Seccion 3*/

/*Seccion 4*/

/* .row-result-product{
    margin: 0 auto;
   
} */
/* Media query para resoluciones de 320px a 1280px */
@media (min-width: 320px) and (max-width: 1280px) {
  /* Mostrar la versión de iconos para pantallas pequeñas */
  .icons-small-screen {
    display: flex;
  }

  /* Ocultar la versión de iconos para pantallas grandes */
  .icons-large-screen {
    display: none;
  }
}

/* Media query para resoluciones de 320px a 1280px */
@media (min-width: 1281px) and (max-width: 2560px) {
  /* Mostrar la versión de iconos para pantallas pequeñas */
  .icons-small-screen {
    display: none;
  }

  /* Ocultar la versión de iconos para pantallas grandes */
  .icons-large-screen {
    display: flex;
  }
}

@media (min-width: 376px) and (max-width: 420px) {
  .container_home_select {
    width: 100%;
    padding: 0px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 100%;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 90%;
    height: 310px;
    background-color: white;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 2rem;
  }
}

@media (min-width: 421px) and (max-width: 480px) {
  .container_home_select {
    width: 100%;
    padding: 20px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 95%;
    margin: 0 auto;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 90%;
    height: 310px;
    background-color: white;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 2rem;
  }
}

@media (min-width: 481px) and (max-width: 580px) {
  .container_home_select {
    width: 100%;
    padding: 0px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 100%;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 100%;
    height: 332px;
    background-color: white;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
}

@media (min-width: 769px) and (max-width: 820px) {
  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 320px;
    height: 332px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
  .contact-info,
  .icons {
    display: none;
  }

  .mobile-search-label´ {
    display: block !important;
  }
}

@media (min-width: 821px) and (max-width: 1023px) {
  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 450px;
    height: 332px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
  .contact-info,
  .icons {
    display: none;
  }

  .mobile-search-label´ {
    display: block;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .home-menu-3-product-card {
    width: 48%; /* Two items per row */
  }
  /* Container for product cards */
  .home-menu-3-content-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* To center the items in each row */
    gap: 10px; /* Adds space between cards */
  }

  .home-menu-3-product-card {
    width: 95%; /* Adjusted to allow two items per row */
    height: auto;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 20px; /* Add margin to create space between rows */
    box-sizing: border-box;
  }

  /* Ensure images and content resize properly */
  .home-menu-3-tire-image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .home-menu-3-brand-logo {
    width: 70px;
    height: 50px;
  }
  .home-menu-3-product-title {
    font-size: 18px;
    margin: 0px 0;
    font-weight: bold;
  }
  .home-menu-3-product-size {
    color: gray;
    font-size: 15px;
  }
  .home-menu-3-amount {
    font-size: 1.2rem;
    color: #000;
    margin-left: 5px;
    font-weight: bold;
  }
  .pvp_desktop {
    font-size: 0.8rem;
    color: #000;
    position: relative;
    top: 3px;
  }

  .text-dB {
    font-size: 15px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;

    /* max-height: 30px; */
    margin-top: 3px;
    margin-left: 3px;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }
  .icons-div-result {
    border: 1px solid #000;
    padding: 3px;
    height: 35px !important;
    width: 220px;
  }

  .home-menu-3-content-section.active {
    display: block;
    padding-top: 40px !important;
  }

  .home-menu-3-content-section-col {
    padding: 0; /* Elimina padding para que el espacio sea uniforme */
  }

  .home_icons_div_result2 {
    height: 130px;
  }

  .icons-large-screen {
    display: flex;
    height: 40px;
  }

  .home-menu-3-product-title {
    font-size: 23px;
    margin: 0px 0;
    font-weight: bold;
  }

  .home-menu-3-product-size {
    color: gray;
    font-size: 17px;
  }

  .home-menu-3-tire-image {
    position: relative;
    top: -10px;
  }

  .home-menu-3-product-card {
    width: 100%; /* Asegura que las tarjetas ocupen el 100% del contenedor */
    max-width: 380px; /* Limita el ancho máximo de las tarjetas */
    min-width: 200px;
    height: 315px; /* Ajusta la altura automáticamente */
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 30px; /* Margen inferior para separar tarjetas verticalmente */
    margin: 0 auto;
    /* margin-left: 10px; */
    border-radius: 20px;
    padding-bottom: 20px !important;
    display: flex;
    flex-direction: column; /* Esto permitirá que el contenido se apile verticalmente */
  }

  .home-menu-3-product-footer-row {
    margin-top: 15px;
  }

  .row-result-product {
    display: flex;
    justify-content: space-between; /* Asegura que haya espacio entre las tarjetas */
  }

  .home-menu-3-product-header {
    padding-top: 8px;
    padding-right: 15px;
  }

  .home-menu-3-content {
    width: 83.33%;
    margin-top: 20px;
    max-width: 90%;
    margin: 20px auto;
  }
  .home-menu-3-product-size {
    padding-left: 15px;
  }

  .home-menu-3-product-title {
    padding-left: 10px;
  }

  .home_icons_div_result2 {
    padding-right: 15px;
  }
  .img-estrellas {
    width: 100px;
    height: 25px;
  }
}

@media (min-width: 1441px) and (max-width: 1679px) {
  .home-menu-3-brand-logo {
    width: 150px;
    height: auto;
  }

  .home-menu-3-product-card {
    width: 100%;
    height: 375px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 10px;
    /* padding-bottom: 10px; */
    margin-bottom: 1rem;
    border-radius: 20px;
  }

  .home-menu-3-amount {
    font-size: 36px;
  }
  .home-menu-3-tire-image {
    width: 131px;
    height: 175px;
    max-height: 168px !important;
    position: relative;
    top: 10px;
  }

  .home-menu-3-product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-right: 10px;
  }
  .home-menu-3-product-size {
    padding-left: 12px;
  }

  .home-menu-3-product-title {
    padding-left: 10px;
  }

  .home_icons_div_result2 {
    padding-right: 20px;
  }
}

@media (min-width: 1680px) and (max-width: 1919px) {
  .home-menu-3-product-card {
    width: 100%;
    height: 376px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
}

@media (min-width: 300px) and (max-width: 1023px) {
  .container_home_menu3_tabs {
    display: none;
  }
}

@media (min-width: 820px) and (max-width: 1023px) {
  .container_home_menu3_tabs {
    display: none;
  }

  .container_home_select {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  #myTab {
    display: none;
  }

  nav {
    display: none;
    flex-direction: column;
    width: 100%;
  }

  .contact-info,
  .icons {
    display: none;
  }

  .mobile-search-label´ {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1024px) {
  .home_icon_desk_gas {
    width: 24px;
    height: 30px;
  }

  .home-menu-3-product-card {
    width: 48%; /* Two items per row */
  }
  /* Container for product cards */
  .home-menu-3-content-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* To center the items in each row */
    gap: 10px; /* Adds space between cards */
  }
  .home-menu-3-content-section-col {
    display: flex;
    justify-content: center; /* Centra el contenido dentro de cada columna */
  }

  .home-menu-3-product-card {
    flex: 1 1 calc(33.333% - 20px); /* Tres productos por fila, con un margen entre ellos */
    max-width: 270px; /* Ajusta el ancho máximo de cada tarjeta */
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  /* Ensure images and content resize properly */
  .home-menu-3-tire-image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .home-menu-3-brand-logo {
    width: 70px;
    height: 50px;
  }
  .home-menu-3-product-title {
    font-size: 18px;
    margin: 0px 0;
    font-weight: bold;
  }
  .home-menu-3-product-size {
    color: gray;
    font-size: 15px;
  }
  .home-menu-3-amount {
    font-size: 1.2rem;
    color: #000;
    margin-left: 5px;
    font-weight: bold;
  }
  .pvp_desktop {
    font-size: 0.8rem;
    color: #000;
    position: relative;
    top: 3px;
  }

  .text-dB {
    font-size: 13px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;

    /* max-height: 30px; */
    margin-top: 3px;
    margin-left: 3px;
  }
  .img-estrellas {
    width: 100px;
    height: 25px;
  }

  .home-menu-3-rating-icon1 {
    width: 18px;
    height: 19px;
    margin-left: 5px;
    float: right;
    margin-top: 0 !important;
    position: relative;
    top: 3px;
  }

  .row-result-product {
    display: flex;
    justify-content: space-between; /* Distribuye el espacio entre las tarjetas de productos */
    flex-wrap: wrap; /* Para que los productos se alineen en filas si hay más de 3 */
    gap: 0px; /* Ajusta el espacio entre cada tarjeta */
    padding: 20px 0;
  }

  .home_container_4 {
    display: flex;
    justify-content: space-between; /* Asegura que haya espacio entre las tarjetas */
  }

  .home-menu-3-buy-button {
    width: 140px;
    height: 35px;

    /* UI Properties */
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;

    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
    font-size: 15px;
  }
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .home_icon_desk_gas {
    width: 24px;
    height: 30px;
  }

  .img-estrellas {
    width: 100px;
    height: 25px;
  }

  .row-result-product {
    display: flex;
    justify-content: space-between; /* Distribuye el espacio entre las tarjetas de productos */
    flex-wrap: wrap; /* Para que los productos se alineen en filas si hay más de 3 */
    gap: 0px; /* Ajusta el espacio entre cada tarjeta */
    padding: 20px 0;
  }

  .home-menu-3-content-section-col {
    display: flex;
    justify-content: center; /* Centra el contenido dentro de cada columna */
  }
  .home-menu-3-product-card {
    flex: 1 1 calc(33.333% - 20px); /* Tres productos por fila, con un margen entre ellos */
    max-width: 95%; /* Ajusta el ancho máximo de cada tarjeta */
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  .home-menu-3-rating-icon1 {
    width: 25px;
    height: 25px;
    margin-left: 5px;
    float: right;
    margin-top: 0 !important;
    position: relative;
    top: 1px;
  }

  .home-menu-3-tire-image {
    position: relative;
    top: -10px;
    /* left: 20px; */
  }

  .icon_e_green {
    position: relative;
    top: 5px;
    height: 18px !important;
  }

  .icon_e_yellow {
    position: relative;
    top: 5px;
    height: 18px !important;
  }

  .home-menu-3-buy-button {
    max-width: 211px;
    min-width: 160px;
    max-height: 53px;
    min-height: 45px;

    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;

    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }
}

@media (min-width: 1366px) and (max-width: 1440px) {
  .home_icon_desk_gas {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .icon_e_green {
    position: relative;
    top: 5px;
  }

  .icon_e_yellow {
    position: relative;
    top: 5px;
  }

  .img-estrellas {
    width: 100px;
    height: 25px;
  }
  .row-result-product {
    display: flex;
    justify-content: space-between; /* Distribuye el espacio entre las tarjetas de productos */
    flex-wrap: wrap; /* Para que los productos se alineen en filas si hay más de 3 */
    gap: 0px; /* Ajusta el espacio entre cada tarjeta */
    padding: 20px 0;
  }

  .home-menu-3-content-section-col {
    display: flex;
    justify-content: center; /* Centra el contenido dentro de cada columna */
  }
  .home-menu-3-product-card {
    flex: 1 1 calc(33.333% - 20px); /* Tres productos por fila, con un margen entre ellos */
    max-width: 95%; /* Ajusta el ancho máximo de cada tarjeta */
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  .home-menu-3-tire-image {
    position: relative;
    top: -10px;
    left: 20px;
  }

  .home-menu-3-buy-button {
    max-width: 211px;
    min-width: 160px;
    max-height: 53px;
    min-height: 45px;

    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;

    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }
}

@media (min-width: 1441px) and (max-width: 1600px) {
  .home_icon_desk_gas {
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    margin-right: 5px;
  }

  .home_icon_desk_nube {
    width: 30px;
    height: 20px;
  }

  .icon_e_green {
    position: relative;
    top: 5px;
    width: 30px;
    height: 20px;
  }

  .icon_e_yellow {
    position: relative;
    top: 5px;
    width: 30px;
    height: 20px;
  }

  .home-menu-3-content {
    width: 100%;
    margin-top: 20px;
    max-width: 83.33%;
    margin: 20px auto;
  }
  .home-menu-3-tire-image {
    position: relative;
    top: -8px;
  }
  .home_icons_div_result2 {
    height: 130px;
  }

  .img-estrellas {
    width: 100px;
    height: 25px;
  }

  .home-menu-3-content-section-col {
    padding: 0; /* Elimina padding para que el espacio sea uniforme */
  }

  .home-menu-3-product-card {
    width: 400px; /* Asegura que las tarjetas ocupen el 100% del contenedor */

    height: 315px; /* Ajusta la altura automáticamente */
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 30px; /* Margen inferior para separar tarjetas verticalmente */
    margin: 0 auto;
    /* margin-left: 10px; */
    border-radius: 20px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column; /* Esto permitirá que el contenido se apile verticalmente */
  }

  .row-result-product {
    display: flex;
    justify-content: space-between; /* Asegura que haya espacio entre las tarjetas */
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
    /* margin-top: 0 !important; */
  }
  .home_icon_desk_nube {
    width: 30px;
    height: 30px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 25px;
    height: auto;

    position: relative;
    top: -5px;
  }

  .text-dB {
    font-size: 17px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: auto;
    height: 40px;
    max-height: 30px;
    margin-top: 5px;
    margin-left: 3px;
  }

  .icons-large-screen {
    height: 38px;
    width: 226px;
  }

  .home-menu-3-amount {
    font-size: 28px;
  }
  .home-menu-3-tire-image {
    width: 100%;
    height: auto;
    max-height: 168px;
  }

  .home-menu-3-product-size {
    color: gray;
    font-size: 15px !important;
  }

  .home-menu-3-product-title {
    font-size: 22px;
    margin: 0px 0;
    font-weight: bold;
  }

  .pvp_desktop {
    font-size: 0.8rem;
    color: #000;
    position: relative;
    top: 5px;
  }

  .home-menu-3-buy-button {
    width: 170px;
    height: 53px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
    font-size: 1.2rem;
  }

  .home-menu-3-product-header {
    padding-right: 1rem;
  }
}

@media (min-width: 1601px) and (max-width: 1643px) {
  .home_container_4 {
    display: flex;
    justify-content: center; /* Centra horizontalmente el contenido */
    align-items: center; /* Si deseas centrar verticalmente */
    padding: 20px; /* Ajusta el padding según sea necesario */
  }

  .row-result-product {
    display: flex;
    justify-content: center; /* Centra el contenido dentro de la fila */
    flex-wrap: wrap; /* Asegura que los productos se alineen en filas si hay más de uno */
    gap: 0px; /* Ajusta el espacio entre las tarjetas */
  }

  .home-menu-3-content-section-col {
    display: flex;
    justify-content: center; /* Centra horizontalmente las columnas */
  }
  .icon_e_green {
    position: relative;
    top: 9px;
    height: 25px;
  }

  .icon_e_yellow {
    position: relative;
    top: 9px;
    height: 25px;
  }
}

@media (min-width: 1601px) and (max-width: 1920px) {
  .home_icon_desk_gas {
    width: 24px;
    height: 24px;
    position: relative;
    top: 3px;
    margin-right: 5px;
  }

  .home-menu-3-brand-logo {
    width: 150px;
    height: auto;
  }

  .home-menu-3-content-section-col {
    padding: 0; /* Elimina padding para que el espacio sea uniforme */
  }

  .home-menu-3-product-card {
    width: 450px; /* Asegura que las tarjetas ocupen el 100% del contenedor */

    height: 345px; /* Ajusta la altura automáticamente */
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    margin-bottom: 30px; /* Margen inferior para separar tarjetas verticalmente */
    margin-right: 15px; /* Añade margen derecho para separar horizontalmente */
    margin-left: 10px;
    border-radius: 20px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column; /* Esto permitirá que el contenido se apile verticalmente */
  }

  .home-menu-3-amount {
    font-size: 36px;
  }
  .home-menu-3-tire-image {
    width: 131px;
    height: 175px;
    max-height: 168px !important;
    position: relative;
    top: 10px;
    margin-left: 15px;
  }

  .home-menu-3-buy-button {
    width: 211px;
    height: 53px;

    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;

    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }
}

@media (min-width: 1640px) and (max-width: 1919px) {
  .home_icon_desk_gas {
    width: 24px;
    /* height: 30px; */
  }

  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .home-menu-3-brand-logo {
    width: 150px;
    height: auto;
  }

  .home-menu-3-product-card {
    padding-top: 12px;
    padding-left: 1rem;
  }
  .home_icons_div_result2 {
    padding-right: 20px;
  }

  .home-menu-3-product-header {
    padding-right: 8px;
  }

  .home-menu-3-buy-button {
    max-width: 211px;
    min-width: 160px;
    max-height: 53px;
    min-height: 45px;

    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;

    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }
}

@media (min-width: 1920px) {
  .home-menu-3-product-header {
    padding-right: 10px;
    margin-top: 8px;
  }

  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .home-menu-3-brand-logo {
    width: 150px;
    height: auto;
  }

  .home-menu-3-product-header {
    padding-top: 2px;
  }

  .home-menu-3-product-card {
    padding-top: 15px;
    padding-left: 1.5rem;
  }

  .home_icons_div_result2 {
    padding-bottom: 0px;
  }

  .home-menu-3-content {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
  }
  .home_icons_div_result2 {
    padding-right: 20px;
  }

  .home-menu-3-product-card {
    height: 360px; /* Ajusta la altura automáticamente */
  }
}

/*Movil */
@media (min-width: 320px) and (max-width: 375px) {
  .container_home_select {
    width: 100%;
    padding: 20px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 90%;
    height: 300px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 2rem;
  }

  .home-menu-3-product-info {
    margin-top: 10px;
    text-align: left;
    height: 55px;
  }

  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 13px;
    margin-top: 1px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    /* width: 18px;
        height: 19px; */
    margin-left: 5px;
    float: right;

    /* position: relative;
        top: 3px; */
  }
  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    width: 180px;

    margin-top: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
  }
  .icons-div-result {
    border-radius: 5px;
    width: 165px;
    margin-right: 15px;
    height: 30px;
  }
  .home_icon_mov_etYellow {
    width: 20px;
    height: 18px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 20px;
    height: 18px;
    position: relative;
    top: 3px;
  }

  .home_icon_mov_gas {
    height: 16px;
    margin-top: 3px;
  }
  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 22px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }
  .home-menu-3-product-title {
    font-size: 24px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 16px;
    margin-left: 15px;
  }
}
@media (min-width: 376px) and (max-width: 419px) {
  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
    margin-top: 0 !important;
  }

  .home-menu-3-product-title {
    font-size: 29px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 20px;
    margin-left: 15px;
  }

  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
    margin-left: 10px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    /* width: 240px;         */
    margin-top: 15px;
    padding-right: 25px;
  }
  .icons-div-result {
    border-radius: 5px;
    width: 190px;
    margin-right: 15px;
    height: 35px;
  }
  .home_icon_mov_etYellow {
    width: 19px;
    height: 16px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }

  .home_icon_mov_gas {
    height: 25px;
  }
  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }
}
@media (min-width: 420px) and (max-width: 480px) {
  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
  }

  .home-menu-3-product-title {
    font-size: 29px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 20px;
    margin-left: 15px;
  }

  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
    margin-left: 10px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    width: 240px;
    margin-top: 15px;
    padding-right: 15px;
  }
  .icons-div-result {
    width: 190px;
    margin-right: 15px;
    height: 35px;
  }
  .home_icon_mov_etYellow {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_gas {
    height: 20px;
    margin-top: 2px;
  }
  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }
}
@media (min-width: 481px) and (max-width: 581px) {
  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
  }
  .home_icon_mov_gas {
    height: 20px;
    margin-top: 2px;
  }

  .home-menu-3-product-title {
    font-size: 29px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 20px;
    margin-left: 15px;
  }

  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
    margin-left: 10px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    /* width: 240px;         */
    margin-top: 15px;

    padding-right: 25px;
  }
  .icons-div-result {
    width: 190px;
    margin-right: 15px;
    height: 35px;
  }
  .home_icon_mov_etYellow {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }

  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }

  /* .home-menu-3-tire-image {
        width: 3rem;
        height: 2rem;
        max-height: 158px !important;
    } */

  .container_home_select {
    width: 100%;
    padding: 0px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 100%;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 100%;
    height: 305px;
    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
}

@media (min-width: 582px) and (max-width: 768px) {
  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
  }
  .home_icon_mov_gas {
    height: 20px;
    margin-top: 2px;
  }

  .home-menu-3-product-title {
    font-size: 29px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 20px;
    margin-left: 15px;
  }

  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
    margin-left: 10px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    /* width: 240px;         */
    margin-top: 15px;

    padding-right: 25px;
  }
  .icons-div-result {
    width: 190px;
    margin-right: 15px;
    height: 35px;
    border-radius: 5px;
  }
  .home_icon_mov_etYellow {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }

  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }

  /* .home-menu-3-tire-image {
        width: 3rem;
        height: 2rem;
        max-height: 158px !important;
    } */

  .container_home_select {
    width: 100%;
    padding: 0px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 100%;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 100%;
    height: 305px;
    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
}

/* tablet*/
@media (min-width: 769px) and (max-width: 820px) {
  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
  }
  .home_icon_mov_gas {
    height: 20px;
    margin-top: 2px;
  }

  .home-menu-3-product-title {
    font-size: 29px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 20px;
    margin-left: 15px;
  }

  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
    margin-left: 10px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    /* width: 240px;         */
    margin-top: 15px;

    padding-right: 25px;
  }
  .icons-div-result {
    width: 190px;
    margin-right: 15px;
    height: 35px;
  }
  .home_icon_mov_etYellow {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }

  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }

  /* .home-menu-3-tire-image {
        width: 3rem;
        height: 2rem;
        max-height: 158px !important;
    } */

  .container_home_select {
    width: 100%;
    padding: 0px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 100%;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 100%;
    height: 305px;
    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
}

/* tablet - netbook */
@media (min-width: 821px) and (max-width: 1023px) {
  .icon_e_yellow {
    position: relative;
    top: 7px;
    height: 25px;
  }

  .icon_e_green {
    position: relative;
    top: 7px;
    height: 25px;
  }
  .text-dB {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 3px;
  }

  .home-menu-3-tire-image {
    width: 100px;
    height: 158px;
    max-height: 128px !important;

    margin-top: 15px;
    margin-left: 15px;
  }
  .img-estrellas {
    position: relative;
    left: -15px;
    /* width: 135px; */
    /* height: 35px; */
  }
  .home-menu-3-buy-button {
    width: 150px;
    height: 50px;
    background: #0045ef 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    align-items: flex-end;
  }

  .home-menu-3-rating-icon1 {
    margin-left: 5px;
    float: right;
  }
  .home_icon_mov_gas {
    height: 20px;
    margin-top: 2px;
  }

  .home-menu-3-product-title {
    font-size: 29px;
    margin: 0px 0;
    font-weight: bold;
    margin-left: 15px;
  }

  /* Tamaño del producto */
  .home-menu-3-product-size {
    color: gray;
    font-size: 20px;
    margin-left: 15px;
  }

  .home-menu-3-brand-logo {
    width: 100px;
    /* max-width: 125px; */
    height: 60px;
    margin-left: 10px;
  }
  .home-menu-3-product-header-img {
    width: auto;
  }
  .home-menu-3-content-section-col {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  .home_icons_div_result2 {
    /* width: 240px;         */
    margin-top: 15px;

    padding-right: 25px;
  }
  .icons-div-result {
    width: 190px;
    margin-right: 15px;
    height: 35px;
  }
  .home_icon_mov_etYellow {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }
  .home_icon_mov_etGreen {
    width: 25px;
    height: 22px;
    position: relative;
    top: 3px;
  }

  .home_icon_mov_nube {
    position: relative;
    top: 3px;
  }

  .home-menu-3-rating-volumen-icon1 {
    width: 20px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-left: 3px;
  }

  /* .home-menu-3-tire-image {
        width: 3rem;
        height: 2rem;
        max-height: 158px !important;
    } */

  .container_home_select {
    width: 100%;
    padding: 0px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0045ef15;
  }

  .home-menu-3-content-section-col {
    width: 100%;
  }

  .home-select-menu-2-select-selected {
    background-color: #ffffff;
    border: 1px solid #0045ef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 15px;
    box-sizing: border-box;
    color: #0045ef;
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }

  .home-menu-3-product-card {
    width: 100%;
    height: 305px;
    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding-left: 10px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
  }
}
/*Fin Seccion 4*/

/*Seccion 5*/

.product-btn {
  border: none;
}
/* Estilos para pantallas móviles */
@media (max-width: 768px) {
  .section_home_icons {
    display: flex;
    flex-wrap: wrap; /* Asegura que los ítems se envuelvan en pantallas pequeñas */
  }

  .section_home_icons .col-6 {
    flex: 1 1 50%; /* Permite que las columnas ocupen el 50% del ancho disponible */
  }

  .section_home_icons img {
    margin-bottom: 0; /* Asegura que no haya espacio adicional debajo de la imagen */
  }

  .section_home_icons p {
    margin-top: 10px; /* Ajusta el espaciado entre la imagen y el texto */
    font-size: 11px;
  }

  .container_img {
    /* padding-top: 30px; */
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px auto;
  }

  .home_img_pic_envio_gratis {
    width: 120px;
    height: 80px;
  }

  .home_img_pic_devol_gratis {
    width: 80px;
    height: 80px;
  }

  .home_img_pic_talleres {
    width: 70px;
    height: 70px;
  }

  .home_img_pago_flex {
    width: 70px;
    height: 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .section_home_img {
    width: 83.33%;
  }
}
@media (min-width: 1441px) and (max-width: 1639px) {
  .section_home_img {
    width: 90%;
  }
}
@media (min-width: 1640px) and (max-width: 1919px) {
  .section_home_img {
    width: 83.37%;
  }

  .container_img {
    display: flex;
    justify-content: center; /* Para centrar horizontalmente el contenido */
    align-items: center; /* Para alinear verticalmente si es necesario */
    width: 100%;
    margin: 0 auto; /* Centra el contenedor dentro de su contenedor padre */
  }

  .section_home_img {
    display: flex;
    justify-content: space-between; /* Distribuye los bloques con espacio entre ellos */
    width: 90%;
    max-width: 1600px;
  }

  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 93%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin: 0 auto 20px auto; /* Centra el div horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1920px) {
  .section_home_img {
    width: 100%;
    max-width: 1600px;
  }
  .container_img {
    display: flex;
    justify-content: center; /* Para centrar horizontalmente el contenido */
    align-items: center; /* Para alinear verticalmente si es necesario */
    width: 100%;
    margin: 0 auto; /* Centra el contenedor dentro de su contenedor padre */
  }

  .section_home_img {
    display: flex;
    justify-content: space-between; /* Distribuye los bloques con espacio entre ellos */
    width: 100%;
  }

  .background-div-img-1,
  .background-div-img-2,
  .background-div-img-3 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 93%;
    height: 292px;
    border-radius: 20px;
    position: relative;
    margin: 0 auto 20px auto; /* Centra el div horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*Fin Seccion 5*/

/*Seccion 6*/
@media (min-width: 1024px) and (max-width: 1280px) {
  .container_home_menu3_tabs_mov {
    margin-top: 70px;
  }

  .home-menu-3-content-section {
    display: none;
    margin-top: 0px;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .container_home_menu3_tabs_mov {
    margin-top: 70px;
  }
}

@media (min-width: 1441px) and (max-width: 1599px) {
  .container_home_menu3_tabs_mov {
    margin-top: 70px;
  }
}

@media (min-width: 1600px) and (max-width: 1919px) {
  .container_home_menu3_tabs_mov {
    margin-top: 70px;
  }
}

@media (min-width: 1920px) {
  .container_home_menu3_tabs_mov {
    margin-top: 70px;
  }
}

/*Fin Seccion 6*/

/*Seccion 7*/

.home_container_7_trupilot {
  max-width: 100%; /* Ajusta el contenedor al ancho máximo disponible */
  background: #fff;
  opacity: 1;
}

.container_7_trupilot {
  width: 90%;
  max-width: 1600px;
  /* padding: 20px; */
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.trupilot {
  background-image: url("../../img/home/trupilot.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 251px;
}

/* Estilos para móviles de 320px a 480px */
@media (max-width: 480px) {
  .container_7_trupilot {
    width: 90%;
  }
  .home_container_7_trupilot {
    padding: 10px; /* Añadir un pequeño margen para móviles */
  }

  .trupilot {
    width: 100%;
    height: 200px; /* Reducir la altura de la imagen en móviles */
    background-size: cover; /* Ajustar tamaño de la imagen */
  }

  .trupilotM {
    display: none; /* Ocultar la sección en pantallas más grandes */
  }
}

/* Estilos para tablets de 481px a 820px */
@media (min-width: 481px) and (max-width: 820px) {
  .home_container_7_trupilot {
    padding: 15px; /* Añadir margen para tablets */
  }
  .container_7_trupilot {
    width: 90%;
  }
  .trupilot {
    height: 220px; /* Ajustar la altura para tablets */
    background-size: cover;
  }

  .trupilotM {
    display: none; /* Ocultar la sección en pantallas más grandes */
  }
}

/* Estilos para escritorio de 1024px a 1280px */
@media (min-width: 1024px) and (max-width: 1280px) {
  .container_7_trupilot {
    width: 90%;
  }

  .trupilot {
    height: 200px; /* Mantener la altura estándar */
  }
}

/* Estilos para escritorio de 1281px a 1440px */
@media (min-width: 1281px) and (max-width: 1440px) {
  .container_7_trupilot {
    max-width: 1300px; /* Ajustar el ancho máximo para pantallas medianas de escritorio */
    padding: 0 30px;
  }
  .trupilot {
    height: 251px; /* Mantener la altura estándar */
  }

  .home_container_7_trupilot {
    max-width: 90%;
    margin: 0 auto;
  }
}

/* Estilos para escritorio de 1441px a 1640px */
@media (min-width: 1441px) and (max-width: 1640px) {
  .container_7_trupilot {
    max-width: 1400px; /* Ajustar el ancho máximo para pantallas grandes */
    padding: 0 40px;
  }
  .trupilot {
    height: 251px; /* Mantener la altura estándar */
  }
}

/* Estilos para escritorio de 1641px a 1920px */
@media (min-width: 1641px) and (max-width: 1920px) {
  .container_7_trupilot {
    max-width: 1600px; /* Ajustar el ancho máximo para pantallas más grandes */
    padding: 0 50px;
  }
  .trupilot {
    height: 251px; /* Mantener la altura estándar */
  }
}

/* Estilos para pantallas mayores a 1920px */
@media (min-width: 1921px) {
  .container_7_trupilot {
    max-width: 1600px; /* Usar el ancho máximo definido */
    padding: 0 60px;
  }
  .trupilot {
    height: 300px; /* Aumentar la altura en pantallas muy grandes */
  }
}

/* Mostrar la sección solo en móviles (320px a 820px) */
@media (max-width: 820px) {
  .trupilotM {
    display: block; /* Mostrar la sección en móviles */
  }
  .desktop-view {
    display: none; /* Ocultar la sección en pantallas más grandes */
  }
}

/* Ocultar la sección en tablets y escritorios (más de 820px) */
@media (min-width: 821px) {
  .trupilotM {
    display: none; /* Ocultar la sección en pantallas más grandes */
  }
  .desktop-view {
    display: block; /* Ocultar la sección en pantallas más grandes */
  }
}

/*Fin Seccion 7*/

/*Fin Seccion 8*/
.home_slider_2 {
  /*background-image: url('../../img/home/banner_porque_comprar.jpg');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 420px;
  padding: 55px 0 20px 0;
  /* Padding optimizado en una línea */
}

.home_section_8_title {
  color: #ef4746 !important;
  font-style: italic !important;
  font-size: 3.5rem !important;
  text-align: left !important;
  padding-left: 30px !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
}

/* .home_section_8_title_p {
    color: #000000 !important;
    font-style: italic !important;
    font-size: 2.5rem !important;
    font-weight: bold !important;
    text-align: left !important;
    margin-left: 100px !important;
    margin: 0 !important;
    position: relative !important;
    top: -20px !important;
} */

.home_section_8_title_p {
  color: #000000 !important;
  font-style: italic !important;
  font-size: 2rem !important;
  /* Adjusted for better balance */
  font-weight: bold !important;
  /* Normal weight for URL */

  margin-left: 30px !important;
  /* Reduced margin */
  margin: 0 !important;
}

/* .home_section_8_p {
    color: #000000 !important;
    font-size: 1.2rem !important;
    text-align: left !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
} */

.home_section_8_p {
  color: #000000 !important;
  font-size: 1rem !important;
  /* Reduce text size */
  text-align: left !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  /* Reduce line spacing */
}

.home_container_8_slider {
  max-width: 1600px;
  margin: 0 auto;
}

.container_8_slider {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* .home_section_8_span_arrow {
    padding-left: 30px !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
} */

.home_section_8_span_arrow {
  padding-left: 20px !important;
  /* Adjust for better alignment */
  margin-right: 5px !important;
  vertical-align: middle !important;
}

.home_section_8_span {
  line-height: 1.2 !important;
}

/* Media Queries para diferentes resoluciones */
@media (max-width: 1750px) {
  .home_container_8_slider {
    max-width: 90%;
  }
}

@media (max-width: 1440px) {
  .home_container_8_slider {
    max-width: 83.33%;
  }
}

@media (max-width: 1280px) {
  .home_container_8_slider {
    max-width: 83.33%;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .home_container_8_slider {
    max-width: 83.33%;
  }
}

@media (max-width: 768px) {
  .home_container_8_slider {
    max-width: 100%;
  }

  .home_slider_2 {
    height: 380px;
  }

  .home_section_8_title {
    font-size: 2.1rem !important;
  }

  /* .home_section_8_title_p {
        font-size: 1.4rem !important;
        margin-left: 30px !important;
        top: 0 !important;
        font-weight: bold !important;
    } */

  .home_section_8_title_p {
    font-size: 1.5rem !important;
    /* Smaller subheading */
    margin-left: 20px !important;
  }

  /* .home_section_8_p {
        font-size: 0.78rem !important;
       

    } */
  .home_section_8_p {
    font-size: 0.85rem !important;
    /* Smaller text on mobile */
    line-height: 1 !important;
    margin-bottom: 8px !important;
    /* Tighter spacing */
  }

  .home_section_8_div {
    margin-top: 30px !important;
  }
}

@media (max-width: 420px) {
  .home_section_8_title {
    font-size: 2.1rem !important;
  }

  .home_section_8_title_p {
    font-size: 1.4rem !important;
    margin-left: 30px !important;
    top: 0 !important;
    font-weight: bold !important;
  }

  .home_section_8_p {
    font-size: 0.7rem !important;
  }

  .home_section_8_div {
    margin-top: 30px !important;
  }
}

@media (min-width: 320px) and (max-width: 376px) {
  .home_section_8_p {
    font-size: 0.7rem !important;
  }

  .home_section_8_span_arrow {
    padding-left: 3px !important;
  }

  .home_section_8_span_arrow {
    padding-left: 20px !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
  }
}

@media (min-width: 820px) {
  .home_section_8_p {
    line-height: 2.2rem !important;
  }

  .home_section_8_title_p {
    margin-left: 80px !important;
    font-size: 2.5rem !important;
  }
}
/*Fin Seccion 8*/

/*Seccion 9*/
.section9_img_1,
.section9_img_2 {
  background-position: center;
  background-repeat: no-repeat;
  width: calc(50% - 27.5px); /* Ancho ajustado con margen en escritorio */
  height: 300px;
}

/* Fondo específico para cada columna */
.section9_img_1 {
  /*background-image: url('../../img/home/banner_envio_gratuito.png');*/
  margin-right: 55px; /* Espacio entre las columnas en escritorio */
}

.home_section9_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; /* Mantiene las columnas en línea en escritorio */
}

@media (min-width: 768px) and (max-width: 768px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: contain;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: contain;
  }
}

@media (min-width: 1441px) and (max-width: 1559) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

@media (min-width: 1024px) and (max-width: 1024px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: contain;
  }
}

@media (min-width: 1559px) and (max-width: 1559px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

@media (min-width: 1920px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: contain;
  }

  .section9_img_1,
  .section9_img_2 {
    width: 100%;
    margin: 0 0 15px 0;
    height: 153px;
  }
}

@media (min-width: 481px) and (max-width: 820px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: contain;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

@media (min-width: 1601px) and (max-width: 1919px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

@media (min-width: 1441px) and (max-width: 1600px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

@media (min-width: 1281px) and (max-width: 1439px) {
  .section9_img_1,
  .section9_img_2 {
    background-size: cover;
  }
}

/* Contenedor principal */
.home_container_9 {
  width: 100%;
  max-width: 1600px; /* Ancho máximo para pantallas grandes (1920px y mayores) */
  margin: 0 auto; /* Centra el contenedor */
  /* padding-left: 3.125%; 
    padding-right: 3.125%;  */
  padding-top: 0; /* Ajusta según sea necesario */
  padding-bottom: 0; /* Ajusta según sea necesario */
  margin-top: 5rem;
}

/* Fila contenedora de las imágenes */
.home_section9_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; /* Mantiene los divs en una sola fila */
}

/* Estilo para las imágenes con fondo */
.section9_img_1,
.section9_img_2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(50% - 20px); /* Ancho de las imágenes con espacio entre ellas */
  height: auto;
  padding-bottom: 24%; /* Altura proporcional al ancho del div */
}

/* Adaptaciones para pantallas más pequeñas */
@media (max-width: 1920px) {
  .home_container_9 {
    max-width: 1600; /* Ajusta el ancho máximo del contenedor proporcionalmente */
    /* padding-left: 7%; 
        padding-right: 7%; */
  }
}

@media (max-width: 1680px) {
  .home_container_9 {
    max-width: 90%; /* Ajusta el ancho máximo para pantallas más pequeñas */
  }
}

@media (max-width: 1440px) {
  .home_container_9 {
    max-width: 83.33%;
  }
}

@media (max-width: 1280px) {
  .home_container_9 {
    max-width: 83.33%;
  }
}

@media (max-width: 1024px) {
  .home_container_9 {
    max-width: 83.33%;
    margin-top: 3rem;
    /* padding-left: 15%;
        padding-right: 15%; */
  }

  .section9_img_1,
  .section9_img_2 {
    /* padding-bottom: 32%; */
    background-repeat: no-repeat;
    background-size: contain;
  }
}

/* Estilo para pantallas pequeñas */
@media (max-width: 768px) {
  .home_section9_row {
    flex-direction: column; /* Coloca las imágenes una debajo de la otra en pantallas pequeñas */
  }

  .section9_img_1,
  .section9_img_2 {
    width: 100%; /* Ocupan el 100% del contenedor en móviles */
    margin-bottom: 20px; /* Añade margen inferior entre imágenes */
    padding-bottom: 32%; /* Ajusta la proporción de la imagen en pantallas pequeñas */
  }
}

/** Formato movil */
/* Estilo para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
  .home_section9_row {
    flex-direction: column; /* Coloca las imágenes una debajo de la otra */
  }

  .section9_img_1,
  .section9_img_2 {
    width: 100%; /* Ocupan el 100% del contenedor */
    margin-bottom: 40px; /* Añade un margen inferior entre las imágenes */
    padding-bottom: 56.25%; /* Mantén la relación de aspecto 16:9 (proporción de la imagen) */
    background-size: cover; /* Asegura que la imagen de fondo cubra el div completamente */
    background-position: center; /* Centra la imagen de fondo */
  }
}
/*Fin Seccion 9*/

/*Seccion 10*/
.home_section10_tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 auto;
}

.home_section10_input {
  position: absolute;
  opacity: 0;
}

.home_section10_label {
  width: 100%;
  padding: 8px 30px;
  background: #c1c1c1;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  transition: background 0.1s, color 0.1s;
  text-align: center; /* Centering the text */
  flex: 1; /* Allowing the labels to stretch */
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  font-style: italic;
  position: relative; /* Required for positioning child elements */
}

.home_section10_label:hover {
  background: #d8d8d8;
}

.home_section10_label:active {
  background: #ccc;
  border-top-right-radius: 16px;
}

.home_section10_input:focus + .home_section10_label {
  z-index: 1;
}

.home_section10_input:checked + .home_section10_label {
  background: #f7f7f7;
  color: #000;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

@media (min-width: 600px) {
  .home_section10_label {
    width: auto;
    flex: 1; /* Stretch each label equally */
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .home_section10_panel {
    order: 99;
    background: #f7f7f7;
  }
}

.home_section10_panel {
  display: none;
  padding: 0 1rem;
  background: #fff;
  width: 100%; /* Make the panel take full width */
}

.home_section10_input:checked + .home_section10_label + .home_section10_panel {
  display: block;
  background: #f7f7f7;
}

.home_section10_row {
  background: #f7f7f7;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* Espacio entre los elementos */
  justify-content: center; /* Centra todos los elementos dentro de la fila */
  padding-top: 2rem;
  box-sizing: border-box; /* Incluye padding y border en el cálculo del ancho total */
}

.home-section10-logo {
  flex: 1 1 calc(14.2857% - 15px); /* Ajuste para 7 columnas por fila en escritorio */
  max-width: calc(
    14.2857% - 15px
  ); /* Ajuste para 7 columnas por fila en escritorio */
  height: 85px; /* Ajuste la altura para mantener la proporción */
  background-size: contain; /* Ajusta la imagen para cubrir el contenedor */
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 15px; /* Espacio inferior para separación */
  box-sizing: border-box; /* Incluye padding y border en el cálculo del ancho total */
}

/* Logo específico para cada div */
.home-section10-logo1 {
  background-image: url("../../img/home/marcas/MICHELIN1.jpg");
}

.home-section10-logo2 {
  background-image: url("../../img/home/marcas/BRIDGESTONE.jpg");
}

.home-section10-logo3 {
  background-image: url("../../img/home/marcas/CONTINENTAL.jpg");
}

.home-section10-logo4 {
  background-image: url("../../img/home/marcas/GOODYEAR.jpg");
}

.home-section10-logo5 {
  background-image: url("../../img/home/marcas/DUNLOP.jpg");
}

.home-section10-logo6 {
  background-image: url("../../img/home/marcas/FULDA.jpg");
}

.home-section10-logo7 {
  background-image: url("../../img/home/marcas/YOKOHAMA.jpg");
}

/* Modo responsive: 3 columnas por fila en tabletas o pantallas medianas */
@media (max-width: 992px) {
  .home-section10-logo {
    flex: 1 1 calc(30% - 15px); /* 3 columnas por fila */
    max-width: calc(30% - 15px);
  }
}

/* Modo responsive: 2 columnas por fila en pantallas pequeñas */
@media (max-width: 768px) {
  .home-section10-logo {
    flex: 1 1 calc(45% - 15px); /* 2 columnas por fila */
    max-width: calc(45% - 15px);
  }
}

/* Modo responsive: 1 columna por fila en pantallas muy pequeñas */
@media (max-width: 820px) {
  .home_section10_row {
    background: transparent;
    /* position:relative;
        top:-15px; */
  }

  .home-section10-logo {
    flex: 1 1 calc(33% - 15px); /* 1 columna por fila */
    max-width: calc(33% - 15px);
    height: 40px;
  }

  .home_section10_input:checked + .home_section10_label {
    background: #eaeaea;
    color: #000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .home_section10_input:checked
    + .home_section10_label
    + .home_section10_panel {
    margin-top: 15px;
    background: #fff;
  }

  .home_section10_label {
    width: 100%;
    padding: 5px 20px;
    text-align: left; /* Left align text for mobile */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #eaeaea;
    border: 10px solid #fff;
    color: #000 !important;
    position: relative; /* Required for positioning child elements */
  }

  .home_section10_icon {
    position: absolute;
    font-size: 1.5rem;
    font-weight: 200;
    color: #000; /* Color negro para el icono */
    right: 20px; /* Ajuste para el ícono en la derecha */
    top: 50%;
    transform: translateY(-50%);
  }

  .home_section10_input:checked + .home_section10_tabs .home_section10_icon {
    transform: rotate(45deg); /* Rotar el icono para indicar que está activo */
  }

  /* Mostrar los íconos solo en móviles */
  .home_section10_input:not(:checked) + .home_section10_label .fa-plus {
    display: inline-block; /* Mostrar + cuando el panel está cerrado */
  }

  .home_section10_input:checked + .home_section10_label .fa-minus {
    display: inline-block; /* Mostrar - cuando el panel está abierto */
  }

  .home_section10_input:checked + .home_section10_label .fa-plus {
    display: none; /* Ocultar + cuando el panel está abierto */
  }

  .home_section10_input:not(:checked) + .home_section10_label .fa-minus {
    display: none; /* Ocultar - cuando el panel está cerrado */
  }

  .home_section10_tabs {
    display: block;
  }
}

@media (min-width: 1441px) and (max-width: 1559) {
  .home_container_11 {
    width: 90%;
    margin: 0px auto;
    max-width: 100%;
  }

  .container_img {
    max-width: 85%;
  }

  .home_container_10 {
    width: 100%;
    margin: 0px auto;

    background: #fff;
    opacity: 1;
    margin-top: 50px;
    padding-top: 1.5rem;
    background-color: red;
  }

  .container_10_tabs {
    width: 83.33%;
    margin: 0px auto;
    background-color: blue;
  }
}

@media (min-width: 768px) {
  /* Estilos para los íconos en pantallas grandes */
  .home_section10_icon {
    display: none; /* Ocultar los íconos en pantallas grandes */
  }
  .home_section10_input:checked + .home_section10_label {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-shadow: inset 0 0 0 2px #f5f5f5; /* Borde interno de 2px */
  }

  .home_section10_label {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-shadow: inset 0 0 0 2px #f5f5f5; /* Borde interno de 2px */
  }
}

@media (min-width: 1920px) {
  .home_section10_input:checked + .home_section10_label {
    background: #f7f7f7;
    color: #000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-shadow: inset 0 0 0 2px #f5f5f5; /* Borde interno de 2px */
  }

  .home_section10_label {
    width: auto;
    flex: 1;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-shadow: inset 0 0 0 2px #f5f5f5; /* Borde interno de 2px */
  }
}

@media (min-width: 1559px) and (max-width: 1559px) {
  .home_section10_input:checked + .home_section10_label {
    background: #f7f7f7;
    color: #000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-shadow: inset 0 0 0 2px #f5f5f5; /* Borde interno de 2px */
  }

  .home_section10_label {
    width: auto;
    flex: 1;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    box-shadow: inset 0 0 0 2px #f5f5f5; /* Borde interno de 2px */
  }
}

/*Fin Seccion 10*/

/*Seccion 11*/
.home_section11_accordion {
  border-radius: 4px;
  margin: 20px 0;
  overflow: hidden;
}

.home_section11_accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.home_section11_accordion-item:last-child {
  border-bottom: none;
}

.home_section11_accordion-toggle {
  display: none;
}

.home_section11_accordion-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ffffff; /* Color de fondo actualizado */
  cursor: pointer;
  font-size: 1.7rem;
  color: #000;
  position: relative;
  font-style: italic;
  border-top: 1px solid #000;
  transition: background-color 0.1s, color 0.1s;
  padding-left: 15px;
  font-weight: 700;
}

.home_section11_accordion-toggle:checked + .home_section11_accordion-label {
  color: #ef4746; /* Cambia el color del texto a rojo cuando está activo */
  font-weight: bold; /* Hace el texto en negrita cuando está activo */
}

.home_section11_accordion-label:hover {
  background-color: #e9e9e9;
}

.home_section11_accordion-icon {
  font-size: 3.5rem;
  font-weight: 100;
  color: #000; /* Color negro para el ícono */
  position: absolute; /* Posicionamiento absoluto para alinear el ícono */
  right: 20px; /* Ajuste para el ícono en la derecha */
  top: 50%;
  transform: translateY(-50%);
}

.home_section11_accordion-icon::before {
  content: "+";
  font-weight: 100; /* Peso de la fuente más ligero */
}

.home_section11_accordion-toggle:checked
  + .home_section11_accordion-label
  .home_section11_accordion-icon::before {
  content: "-";
  font-weight: 100; /* Peso de la fuente más ligero */
}

.home_section11_accordion-content {
  display: none; /* Ocultar el contenido por defecto */
  padding: 20px 10px;
  background: #fff;
}

.home_section11_accordion-toggle:checked
  + .home_section11_accordion-label
  + .home_section11_accordion-content {
  display: block; /* Mostrar el contenido cuando el panel está abierto */
}

@media (max-width: 576px) {
  .container_11_acordation {
    padding: 20px;
    margin-top: 0;
  }

  .home_container_11 {
    width: 100%;
    background: #fff;
    opacity: 1;
    margin-top: 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .home_section11_accordion {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
  }
}

@media (min-width: 1441px) and (max-width: 1600px) {
  .home_container_11 {
    width: 95%;

    margin: 0 auto;
  }
  .home_section11_accordion {
    width: 83.33%;
    margin: 0 auto;
    margin-top: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1920px) {
  .home_section11_accordion {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
  }
}

/*Fin Seccion 11*/

/*Seccion 2 buscador*/

@media (max-width: 1023px) {
  .mobile-search-label {
    display: block;
    /* Mostrar en dispositivos móviles */
    text-align: left;
    /* Alineación a la izquierda */

    /* Espacio inferior */
    font-size: 16px;
    /* Tamaño del texto */
    padding: 0 35px;
    /* Espaciado interno */
    margin-top: 15px;
    font-weight: bold;
    color: #082952;
    background-color: #f3f3f3;
  }

  .mobile-search-label {
    display: block;
    /* Mostrar en dispositivos móviles */
    text-align: left;
    /* Alineación a la izquierda */

    /* Espacio inferior */
    font-size: 16px;
    /* Tamaño del texto */
    padding: 0 35px;
    /* Espaciado interno */
    margin-top: 15px;
    font-weight: bold;
    color: #082952;
    background-color: #f3f3f3;
  }

  .nav-tabs {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
  }
  .nav-link .mobile-text {
    display: block;
    /* Muestra el texto "TAMAÑO" y "MEDIDA" en dispositivos móviles */
    line-height: 1.5;
  }
  .mobile-text {
    display: block;
  }
  .icons-input-desktop {
    display: none;
  }
}

@media (min-width: 1023px) {
  .mobile-search-label {
    display: none;
  }

  /* .nav-tabs {
        display: none;
      
    } */
}

@media (min-width: 821px) and (max-width: 1023px) {
  .home_search_icon-season-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 130px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 10px;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .home_search_icon-season-option b {
    font-size: 1.2em;
    text-align: center;
  }
  .home_search_icon-img_icon_car {
    width: 40px !important;
  }
}


@media  (max-width: 1023px) {
  .nav-item {
    width: 100%;
    text-align: center;
  }
}