/*imagenes extra que se añadieron*/
.mi-imagen {
    display: none;
}
.mi-imagen2 {
    display: none;
}
/*burguer navbar test*/
.hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
        }
        .hamburger div {
            width: 30px;
            height: 4px;
            background: #009ff4;
            margin: 4px;
            transform: translate(-450%, -300%);
        }
        .mobile-menu {
            display: none;
            flex-direction: column;
            background: #efefef;
            position: absolute;
            top: 50px;
            right: 36px;
            padding: 10px;
            border-radius: 5px;
        }
        .mobile-menu a {
            color: #000;
            text-decoration: none;
            padding: 8px 0;
        }
        /* Estilo del menú desplegable */
.menu-desplegable {
    position: relative;
    display: flex;
    flex-direction: column;
}

.toggle-menu {
    cursor: pointer;
    padding: 8px 0;
    font-weight: bold;
    color: #ffffff;
}

.submenu-desplegable {
    display: none;
    flex-direction: column;
    background: #0080b5;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.submenu-desplegable a {
    padding: 5px 10px;
    color: #ffffff;
    text-decoration: none;
    display: block;
}

.submenu-desplegable a:hover {
    background: #0080b5;
    border-radius: 5px;
}

/* Mostrar el menú cuando está activo */
/*.menu-desplegable.active .submenu-desplegable {
    display: flex;
}*/

.submenu-desplegable.active {
    display: flex;
}

.toggle-info{
    color: #ffffff;
    font-weight: bold;
}

.submenu-escolar {
    position: relative;
    display: flex;
    flex-direction: column;
}

.toggle-escolar {
    cursor: pointer;
    padding: 8px 0;
    font-weight: bold;
    color: #ffffff;
}

.submenu-manualidades {
    position: relative;
    display: flex;
    flex-direction: column;
}
.toggle-manualidades {
    cursor: pointer;
    padding: 8px 0;
    font-weight: bold;
    color: #ffffff;
}

.submenu-oficina {
    position: relative;
    display: flex;
    flex-direction: column;
}
.toggle-oficina {
    cursor: pointer;
    padding: 8px 0;
    font-weight: bold;
    color: #ffffff;
}
.logo_blanco_burguer{
   width: 15%; 
   transform: translate(0%, 5%);
}
.letras_blancas{
    font-family: "Segoe UI", Segoe, Arial, sans-serif;
    width: 70%;
    transform: translate(28%, -160%);
    color: white;
    font-size: 8px;
}

/*cruz de cierre navbar burguer*/
.close-menu {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 35px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    transform: translate(40%, -20%);
}

.close-menu:hover {
    color: red;
}
/* Estilo del menú desplegable */
/*/////////////////////////////////////////////////////////////*/
/* Estilos para el contenedor superior */
.top-bar {
    background-color: #0080B5; /* Color de fondo */
    color: #ffffff; /* Color de texto blanco */
    padding: 10px 20px; /* Espaciado interno superior e inferior de 10px, 20px a los lados */
    display: flex; /* Utiliza flexbox para alinear elementos */
    justify-content: center; /* Alinea los elementos a los extremos */
    align-items: center; /* Centra verticalmente los elementos */
    width: 100%; /* Asegura que el contenedor superior abarque toda la anchura */
    position: relative; /* Asegura que pueda manejar z-index */
    z-index: 10;
}

/* Estilos para el texto dentro del contenedor superior */
.top-bar p {
    margin: 0; /* Elimina el margen predeterminado del párrafo */
    font-family: "Segoe UI", sans-serif; /* Establece la fuente Segoe UI */
    text-align: center; /* Centra el texto */
}

/* Estilos para los íconos sociales */
.social-icons a {
    color: #ffffff; /* Color de los íconos */
    text-decoration: none; /* Elimina subrayado en los enlaces */
    margin-left: 20px; /* Espaciado entre los íconos */
}

/*Movimiento de contenedor de iconos de redes sociales*/
.move-der{
   transform: translateX(400px); /* Mueve los íconos 10px hacia la derecha */ 
}

/*Movimiento de texto para centrar*/
.acomodo-text{
  transform: translateX(0px); /* Mueve los íconos 10px hacia la derecha */   
}

/* Estilos para el body */
body {
    margin: 0; /* Elimina el margen predeterminado del body */
    overflow-x: hidden;
    background-image: url('../../img/backgroundinicial.png'); /* Reemplaza 'ruta/de/tu/imagen.jpg' con la ruta de tu imagen */
    background-size: 100%; /* Ajusta el tamaño de la imagen para cubrir todo el cuerpo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    font-family: "Segoe UI", Segoe, Arial, sans-serif;
}


/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(1460px, -165px); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: none;
}

/*Estilo icono busqueda*/
.icono-busqueda{
  transform: translate(1278px, -260px);
   width: 5%;
   height: 100%;
   z-index: 1000;
}

/*container para los elementos de logo tlaque, button busqueda y carrito y navbar*/
.container-allnav {
    max-width: 1900px;
    margin: 0 auto;
    display: grid;
    justify-content: space-between; /* Alinea los elementos a lo largo del contenedor */
    align-items: center; /* Centra verticalmente los elementos */
    transform: translateX(180px); /* Mueve los íconos 10px hacia la derecha */
    margin-top: -100px;
    /*position: relative; /* Añadido position relative */
}

/*Clase de estilo para logo de tlaquepaque*/
.logoprin{
    /* width: 30%; */
    /* height: 100%; */
    transform: translate(0%, 150%); /* Mover hacia la derecha un 15% y hacia arriba un 1% */
}

/*Barra de nav*/
.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px; /* Borde redondeado */
    transform: translateX(59%); /* Mover la barra de navegación hacia la derecha */
    width: 39.8%;
    z-index: 1000; /* Asegúrate de que la navbar tenga un z-index alto */
    border-radius: 30px; /* Mantenemos los bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Efecto de sombra */
    margin-bottom: 12%;
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
}

.nav-item {
    margin-right: 20px;
}

.nav-link {
    text-decoration: none;
    color: #333;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 27.93px;
}

.nav-link:hover {
    color: #666;
}

.nav-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #666;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.nav-link:hover::after {
    transform: scaleX(1);
}
/*Barra de nav*/

/*dropdown barra de nav*/
.dropdown-menu {
    display: none;
    border-radius: 5%;
    transform: translate(8%, -1%); /* Mover hacia la derecha un 15% y hacia arriba un 1% */
}

.nav-item:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    display: block;
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 23px;
}

.dropdown-menu li a:hover {
    background-color: #b2bbc3;
    width: 100%; /* Abarcar el ancho */
}

/* Ajusta el padding solo para el segundo dropdown */

.dropdown-menu.smaller-padding li {
    display: block;
}

.dropdown-menu.smaller-padding li a {
    padding: 5px 14px 10px; /* Cambia el padding según sea necesario */
    border-radius: 5%;
}

.dropdown-menu.smaller-padding li a:hover{
    background-color: #b2bbc3;
}
/*dropdown barra de nav*/
/*Flechita*/
.arrow {
    float: right; /* Coloca la flecha en el lado derecho */
    margin-left: 15px; /* Ajusta el espacio entre el texto y la flecha */
    font-size: 50px; /* Ajusta el tamaño de la flecha */
    margin-top: -35px; /* Sube la flecha un poco */
}
/*Flechita*/
/*divider de navbar*/
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 80px 0px;
}
/*divider de navbar*/
/* Estilos para la barra de navegación */


/* Estilos para los enlaces de la barra de navegación */
.nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 23.00px;
}

/* Estilos para el efecto hover en los enlaces */
.nav-link:hover {
    color: #666;
}

/* Estilos para el efecto de línea debajo de los enlaces */
.nav-link::after {
    background-color: #666;
}

/* Estilos para el menú desplegable */
.dropdown-menu {
    background-color: #f0f0f0;
    border-radius: 5%; /* Mantenemos los bordes redondeados */
}

/* Estilos para el divisor del menú desplegable */
.dropdown-divider {
    background-color: #ccc;
}

li.nav-item::marker {
    visibility: hidden;
}

.dropdown-menu.larger-translate {
    transform: translate(140%, -5%); /* Ajusta el traslate según sea necesario */
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-205%, -14%); /* Ajusta el traslate según sea necesario */
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-185%, -12.3%); /* Ajusta el traslate según sea necesario */
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-185%, -15.8%); /* Ajusta el traslate según sea necesario */
}

.resize-textprin {
  /* position: relative;  Asegura que el z-index funcione correctamente */
  /*z-index: -1000;  Coloca el elemento detrás de los demás 
  top: -100px;
  right: -10px;
  width: 42%;*/
  height: 80%;
  transform: translate(14%, -78%);
}

.resize-imgnuevosprod {
   /*  position: relative; Establece el posicionamiento relativo */
   /*top: -460px; /* Mueve el elemento hacia arriba */
   /*right: -600px; /* Mueve el elemento hacia la derecha */
   /* z-index: -1000; Coloca el elemento detrás de los demás */
   width: 15%;
   height: 100%;
   transform: translate(220%, -430%);
}

.navbar {
    /*position: relative;  Asegura que el z-index funcione correctamente */

}

/*Carousel*/

.carousel {
  /*position: relative;*/
  max-width: 600px; /* Cambia este valor al tamaño deseado */
  height: auto; /* Para mantener la proporción de la imagen */
  margin: 0 auto;
  overflow: hidden;
  transform: translate(50%, -195%);
  /*z-index: -1000;  Coloca el elemento detrás de los demás */
}

.carousel-inner {
  display: flex;
}

.carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}

.carousel-img1 {
   width: 84%;
   margin-top: 32%;
   margin-left: -3;
   /*height: 100%;
   transform: translate(0%, -80%);*/
}

button.next {
   margin-right: 5%; 
}

button.prev, button.next,
button.prev2, button.next2 {
  position: absolute;
  top: 80%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

button.prev2, button.next2 {
transform: translateY(-2600%);
}

button.next2 {
    margin-right: 20%;
}

button.prev2 {
   margin-left: 10; 
}

.prev {
  left: 10;
}

.next {
  right: 100;
}
/*Carousel*/

/*Visitanos en nuestras sucursales*/
.sucur{
  /*position: relative;*/
  transform: translate(27%, -313%);
  width: 19%;
  /*height: 100%;*/
}

/*Envios Gratis letrero*/
.envgrat{
   /*position: relative;*/
   transform: translate(86%, -567%);
   /*z-index: -1000;  Coloca el elemento detrás de los demás */
   width: 27%;
   height: 100%;
}

/*Pedidos whats letrero*/
.pedwhats{
     /*position: relative;*/
     transform: translate(105%, -784%);
     /*z-index: -1000;  Coloca el elemento detrás de los demás 
     width: 22.5%;*/
     height: 100%;
}


/*letrero Productos recomendados */
.prod-rec {
   /*position: relative;  Asegura que el z-index funcione correctamente */
   /*z-index: -1000;  Coloca el elemento detrás de los demás */
   transform: translate(22%, -3100%);
   width: 35%;
   height: auto;
}

/*letrero Servicios */
.services-txt {
   /*position: relative;  Asegura que el z-index funcione correctamente */
   /*z-index: -1000;  Coloca el elemento detrás de los demás */
   transform: translate(470%, -3210%);
   width: 12%;
   height: auto;
}

/* Carusel productos sugerencias */
.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /*margin-bottom: 30px;*/
    width: 40%; /* Modificado */
    height: 350px; /* Modificado */
    /*margin-left: 0px;*/
    /*position: relative;*/
    transform: translate(13%, -706%);
}

.sugerencia {
    width: 30%;
    height: 100%; /* Modificado */
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sugerencia img {
    width: 70%;
    height: 50%; /* Modificado */
    object-fit: cover;
    margin-left: 30px;
}

.sugerencia .product-info {
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold; /* Hace el texto en negrita */
    margin-top: -150px;
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold; /* Hace el texto en negrita */
}

.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold; /* Hace el texto en negrita */
}

.product-info form {
    display: inline-block;
    width: auto;
}

.product-info button[type="submit"] {
    display: block;
    margin: 0 auto;
}

button.btn.btn-outline-primary {
  background-color: #007bff; /* Azul sólido */
  color: #ffffff; /* Blanco */
  border: none;
  border-radius: 20px; /* Forma redondeada */
  /*padding: 10px 20px;  Tamaño mediano */
  cursor: pointer; /* Cursor en forma de mano */
  transform: translate(0%, 50%);
}

button.btn.btn-outline-primary:hover {
  background-color: #0069d9; /* Azul un poco más oscuro para el efecto hover */
  color: #ffffff; /* Blanco */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidad */
  transition: background-color 0.3s ease; /* Transición suave para el efecto hover */  
}
/*Carusel productos sugerencias END*/

/*IMG articulos escolares*/

/*imagen servicios*/
.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -430%);
    /* z-index: -1000; */ /* Coloca el elemento detrás de los demás */
}

/*letrero descuentos del mes*/
.desc-txt {
    width: 23%;
    height: auto;
    /*position: relative;*/
    transform: translate(220%, -3300%);
}

/*dots tercer carusel*/


/* Estilos para el tercer carrusel */
.slider-container {
  max-width: 800px;
  margin: 40px auto;
  position: relative;
  transform: translate(48%,-323%);
}

.slider {
  display: flex;
  /*overflow: hidden;*/
  width: 100%;
}

.slide {
  flex: 0 0 100%;
  transition: opacity 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.slide.active {
  opacity: 1;
  position: relative;
}

.slider-prev,
.slider-next {
  position: absolute;
  top: 71%;
  transform: translateY(-125%);
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
}

.slider-prev {
  left: 8px;
}

.slider-next {
  right: 220px;
}

.slider-img-changesize {
  width: 79%;
  height: auto;
  margin-top: 31.7%;
}


/*segunda sugerencia estilo, productos*/
/* Carusel productos sugerencias 2 */
.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /*margin-bottom: 30px;*/
    width: 40%; /* Modificado */
    height: 350px; /* Modificado */
    /*margin-left: 0px;*/
    /*position: relative;*/
    transform: translate(13%, -765%);
}

.sugerencia-2 {
    width: 30%;
    height: 100%; /* Modificado */
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sugerencia-2 img {
    width: 70%;
    height: 50%; /* Modificado */
    object-fit: cover;
    margin-left: 30px;
}

.sugerencia-2 .product-info-2 {
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold; /* Hace el texto en negrita */
    margin-top: -150px;
}

.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold; /* Hace el texto en negrita */
}

.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold; /* Hace el texto en negrita */
}

.product-info-2 form {
    display: inline-block;
    width: auto;
}

.product-info-2 button[type="submit"] {
    display: block;
    margin: 0 auto;
}

button.btn-2.btn-outline-primary-2 {
  background-color: #007bff; /* Azul sólido */
  color: #ffffff; /* Blanco */
  border: none;
  border-radius: 20px; /* Forma redondeada */
  padding: 10px 20px; /* Tamaño mediano */
  cursor: pointer; /* Cursor en forma de mano */
  transform: translate(0%, 50%);
}

button.btn-2.btn-outline-primary-2:hover {
  background-color: #0069d9; /* Azul un poco más oscuro para el efecto hover */
  color: #ffffff; /* Blanco */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidad */
  transition: background-color 0.3s ease; /* Transición suave para el efecto hover */  
}

/*letrero nuestros proveedores*/
.proveedores-txt {
   /*position: relative;*/
   transform: translate(17%, -4100%);
   width: 32%;
   height: auto;
}

/*img que suple a carusel de marcas*/
.globo-img {
    /*position: relative;*/
    top: -1600px;
    left: 150px;
    width: 83%;
    height: auto;

}

/*estilo del footer*/
.footer {
  /*position: relative;*/
  width: 80%;
  height: auto;
}

.footer-img {
  width: 70%;
  height: auto;
  margin-left: 15%;
  margin-top: -112%;
  display: block;
  margin-bottom: -240px; /* cambiar a 100 al ajustar textos y logos Ajusta este valor según sea necesario */
}

.footer-left {
  width: 50%;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 22%;
  margin-top: 8%;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.0rem;
  font-weight: bold; /* Negrita */
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-1100%);
}

.footer-right a {
  color: #fff;
  font-size: 1.5rem;
  margin-left: 20px;
}

.footer-right a:hover {
  color: #ccc;
}

.footer-content {
   margin-left: 120px; 
   transform: translateY(-120px); /* Ajusta el valor según sea necesario */
}
/*Carusel footer circulos de marca*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --width: 200px;
    --gap: 0;
    --num-items: 16; /* Update this to reflect the actual number of items in your circulitos */
    --ani-offset: calc(var(--width) * var(--num-items) * -1);
    --ani-speed: 20s; /* Adjusted animation speed for smoother transition */
}


.circulitos-wrapper {
    width: 69.5%; /* Adjusted width to be more responsive */
    max-width: 1900px;
    overflow: hidden;
    /*position: relative;*/
    transform: translate(8%, -950%);
    z-index: 10;
}

.circulitos-wrapper::before,
.circulitos-wrapper::after {
    content: '';
    /*position: relative;*/
    width: 20%;
    height: 100%;
    /*z-index: 1;*/
    top: 0;
}
.circulitos-wrapper::before {
    left: 0;
    background-image: linear-gradient(to right, var(--bg-clr) 0%, transparent 100%);
}
.circulitos-wrapper::after {
    right: 0;
    background-image: linear-gradient(to left, var(--bg-clr) 0%, transparent 100%);
}

.circulitos {
    display: flex;
    align-items: center;
    animation: slide var(--ani-speed) linear infinite;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 1rem;
}
.circulitos-item > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}

@keyframes slide {
    100% {
        transform: translateX(var(--ani-offset));
    }
}

/*clase preloader*/
  #preloadere {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Color de fondo del preloader */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegúrate de que esté en la parte superior */
}

#loadere {
    border: 8px solid #f3f3f3; /* Color del borde del loader */
    border-top: 8px solid #3498db; /* Color del borde superior del loader (puedes cambiarlo) */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; /* Animación de rotación */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Letra de productos*/
body, .product-name, .product-price, .product-code, footer {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;
}

/*carrito*/
   .cart-icon-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit text color */
}

.cart-icon-container img {
    width: 100px; /* Ajusta el tamaño según sea necesario */
    position: relative; /* Agrega posición relativa */
    z-index: 1; /* Asegura que la imagen del carrito esté debajo */
}

.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000; /* Color de fondo del contador */
    color: white;
    border-radius: 50%;
    padding: 2px 6px; /* Ajusta el padding para un tamaño adecuado */
    font-size: 12px; /* Ajusta el tamaño de la fuente */
    font-weight: bold;
    z-index: 12; /* Asegura que el contador esté encima de la imagen */
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px; /* Ancho mínimo para asegurarse de que se vea bien */
    height: 20px; /* Altura para asegurarse de que se vea bien */
    line-height: 1; /* Alineación vertical del texto */
    right: -270px;
    top: 30px;
    display: none;
}

/*color de navbar nuevo, ajustes para especificar el PDF*/
.dropdown-menu {
    background-color: #eeeeee!important;
    border-radius: 1.2550rem!important;
}

.size_menor{
     transform: translate(22%, 180%);
     width: 19%;
}

.cat_24 {
   transform: translate(7%, -1430%); 
   width: 71%;
}


/* Posicionamiento del submenú para que se despliegue a la derecha */
.dropdown-submenu.dropright .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* Estilo adicional para el dropdown principal */
.dropdown-menu-right2 {
    right: auto;
    left: 100%;
}

.categoria-link {
    padding: 8px 15px;
}

.categoria-link:hover + .dropdown-menu {
    /*display: block;
    transform: translate(0%, 0%);*/
    margin-left: -5%;
}

/* Estilos generales para igualar el diseño */

/* Contenedor de la barra de búsqueda */
#formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5; /* Color de fondo claro */
    border: 1px solid #dcdcdc; /* Borde gris claro */
    border-radius: 30px; /* Bordes redondeados */
    padding: 5px 15px; /* Espaciado interno */
    max-width: 300px; /* Limita el ancho máximo */
    width: 12%; /* Asegura que se ajuste al contenedor */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave */
    margin: 0 auto; /* Centrar en su contenedor */
    z-index: 1000;
    height: 60px; /* Altura fija */
    transform: translate(166%, -475%); /* Ajusta la posición según el contenedor */
}

/* Campo de texto */
#inputBusqueda {
    border: none;
    outline: none; /* Quitar borde al seleccionar */
    font-size: 16px;
    flex: 1; /* Ocupa todo el espacio disponible */
    margin-right: 10px; /* Espaciado con el ícono */
    color: #6d6d6d; /* Texto en gris */
    background-color: transparent; /* Fondo transparente */
}

/* Campo de texto */
#PalabraClave {
    border: none;
    outline: none; /* Quitar borde al seleccionar */
    font-size: 14px;
    flex: 1; /* Ocupa todo el espacio disponible */
    margin-right: 10px; /* Espaciado con el ícono */
    color: #6d6d6d; /* Texto en gris */
    background-color: transparent; /* Fondo transparente */
}

/* Ícono de búsqueda */
.icono-busqueda {
    width: 24px; /* Ajusta el tamaño del ícono */
    height: 24px;
    cursor: pointer;
    filter: invert(30%); /* Hace que el color coincida con el diseño (gris oscuro) */
    visibility: hidden;
}

/* Asegurar que sea responsive */
@media (max-width: 768px) {
    #formBusqueda {
        max-width: 300px; /* Reduce el tamaño en pantallas más pequeñas */
        padding: 5px 10px;
    }

    #inputBusqueda {
        font-size: 14px; /* Ajusta el tamaño del texto */
    }

    .icono-busqueda {
        width: 20px;
        height: 20px;
    }
}

input#PalabraClave.reac_inp{
    /*width: 54%;*/
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none; /* Elimina el borde */
    outline: none; /* Evita el borde al seleccionar */
    font-family: "Segoe UI", sans-serif; /* Establece la fuente Segoe UI */
    font-size: 13px;
}

/* Estilo específico para el placeholder */
#PalabraClave::placeholder {
        font-family: "Segoe UI", sans-serif; /* Cambiar tipografía */
        font-size: 15px; /* Cambiar tamaño */
        color: #6d6d6d; /* (Opcional) Cambiar el color */
    }

/* Ícono de búsqueda */
.lup_cla {
    width: 180px; /* Ajusta el tamaño del ícono */
    height: 160%;
    cursor: pointer;
    transform: translate(-220%, 55%);
    max-width: fit-content;
}

.tam_bot{
/*transform: translate(-250%, -150%);*/
}

/*carousel #1 bolitas*/
.carousel-dots {
  text-align: center;
  margin-top: 10px;
transform: translate(-9%, -150%);
}

.dot {
  height: 12px;
  width: 12px;
  margin: 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dot.active {
  background-color: #717171;
}

/*carousel #2 bolitas*/
.carousel-dots2 {
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-175%, -1450%);
}

.dot2 {
  height: 12px;
  width: 12px;
  margin: 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dot2.active {
  background-color: #717171;
}


/*Estilos para el segundo carrusel*/
.carousel2 {
  position: relative;
  max-width: 600px; /* Cambiado a 500px */
  height: auto;
  transform: translate(158%, -417%);
  z-index: -1000;
overflow: visible;
 min-height: 300px;
}

.carousel2 img {
  max-width: 84%; /* Ajusta el ancho máximo de las imágenes al ancho del contenedor */
  height: auto;
  transform: translate(-1%, -120%)!important;
}

.carousel-inner2 {
  display: flex;
}

.carousel-item2 {
  flex: 0 0 auto;
}

button {
  /*position: absolute;*/
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
/*Estilos para el segundo carrusel*/

/*Responsive*/
@media screen and (min-width: 1860px) and (max-width: 1880px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(166%, -470%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(103.5%, -778%);
    height: 100%;
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-3%, -114%) !important;
}
  }
  
  @media screen and (min-width: 1840px) and (max-width: 1859px) {

    .pedwhats {
    /* position: relative; */
    transform: translate(102%, -768%);
    height: 100%;
}
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(166%, -475%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-5%, -108.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-205%, -1350%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -920%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(220%, -445%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -690%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -745%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -7%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    margin-top: -85%;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    margin-top: -80%;
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 29%;
}

.services-txt {
    transform: translate(465%, -3110%);
    width: 12%;
    height: auto;
}
  }

    @media screen and (min-width: 1820px) and (max-width: 1839px) {

        .pedwhats {
    /* position: relative; */
    transform: translate(106%, -793%);
    height: 96%;
}
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(166%, -475%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-9%, -104.8%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-205%, -1260%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -920%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(220%, -445%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -730%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -7%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3210%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3000%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}
  }
  
   @media screen and (min-width: 1800px) and (max-width: 1819px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(166%, -466%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-8%, -112%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-250%, -1350%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -890%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(220%, -456%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -730%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -7%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3210%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3000%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-1050%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 5%);
}

.cat_24 {
    transform: translate(6%, -1440%);
    width: 72.5%;
}

.sucur {
    /* position: relative; */
    transform: translate(28%, -325%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(86%, -582%);
    width: 27%;
    height: 100%;
}

.pedwhats {
    /* position: relative; */
    transform: translate(103%, -796%);
    height: 97%;
}
  }
  
     @media screen and (min-width: 1780px) and (max-width: 1799px) {
.envgrat {
    /* position: relative; */
    transform: translate(86%, -582%);
    width: 27%;
    height: 100%;
}
.sucur {
    /* position: relative; */
    transform: translate(27%, -325%);
    width: 19%;
    /* height: 100%; */
}
        .pedwhats {
    /* position: relative; */
    transform: translate(105%, -806%);
    height: 95%;
}
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(166%, -466%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-12%, -107.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-260%, -1320%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -880%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(220%, -461%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -730%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -8%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3210%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3000%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-1050%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 5%);
}

.cat_24 {
    transform: translate(6%, -1440%);
    width: 72.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-200%, -14%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-180%, -12%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-183%, -15.5%);
}
.dropdown-menu.larger-translate {
    transform: translate(135%, -5%);
}
}

  @media screen and (min-width: 1760px) and (max-width: 1779px) {
.resize-textprin {
    height: 77%;
    transform: translate(14%, -88%);
}
    .pedwhats {
    /* position: relative; */
    transform: translate(102%, -822%);
    height: 95%;
}
    .envgrat {
    /* position: relative; */
    transform: translate(85%, -600%);
    width: 27%;
    height: 100%;
}
    .sucur {
    /* position: relative; */
    transform: translate(27%, -339%);
    width: 19%;
    /* height: 100%; */
}
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -460%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-12%, -118%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-285%, -1420%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -880%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(226%, -468%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -730%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -10%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3315%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3100%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-1050%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 5%);
}

.cat_24 {
    transform: translate(6%, -1460%);
    width: 74%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-200%, -13.6%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-180%, -12%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-183%, -15.5%);
}
.dropdown-menu.larger-translate {
    transform: translate(135%, -5%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -455%);
    /* z-index: -1000; */
}
}

 @media screen and (min-width: 1740px) and (max-width: 1759px) {
    .sucur {
    /* position: relative; */
    transform: translate(27%, -339%);
    width: 19%;
    /* height: 100%; */
}
    .envgrat {
    /* position: relative; */
    transform: translate(86%, -600%);
    width: 27%;
    height: 100%;
}

.pedwhats {
    /* position: relative; */
    transform: translate(101%, -814%);
    height: 95%;
}

    .resize-textprin {
    height: 75%;
    transform: translate(14%, -90%);
}
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -460%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-14%, -113%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-285%, -1380%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -860%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(222%, -472%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -728%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -10%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3315%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3100%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-1050%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 5%);
}

.cat_24 {
    transform: translate(6%, -1460%);
    width: 74%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-186%, -13.6%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-167%, -12%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-170%, -15.4%);
}
.dropdown-menu.larger-translate {
    transform: translate(135%, -5%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -455%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 22.00px;
}
}

@media screen and (min-width: 1720px) and (max-width: 1739px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -460%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-17%, -108.8%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-350%, -1340%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -860%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -481%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -728%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -15%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3315%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3200%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-990%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 10%);
}

.cat_24 {
    transform: translate(6%, -1460%);
    width: 74%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-186%, -13.6%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-167%, -12%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-170%, -15.4%);
}
.dropdown-menu.larger-translate {
    transform: translate(135%, -5%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -455%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 22.00px;
}

.resize-textprin {
    height: 80%;
    transform: translate(11%, -83%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(104%, -845%);
    width: 24.1%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(23%, -345%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(84%, -608%);
    width: 27%;
    /* height: 100%; */
}
}

@media screen and (min-width: 1700px) and (max-width: 1719px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -450%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-18%, -104%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-350%, -1280%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -850%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -489%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -728%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -15%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3315%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3200%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-990%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 10%);
}

.cat_24 {
    transform: translate(6%, -1470%);
    width: 74%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-178%, -13.4%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-160%, -11.6%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-163%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(135%, -5%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -455%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 22.00px;
}

.resize-textprin {
    height: 75%;
    transform: translate(11%, -91%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(102.5%, -846%);
    width: 24.1%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(23%, -345%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(83%, -609%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(230%, -3400%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-188%, 55%);
    max-width: fit-content;
}
}

@media screen and (min-width: 1680px) and (max-width: 1699px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -450%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-20%, -107%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-370%, -1320%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -850%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(226%, -495%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -728%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3515%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-990%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 10%);
}

.cat_24 {
    transform: translate(6%, -1490%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-174%, -13%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-157%, -11.5%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-160%, -15%);
}
.dropdown-menu.larger-translate {
    transform: translate(120%, 1%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -485%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 21.00px;
}

.resize-textprin {
    height: 75%;
    transform: translate(12%, -92%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(105.5%, -867%);
    width: 24%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(25%, -355%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -620%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3500%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-188%, 55%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}
}

@media screen and (min-width: 1660px) and (max-width: 1679px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -445%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-23%, -104%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-400%, -1280%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -850%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(226%, -500%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -683%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -728%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 22px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 26%;
}

.services-txt {
    transform: translate(465%, -3515%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-920%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 13%);
}

.cat_24 {
    transform: translate(6%, -1500%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-174%, -13%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-157%, -11.5%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-160%, -15%);
}
.dropdown-menu.larger-translate {
    transform: translate(120%, 1%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -485%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 21.00px;
}

.resize-textprin {
    height: 75%;
    transform: translate(12%, -93%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(105.5%, -872%);
    width: 24%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(25%, -358%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -625%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3500%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-188%, 55%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
}

@media screen and (min-width: 1640px) and (max-width: 1659px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 60px;
    transform: translate(175%, -445%);
}

.carousel2 img {
    max-width: 84%;
    height: auto;
    transform: translate(-24%, -96%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-400%, -1140%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -850%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(226%, -508%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -668%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -718%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 20px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 24.6%;
}

.services-txt {
    transform: translate(465%, -3515%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-920%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 13%);
}

.cat_24 {
    transform: translate(6%, -1500%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-188%, -13.5%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-170%, -11.65%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-173.5%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(120%, 1%);
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -477%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 21.00px;
}

.resize-textprin {
    height: 75%;
    transform: translate(12%, -92.5%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(106%, -856%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(25%, -353%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(87%, -618%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3500%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-188%, 55%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
}

@media screen and (min-width: 1620px) and (max-width: 1639px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 58px;
    transform: translate(180%, -445%);
}

.carousel2 img {
    max-width: 79%;
    height: auto;
    transform: translate(-27%, -90.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-400%, -1140%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -835%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(226%, -508%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -668%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -718%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 20px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 24.6%;
}

.services-txt {
    transform: translate(465%, -3515%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-920%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 15%);
}

.cat_24 {
    transform: translate(6%, -1500%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-188%, -13.5%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-170%, -11.65%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-173.5%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(235%, 1%);
    width: 10%;
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -477%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 20.00px;
}

.resize-textprin {
    height: 75%;
    transform: translate(11%, -91%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(104%, -858%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(25%, -354%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -619%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3500%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-196%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
.carousel-img1 {
    width: 78%;
  transform: translate(1%, -10%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-9.5%, -250%);
}
.footer-img {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
}

@media screen and (min-width: 1601px) and (max-width: 1619px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 58px;
    transform: translate(180%, -445%);
}

.carousel2 img {
    max-width: 78%;
    height: auto;
    transform: translate(-30%, -85%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-480%, -1040%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -835%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(230%, -508%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -654%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -695%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 20px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 20.8%;
}

.services-txt {
    transform: translate(465%, -3515%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-920%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 15%);
}

.cat_24 {
    transform: translate(6%, -1500%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-188%, -13.5%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-170%, -11.65%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-173.5%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(235%, 1%);
    width: 10%;
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -477%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 20.00px;
}

.resize-textprin {
    height: 75%;
    transform: translate(11%, -88%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(104%, -859%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(25%, -354%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -620%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3400%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-196%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
.carousel-img1 {
    width: 76.5%;
  transform: translate(2%, -10%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-9.5%, -250%);
}
.footer-img {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
}

@media screen and (min-width: 1600px) and (max-width: 1600px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 58px;
    transform: translate(180%, -445%);
}

.carousel2 img {
    max-width: 78%;
    height: auto;
    transform: translate(-33%, -73%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-480%, -900%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -818%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -640%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -695%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 20px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 20.9%;
}

.services-txt {
    transform: translate(465%, -3525%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-860%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 18%);
}

.cat_24 {
    transform: translate(6%, -1500%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-188%, -13.5%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-170%, -11.65%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-173.5%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(235%, 1%);
    width: 10%;
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -463%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 19.00px;
}

.resize-textprin {
    height: 77%;
    transform: translate(11%, -85%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(104%, -849%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(24%, -354%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -615%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3440%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-196%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
.carousel-img1 {
    width: 76.5%;
  transform: translate(2%, -10%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-9.5%, -250%);
}
.footer-img {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
}

@media screen and (min-width: 1580px) and (max-width: 1599px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 58px;
    transform: translate(180%, -445%);
}

.carousel2 img {
    max-width: 78%;
    height: auto;
    transform: translate(-33%, -87.8%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-480%, -1120%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -818%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -640%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -695%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 20px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 20.9%;
}

.services-txt {
    transform: translate(465%, -3525%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-860%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 18%);
}

.cat_24 {
    transform: translate(6%, -1550%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-188%, -13.5%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-170%, -11.65%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-173.5%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(235%, 1%);
    width: 10%;
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -463%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 19.00px;
}

.resize-textprin {
    height: 72%;
    transform: translate(11%, -96%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(104%, -876%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(24%, -365.5%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -635%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3440%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-196%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
.carousel-img1 {
    width: 76.5%;
  transform: translate(2%, -10%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-9.5%, -250%);
}
.footer-img {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
}

@media screen and (min-width: 1560px) and (max-width: 1579px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 58px;
    transform: translate(180%, -445%);
}

.carousel2 img {
    max-width: 78%;
    height: auto;
    transform: translate(-35%, -83%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-510%, -1070%);
}

.circulitos-wrapper {
    width: 69.5%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(8%, -818%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -640%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 40%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(13%, -695%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(59%, -18%);
    width: 39.8%;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
}

.sugerencia .product-name {
    margin: 0;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 20px;
}

.slider-img-changesize {
    width: 79%;
    height: auto;
    margin-top: 20.9%;
}

.services-txt {
    transform: translate(465%, -3525%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, 20%);
    width: 100%;
    height: 85%;
}

.prod-rec {
    transform: translate(22%, -3300%);
    width: 35%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-860%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 18%);
}

.cat_24 {
    transform: translate(6%, -1550%);
    width: 74.5%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-188%, -13.5%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-170%, -11.65%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-173.5%, -15.1%);
}
.dropdown-menu.larger-translate {
    transform: translate(235%, 1%);
    width: 10%;
}

.services-img {
    width: 28%;
    height: auto;
    /* position: relative; */
    transform: translate(172%, -463%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 19.00px;
}

.resize-textprin {
    height: 72%;
    transform: translate(11%, -95%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(104%, -880%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(24%, -368%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(85%, -638%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 23%;
    height: auto;
    /* position: relative; */
    transform: translate(229%, -3440%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(40%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-196%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(17%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(22%, 184%);
    width: 19%;
}
.carousel-img1 {
    width: 76.5%;
  transform: translate(2%, -10%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-9.5%, -250%);
}
.footer-img {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
}

@media screen and (min-width: 1540px) and (max-width: 1559px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(159%, -560%);
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-41%, -73%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-585%, -1000%);
}

.circulitos-wrapper {
    width: 67%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(11%, -780%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -630%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -685%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 28.5%;
}

.services-txt {
    transform: translate(465%, -3525%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -3900%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translateY(-860%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 18%);
}

.cat_24 {
    transform: translate(11%, -1700%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-229%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-208%, -11.6%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-212%, -14.8%);
}
.dropdown-menu.larger-translate {
    transform: translate(192%, 1%);
    width: 10%;
}

.services-img {
    width: 26%;
    height: auto;
    /* position: relative; */
    transform: translate(190%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 16.00px;
}

.resize-textprin {
    height: 65%;
    transform: translate(20%, -106%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(112%, -880%);
    width: 24.3%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(40%, -368%);
    width: 19%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(93%, -638%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(50%, 233%);
    width: 15%;
}
.carousel-img1 {
    width: 65%;
  transform: translate(4%, -40%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-15%, -470%);
}
.footer-img {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
}

@media screen and (min-width: 1520px) and (max-width: 1539px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(159%, -560%);
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-45%, -51%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-630%, -830%);
}

.circulitos-wrapper {
    width: 67%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(11%, -780%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -630%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -685%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 28.5%;
}

.services-txt {
    transform: translate(465%, -3649%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4000%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 18%);
}

.cat_24 {
    transform: translate(11%, -1680%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-229%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-208%, -11.6%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-212%, -14.8%);
}
.dropdown-menu.larger-translate {
    transform: translate(192%, 1%);
    width: 10%;
}

.services-img {
    width: 26%;
    height: auto;
    /* position: relative; */
    transform: translate(190%, -505%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 16.00px;
}

.resize-textprin {
    height: 64%;
    transform: translate(20%, -104%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -890%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -372%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -650%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(50%, 233%);
    width: 15%;
}
.carousel-img1 {
    width: 64.9%;
  transform: translate(2.5%, -33%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-15%, -470%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1500px) and (max-width: 1519px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(161%, -545%);
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-48%, -52%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-650%, -840%);
}

.circulitos-wrapper {
    width: 67%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(11%, -780%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -625%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -665%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 28.5%;
}

.services-txt {
    transform: translate(465%, -3649%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4000%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 18%);
}

.cat_24 {
    transform: translate(11%, -1700%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-223%, -13%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-201%, -11.4%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-205%, -14.8%);
}
.dropdown-menu.larger-translate {
    transform: translate(192%, 1%);
    width: 10%;
}

.services-img {
    width: 26%;
    height: auto;
    /* position: relative; */
    transform: translate(190%, -505%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 15.00px;
}

.resize-textprin {
    height: 63%;
    transform: translate(21%, -105%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(111%, -885%);
    width: 24%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -376%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(90%, -632%);
    width: 27%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(51%, 238%);
    width: 15%;
}
.carousel-img1 {
    width: 64.9%;
  transform: translate(2.5%, -28%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-15%, -380%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1480px) and (max-width: 1499px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(161%, -545%);
}

.carousel2 img {
    max-width: 64%;
    height: auto;
    transform: translate(-52%, -41%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-685%, -750%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -760%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -560%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -620%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -670%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 25.9%;
}

.services-txt {
    transform: translate(465%, -3745%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4100%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 18%);
}

.cat_24 {
    transform: translate(11%, -1700%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-223%, -13%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-201%, -11.4%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-205%, -14.8%);
}
.dropdown-menu.larger-translate {
    transform: translate(192%, 1%);
    width: 10%;
}

.services-img {
    width: 26%;
    height: auto;
    /* position: relative; */
    transform: translate(190%, -515%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(9%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 15.00px;
}

.resize-textprin {
    height: 62%;
    transform: translate(20%, -104%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -899%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -376%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -655%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(51%, 243%);
    width: 15%;
}
.carousel-img1 {
    width: 64%;
  transform: translate(2%, -28%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-16.5%, -380%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1460px) and (max-width: 1479px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(161%, -545%);
}

.carousel2 img {
    max-width: 64%;
    height: auto;
    transform: translate(-55%, -40%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-710%, -680%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -760%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(255%, -568%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -619%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -670%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 25.9%;
}

.services-txt {
    transform: translate(465%, -3750%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4100%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 18%);
}

.cat_24 {
    transform: translate(11%, -1730%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-223%, -13%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-201%, -11.4%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-205%, -14.8%);
}
.dropdown-menu.larger-translate {
    transform: translate(192%, 1%);
    width: 10%;
}

.services-img {
    width: 26%;
    height: auto;
    /* position: relative; */
    transform: translate(190%, -515%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 15.00px;
}

.resize-textprin {
    height: 62%;
    transform: translate(21%, -104%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -912%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -384%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -665%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(51%, 243%);
    width: 15%;
}
.carousel-img1 {
    width: 64%;
  transform: translate(2%, -28%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-16.5%, -380%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1440px) and (max-width: 1459px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(159%, -528%);
}

.carousel2 img {
    max-width: 63%;
    height: auto;
    transform: translate(-60%, -33.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-750%, -710%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -730%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(250%, -568%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -595%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -650%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 22.9%;
}

.services-txt {
    transform: translate(465%, -3750%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4100%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -730%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 22%);
}

.cat_24 {
    transform: translate(11%, -1730%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-207%, -12.8%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-187%, -11.1%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-191%, -14.6%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 26%;
    height: auto;
    /* position: relative; */
    transform: translate(190%, -500%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 14.00px;
}

.resize-textprin {
    height: 60%;
    transform: translate(20%, -106%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -914%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -384%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -666%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(53%, 248%);
    width: 15%;
}
.carousel-img1 {
    width: 63%;
  transform: translate(0%, -28%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-16.5%, -380%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1420px) and (max-width: 1439px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(159%, -528%);
}

.carousel2 img {
    max-width: 63%;
    height: auto;
    transform: translate(-63%, -31%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-770%, -680%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -730%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 14%;
    height: 100%;
    transform: translate(252%, -576%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -580%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -630%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 31%;
    margin-right: -90;
}

.services-txt {
    transform: translate(465%, -3750%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4100%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -730%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 23%);
}

.cat_24 {
    transform: translate(11%, -1750%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-207%, -12.8%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-187%, -11.1%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-191%, -14.6%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -560%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 14.00px;
}

.resize-textprin {
    height: 60%;
    transform: translate(20%, -106%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -924%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -390%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -675%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(53%, 248%);
    width: 15%;
}
.carousel-img1 {
    width: 63%;
  transform: translate(0%, -25%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-16.5%, -380%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1400px) and (max-width: 1419px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(159%, -518%);
}

.carousel2 img {
    max-width: 61.5%;
    height: auto;
    transform: translate(-67%, -22%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-800%, -640%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -730%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(280%, -625%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -580%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -630%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 16px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 31%;
    margin-right: -90;
}

.services-txt {
    transform: translate(465%, -3750%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
   /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4100%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -730%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 23%);
}

.cat_24 {
    transform: translate(11%, -1750%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-207%, -12.8%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-187%, -11.1%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-191%, -14.6%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -560%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 14.00px;
    transform: translate(0%, -10%);
}

.resize-textprin {
    height: 60%;
    transform: translate(20.5%, -105%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -924%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -390%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -674.5%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(53%, 248%);
    width: 15%;
}
.carousel-img1 {
    width: 62%;
  transform: translate(0%, -22%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-16.5%, -380%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1380px) and (max-width: 1399px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    transform: translate(159%, -518%);
}

.carousel2 img {
    max-width: 60.5%;
    height: auto;
    transform: translate(-70%, -8%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-800%, -520%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -700%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(275%, -619%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -565%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -615%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -10%);
    width: 36%;
    height: 13%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 31%;
    margin-right: -90;
}

.services-txt {
    transform: translate(465%, -3750%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4100%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -690%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 25%);
}

.cat_24 {
    transform: translate(11%, -1750%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-226%, -12.9%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-205%, -11.4%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-208%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -560%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.50px;
    transform: translate(0%, -10%);
}

.resize-textprin {
    height: 59%;
    transform: translate(19%, -103%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -919%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -388%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -672%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; */
    height: 60%;
    transform: translate(30%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-295%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(53%, 248%);
    width: 15%;
}
.carousel-img1 {
    width: 60%;
  transform: translate(1%, -22%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-19%, -310%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
}

@media screen and (min-width: 1360px) and (max-width: 1379px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(159%, -521%);
}

.carousel2 img {
    max-width: 59.5%;
    height: auto;
    transform: translate(-74%, -4%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-850%, -510%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(275%, -628%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -565%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -615%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -4%);
    width: 36%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 31%;
    margin-right: -90;
}

.services-txt {
    transform: translate(465%, -3840%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4200%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -690%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 25%);
}

.cat_24 {
    transform: translate(11%, -1750%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-226%, -12.9%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-205%, -11.4%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-208%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -530%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.50px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(20%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -929%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -393%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -678%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 265%);
    width: 15%;
}
.carousel-img1 {
    width: 59%;
  transform: translate(1%, -25%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-19%, -330%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}

}

@media screen and (min-width: 1340px) and (max-width: 1359px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(159%, -521%);
}

.carousel2 img {
    max-width: 59.5%;
    height: auto;
    transform: translate(-78%, -1%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-880%, -470%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -675%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(275%, -638%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -555%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -610%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -4%);
    width: 36%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -20%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -25%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 29%;
    margin-right: -90;
}

.services-txt {
    transform: translate(465%, -3845%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4200%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -650%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-1%, 27.5%);
}

.cat_24 {
    transform: translate(11%, -1800%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-219%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-199%, -11.5%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-203%, -15%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -545%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.50px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(20%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -938%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -398%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -685%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 265%);
    width: 15%;
}
.carousel-img1 {
    width: 59%;
  transform: translate(1%, -25%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-19%, -330%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 40%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 140%);
}
.mov_contacto{
    transform: translate(0%, 55%);
}
.mov_quienes{
    transform: translate(0%, -10%);
}
.mov_politicas{
    transform: translate(0%, -50%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}

}

@media screen and (min-width: 1320px) and (max-width: 1339px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(159%, -521%);
}

.carousel2 img {
    max-width: 58%;
    height: auto;
    transform: translate(-82%, 10%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-880%, -430%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -665%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(275%, -638%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -538%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -600%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(68%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.75rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -20%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.75rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -25%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 25%;
    margin-right: -90;
}

.services-txt {
    transform: translate(460%, -3850%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4200%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -650%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-6%, 25%);
}

.cat_24 {
    transform: translate(11%, -1780%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-219%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-199%, -11.5%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-203%, -15%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -540%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.50px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(20%, -104%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -938%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -398%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -685%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 265%);
    width: 15%;
}
.carousel-img1 {
    width: 58%;
  transform: translate(0%, -22.5%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-20%, -310%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.0rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.0rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 270%);
}
.mov_contacto{
    transform: translate(0%, 190%);
}
.mov_quienes{
    transform: translate(0%, 100%);
}
.mov_politicas{
    transform: translate(0%, 10%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}

@media screen and (min-width: 1300px) and (max-width: 1319px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(160%, -505%);
}

.carousel2 img {
    max-width: 56%;
    height: auto;
    transform: translate(-87%, 15%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-935%, -420%);
}

.circulitos-wrapper {
    width: 66%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(12%, -665%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(275%, -638%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -536%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -600%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.75rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -20%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.75rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -25%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 25%;
    margin-right: -90;
}

.services-txt {
    transform: translate(460%, -3855%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4200%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -650%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-6%, 25%);
}

.cat_24 {
    transform: translate(11%, -1780%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -535%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 55%;
    transform: translate(19%, -106%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -950%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -405%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -695%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(24%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
}
.carousel-img1 {
    width: 56%;
  transform: translate(1%, -26%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-20%, -390%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.0rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.0rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 270%);
}
.mov_contacto{
    transform: translate(0%, 190%);
}
.mov_quienes{
    transform: translate(0%, 100%);
}
.mov_politicas{
    transform: translate(0%, 10%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}

@media screen and (min-width: 1280px) and (max-width: 1299px) {
 #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 12%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(160%, -505%);
}

.carousel2 img {
    max-width: 56%;
    height: auto;
    transform: translate(-91%, 24%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-935%, -360%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -650%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 13%;
    height: 100%;
    transform: translate(275%, -650%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -536%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 37%;
    height: 350px;
    /* margin-left: 0px; */
    /* position: relative; */
    transform: translate(20%, -600%);
}

.nav-container {
    background-color: #efefef;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.75rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -20%);
}

.sugerencia .product-name {
    margin: 0;
    font-size: 0.75rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -25%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 64%;
    height: auto;
    margin-top: 25%;
    margin-right: -90;
}

.services-txt {
    transform: translate(460%, -3855%);
    width: 12%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    /*padding: 10px 20px;*/
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 100%;
    height: 85%;
    font-size: 10;
}

.prod-rec {
    transform: translate(35%, -4200%);
    width: 30%;
    height: auto;
    margin-bottom: 50px;
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(-2%, -600%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-6%, 25%);
}

.cat_24 {
    transform: translate(11%, -1780%);
    width: 68%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 24%;
    height: auto;
    /* position: relative; */
    transform: translate(207%, -552%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 1900px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 12.5px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 53%;
    transform: translate(20%, -113%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(114%, -951%);
    width: 23.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(41%, -405%);
    width: 18.5%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(95%, -694%);
    width: 26%;
    /* height: 100%; */
}

.desc-txt {
    width: 22%;
    height: auto;
    /* position: relative; */
    transform: translate(232%, -3540%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(25%, -4350%);
    width: 32%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
}
.carousel-img1 {
    width: 56%;
  transform: translate(1%, -25%);
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-20%, -310%);
}
.footer-img {
    width: 69%;
    height: auto;
    margin-left: 15%;
    margin-top: -115%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 1.0rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.sugerencia img {
    width: 70%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 img {
    width: 70%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(0%, 10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 1.0rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.8rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -200%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(0%, 320%);
}
.mov_contacto{
    transform: translate(0%, 190%);
}
.mov_quienes{
    transform: translate(0%, 100%);
}
.mov_politicas{
    transform: translate(0%, 10%);
}
.mov_confidencialidad{
    transform: translate(0%, -110%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}

@media screen and (min-width: 1270px) and (max-width: 1279px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 550%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 4100%);
}

.circulitos-wrapper {
    width: 190%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-28%, -550%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(30%, -369%);
}

.sugerencias-container {
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    width: 95%;
    height: 40%;
    /* margin-left: 0px;
     position: relative;  */
    transform: translate(-60%, 260%);
            position: absolute;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.sugerencias-container-2 {
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    width: 95%;
    height: 40%;
    /* margin-left: 0px; 
     position: relative; */
    transform: translate(-60%, 388%);
    position: absolute;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7950%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 550%);
}

.cat_24 {
    transform: translate(-31%, -1270%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -70%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(-8%, -620%);
    width: 64.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-111%, -208%);
    width: 54%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-15%, -459%);
    width: 71%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-70%, -3700%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -5%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -220%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-259%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1260px) and (max-width: 1269px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 532%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 190%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-28%, -550%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    width: 95%;
    height: 40%;
    position: absolute;
    /* margin-left: 0px;
     position: relative;  */
    transform: translate(-60%, 265%);
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.sugerencias-container-2 {
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    width: 95%;
    height: 40%;
    /* margin-left: 0px; 
     position: relative; */
    transform: translate(-60%, 390%);
    position: absolute;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7900%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 545%);
}

.cat_24 {
    transform: translate(-31%, -1320%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(-8%, -653%);
    width: 64.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-112%, -225%);
    width: 54%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-16%, -475%);
    width: 72.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-70%, -3700%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-257%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1250px) and (max-width: 1259px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 530%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 190%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-28%, -550%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
    width: 95%;
    height: 40%;
    margin-left: -70%;
    margin-bottom: -7%;
   transform: translate(15%, 256%);
   position: absolute;
}


.sugerencias-container-2 {
  width: 95%;
    height: 40%;
  position: absolute;
  transform: translate(-60%, 385%);
    }
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7900%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 545%);
}

.cat_24 {
    transform: translate(-31%, -1295%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(-8.4%, -655%);
    width: 64.6%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-111.5%, -225%);
    width: 54%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-16%, -475%);
    width: 72.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-65%, -3700%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-257%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1240px) and (max-width: 1249px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 531%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 190%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-28%, -550%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
    width: 100%;
    height: 40%;
    transform: translate(-60%, 260%);
    position: absolute;
  }


.sugerencias-container-2 {
   width: 100%;
    height: 40%;
   transform: translate(-60%, 385%);
   position: absolute;
    }
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 540%);
}

.cat_24 {
    transform: translate(-31%, -1290%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(-8.4%, -653%);
    width: 64.6%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-111.5%, -225%);
    width: 54%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-16%, -475%);
    width: 72.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-65%, -3700%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-253%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1230px) and (max-width: 1239px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 531%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 190%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-28%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
  width: 100%;
    height: 40%;
    transform: translate(-60%, 260%);
    position: absolute;
  
}


.sugerencias-container-2 {
    width: 100%;
    height: 40%;
   transform: translate(-60%, 390%);
   position: absolute;
    }
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7700%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 535%);
}

.cat_24 {
    transform: translate(-31%, -1290%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(-8.4%, -653%);
    width: 64.6%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-111.5%, -225%);
    width: 54%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-16%, -475%);
    width: 72.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-65%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-251%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1220px) and (max-width: 1229px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 531%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 180%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-27.5%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
   width: 100%;
    height: 40%;
    transform: translate(-60%, 263%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
    position: absolute;
}


.sugerencias-container-2 {
    width: 100%;
    height: 40%;
    transform: translate(-60%, 385%);
    position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7700%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 535%);
}

.cat_24 {
    transform: translate(-31%, -1290%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    transform: translate(-8.4%, -653%);
    width: 64.6%;
    height: 100%;
}

.sucur {
    transform: translate(-111.5%, -225%);
    width: 54%;
    
}

.envgrat {
    transform: translate(-16%, -475%);
    width: 72.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-62%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-249%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1210px) and (max-width: 1219px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 531.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 180%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-27.5%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
   width: 100%;
    height: 40%;
    transform: translate(-60%, 261%);
    position: absolute;

}


.sugerencias-container-2 {
    width: 100%;
    height: 40%;
    transform: translate(-60%, 385%);
    position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7630%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 530%);
}

.cat_24 {
    transform: translate(-31%, -1270%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    transform: translate(-8.4%, -652%);
    width: 64.6%;
    height: 100%;
}

.sucur {
    transform: translate(-111.5%, -225%);
    width: 54%;
    
}

.envgrat {
   transform: translate(-16%, -475%);
    width: 72.5%;
    
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    transform: translate(-62%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-247%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1200px) and (max-width: 1209px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 65%;
    height: auto;
    transform: translate(-157%, 531.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1430%, 3900%);
}

.circulitos-wrapper {
    width: 180%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-27.5%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(20%, -390%);
}

.sugerencias-container {
   width: 100%;
    height: 40%;
    transform: translate(-60%, 261%);
    position: absolute;
  
}


.sugerencias-container-2 {
    width: 100%;
    height: 40%;
    transform: translate(-60%, 385%);
    position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 90%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 68%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3000%);
    width: 85%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7550%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 525%);
}

.cat_24 {
    transform: translate(-31%, -1270%);
    width: 195%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-60%, -80%);
}

.pedwhats {
    transform: translate(-8.4%, -652%);
    width: 64.6%;
    height: 100%;
}

.sucur {
    transform: translate(-111.5%, -225%);
    width: 54%;
    
}

.envgrat {
    transform: translate(-16%, -475%);
    width: 72.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(110%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
   transform: translate(-62%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 76%;
  transform: translate(11%, -15%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-5.5%, -350%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 620%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-245%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1450%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(645%, -165%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(780%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1190px) and (max-width: 1199px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 671%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 178%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-27.5%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 242%);
    position: absolute;
 }


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 367%);
    position: absolute;

}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7450%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 521%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(5%, -632%);
    width: 63%;
    height: 100%;
}

.sucur {
 transform: translate(-100%, -230%);
    width: 49%;
    
}

.envgrat {
   transform: translate(-4%, -452%);
    width: 70.5%;
    
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-62%, -3500%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-243%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(605%, -162%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(590%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1180px) and (max-width: 1189px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -400%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 671%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4090%);
}

.circulitos-wrapper {
    width: 178%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-27.5%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 235%);
    position: absolute;
  
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 362%);
    position: absolute;
  
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7450%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 517%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(5%, -632%);
    width: 63%;
    height: 100%;
}

.sucur {
    transform: translate(-99%, -230%);
    width: 49%;
    
}

.envgrat {
    transform: translate(-4%, -450%);
    width: 70.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    transform: translate(-62%, -3500%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-241%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(605%, -162%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(590%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1170px) and (max-width: 1179px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 671%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4090%);
}

.circulitos-wrapper {
    width: 178%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-27.5%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 244%);
    position: absolute;

}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 370%);
   position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7450%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 517%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(8%, -633%);
    width: 63%;
    height: 100%;
}

.sucur {
   transform: translate(-92%, -215%);
    width: 53%;
}

.envgrat {
    transform: translate(-1%, -464%);
    width: 70.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-62%, -3500%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-239%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1160px) and (max-width: 1169px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 244%);
    position: absolute;
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
   position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 510%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
  transform: translate(-92%, -215%);
    width: 53%;
}

.envgrat {
    transform: translate(-1%, -464%);
    width: 70.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
   transform: translate(-57%, -3500%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-237%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1150px) and (max-width: 1159px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 243%);
   position: absolute;
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
   position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 507%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    transform: translate(-92%, -215%);
    width: 53%;
    
}

.envgrat {
    transform: translate(-1%, -464%);
    width: 70.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-235%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1140px) and (max-width: 1149px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 243%);
  position: absolute;
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
   position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7200%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 503%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    transform: translate(-92%, -215%);
    width: 53%;
}

.envgrat {
    transform: translate(-1%, -464%);
    width: 70.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-233%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1130px) and (max-width: 1139px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
    height: 40%;
    transform: translate(-60%, 243%);
   position: absolute;
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
    position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7150%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 500%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
   transform: translate(-92%, -215%);
    width: 53%;
}

.envgrat {
    transform: translate(-1%, -464%);
    width: 70.5%;
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-231%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1120px) and (max-width: 1129px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
   height: 40%;
   transform: translate(-60%, 243%);
   position: absolute;
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
    position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7100%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 496%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    transform: translate(-92%, -215%);
    width: 53%;
}

.envgrat {
    /* position: relative; */
    transform: translate(-1%, -464%);
    width: 70.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
   transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-229%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1110px) and (max-width: 1119px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
   height: 40%;
   transform: translate(-60%, 243%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 7050%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 492%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-92%, -215%);
    width: 53%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-1%, -464%);
    width: 70.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-227%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1100px) and (max-width: 1109px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
   height: 40%;
   transform: translate(-60%, 243%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 6970%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 488%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-92%, -215%);
    width: 53%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-1%, -465%);
    width: 70.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-225%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1090px) and (max-width: 1099px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
   height: 40%;
   transform: translate(-60%, 243%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 6910%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 485%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-92%, -215%);
    width: 53%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-1%, -465%);
    width: 70.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-223%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1080px) and (max-width: 1089px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-172%, 668%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1397%, 4080%);
}

.circulitos-wrapper {
    width: 170%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-26.5%, -545%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 40%;
    height: 100%;
    transform: translate(55%, -380%);
}

.sugerencias-container {
   width: 85%;
   height: 40%;
   transform: translate(-60%, 243%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 85%;
    height: 40%;
    transform: translate(-60%, 369%);
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
    position: absolute;
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 85%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(3%, 60%);
}

.services-txt {
    transform: translate(185%, -2280%);
    width: 40%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-60%, -3400%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 6800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 481%);
}

.cat_24 {
    transform: translate(-27%, -1370%);
    width: 180%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(65%, -360%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 100%;
    transform: translate(-48%, -75%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(8%, -635%);
    width: 63%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-92%, -215%);
    width: 53%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(-1%, -465%);
    width: 70.5%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-57%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 65%;
  transform: translate(25%, -45%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-2%, -500%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 600%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(600%, 450%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-221%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-1245%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(710%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(680%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1070px) and (max-width: 1079px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 6000%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 433%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 85%;
    transform: translate(-39%, -111%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-219%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1060px) and (max-width: 1069px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5950%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 429%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 85%;
    transform: translate(-39%, -110.5%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-217%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1050px) and (max-width: 1059px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;!i;!;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5900%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 425%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-215%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1040px) and (max-width: 1049px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5850%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 422%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -600%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-213%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1030px) and (max-width: 1039px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 419%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-211%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1020px) and (max-width: 1029px) {
    
    .move-der {
    transform: translateX(360px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5750%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 416%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-209%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1010px) and (max-width: 1019px) {
    
    .move-der {
    transform: translateX(330px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5700%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 413%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-207%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 1000px) and (max-width: 1009px) {
    
    .move-der {
    transform: translateX(330px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5650%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 410%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3450%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-205%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 990px) and (max-width: 999px) {
    
    .move-der {
    transform: translateX(330px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -550%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 180%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 310%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 55%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5600%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 407%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -410%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 65%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3050%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3550%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-203%, 7%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 980px) and (max-width: 989px) {
    
    .move-der {
    transform: translateX(330px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 70%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5550%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 403%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3000%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 425%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 200%);
}
.mov_politicas{
    transform: translate(-10%, 80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-201%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 970px) and (max-width: 979px) {
    
    .move-der {
    transform: translateX(330px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 70%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5500%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 400%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3000%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-199%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 960px) and (max-width: 969px) {
    
    .move-der {
    transform: translateX(305px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 155%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
   position: absolute;
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 75%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5450%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 395%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -2930%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-47%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-197%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 950px) and (max-width: 959px) {
    
    .move-der {
    transform: translateX(305px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 140%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -520%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 75%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5400%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 391%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -2930%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-42%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -600%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-195%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 940px) and (max-width: 949px) {
    
    .move-der {
    transform: translateX(305px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 140%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 75%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5350%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(0%, 388%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -2930%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-42%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -40%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-193%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 930px) and (max-width: 939px) {
    
    .move-der {
    transform: translateX(305px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 140%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 75%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 385%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -2930%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-37%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -90%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-191%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 920px) and (max-width: 929px) {
    
    .move-der {
    transform: translateX(305px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 75%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 385%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -2930%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -90%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-189%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 910px) and (max-width: 919px) {
    
    .move-der {
    transform: translateX(305px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-24%, -530%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
   width: 75%;
   height: 40%;
   transform: translate(-45%, 150%);
   position: absolute;
   /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
   /* margin-left: -70%;
    margin-bottom: -7%;*/
   /*margin-top: -40;
     margin-left: 0px;
     position: relative;  
    transform: translate(-60%, -655%);*/
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
   /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
}


.sugerencias-container-2 {
    width: 75%;
    height: 40%;
    transform: translate(-47%, 270%);
    position: absolute;
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    
    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 75%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 380%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -400%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -2930%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3400%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -73%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 540%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -90%);
}
.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-187%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 900px) and (max-width: 909px) {
    
    .move-der {
    transform: translateX(280px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 185%);
    position: absolute;
    /* margin-bottom: 10px; */ /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-50%, 335%);
    /* margin-top: 30px; */ /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 40%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5600%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 402%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -420%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -90%);
}

.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-185%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 890px) and (max-width: 899px) {
    
    .move-der {
    transform: translateX(280px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-50%, 330%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 40%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5550%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 398%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -420%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 76%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4.5%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -90%);
}

.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-183%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 880px) and (max-width: 889px) {
    
    .move-der {
    transform: translateX(280px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-45%, 330%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 80%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-7%, 40%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5550%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 400%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 70%;
    height: auto;
    /* position: relative; */
    transform: translate(70%, -420%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 180%);
}
.mov_politicas{
    transform: translate(-10%, 50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -90%);
}

.sugerencia-2 {
    width: 28%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 300%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-181%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 870px) and (max-width: 879px) {
    
    .move-der {
    transform: translateX(280px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 311%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 70%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 12%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5500%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 400%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 65%;
    height: auto;
    /* position: relative; */
    transform: translate(82%, -430%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-179%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 860px) and (max-width: 869px) {
    
    .move-der {
    transform: translateX(250px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 311%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 70%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 12%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5450%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 396%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 65%;
    height: auto;
    /* position: relative; */
    transform: translate(82%, -430%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-177%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 850px) and (max-width: 859px) {
    
    .move-der {
    transform: translateX(250px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 311%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 70%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 12%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5400%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 392%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 65%;
    height: auto;
    /* position: relative; */
    transform: translate(82%, -430%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-175%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 840px) and (max-width: 849px) {
    
    .move-der {
    transform: translateX(250px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 311%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 70%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 12%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5350%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 387%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 65%;
    height: auto;
    /* position: relative; */
    transform: translate(82%, -430%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-173%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 830px) and (max-width: 839px) {
    
    .move-der {
    transform: translateX(250px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 311%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 70%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 12%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 384%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 65%;
    height: auto;
    /* position: relative; */
    transform: translate(82%, -430%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-171%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 820px) and (max-width: 829px) {
    
    .move-der {
    transform: translateX(250px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -370%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-205.5%, 803.5%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1490%, 4220%);
}

.circulitos-wrapper {
    width: 135%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-20%, -540%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 30%;
    height: 100%;
    transform: translate(90%, -540%);
}

.sugerencias-container {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 190%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 75%;
    height: 30%;
    transform: translate(-43%, 311%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 70%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 12%);
}

.services-txt {
    transform: translate(230%, -3020%);
    width: 30%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-40%, -4270%);
    width: 60%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 5250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 381%);
}

.cat_24 {
    transform: translate(-21%, -1610%);
    width: 150%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 65%;
    height: auto;
    /* position: relative; */
    transform: translate(82%, -430%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-39%, -120%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(17%, -710%);
    width: 54%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-79%, -290%);
    width: 40%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(7%, -509%);
    width: 60%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(85%, -3210%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-36%, -3600%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 58%;
    transform: translate(18%, -74%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-10%, -650%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-169%, 6%);
    z-index: 1000;
    width: 50%;
    height: 100%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-965%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(655%, -168%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(450%, -370%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 810px) and (max-width: 819px) {
    
    .move-der {
    transform: translateX(220px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 120%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -600%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 19%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4880%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 359%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-29%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-167%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 800px) and (max-width: 809px) {
    
    .move-der {
    transform: translateX(220px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 120%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -600%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4840%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 356%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-29%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-165%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 790px) and (max-width: 799px) {
    
    .move-der {
    transform: translateX(220px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 120%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -600%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4800%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 353%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-29%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-163%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 780px) and (max-width: 789px) {
    
    .move-der {
    transform: translateX(220px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 120%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -600%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4700%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 350%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-29%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-161%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 770px) and (max-width: 779px) {
    
    .move-der {
    transform: translateX(220px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 120%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -600%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4650%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 346%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-29%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-159%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 760px) and (max-width: 769px) {
    
    .move-der {
    transform: translateX(220px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 120%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -600%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4600%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 343%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-26.5%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-157%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 750px) and (max-width: 759px) {
    
    .move-der {
    transform: translateX(200px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4550%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 339%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-155%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 740px) and (max-width: 749px) {
    
    .move-der {
    transform: translateX(200px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4500%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 336%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 480%);
}
.mov_contacto{
    transform: translate(-10%, 300%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -20%);
}
.mov_confidencialidad{
    transform: translate(-10%, -200%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-153%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 735px) and (max-width: 739px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4500%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 333%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -260%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-151%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 730px) and (max-width: 734px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4350%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 315%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-151%, 6%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 720px) and (max-width: 729px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4330%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 312%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-149%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 710px) and (max-width: 719px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 309%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 550%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-147%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 700px) and (max-width: 709px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4490%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 320%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-145%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 690px) and (max-width: 699px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4440%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 317%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-143%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 680px) and (max-width: 689px) {
    
    .move-der {
    transform: translateX(190px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4390%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 314%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-141%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 670px) and (max-width: 679px) {
    
    .move-der {
    transform: translateX(165px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 55%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(22%, -410%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 38%;
    height: auto;
    transform: translate(-265%, 1062%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1570%, 4340%);
}

.circulitos-wrapper {
    width: 115%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-15%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 28%;
    height: 100%;
    transform: translate(100%, -580%);
}

.sugerencias-container {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-25%, 150%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 60%;
    height: 30%;
    transform: translate(-27%, 275%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 60%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(2%, 27%);
}

.services-txt {
    transform: translate(345%, -4465%);
    width: 20%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-18%, -5100%);
    width: 50%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4330%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-5%, 311%);
}

.cat_24 {
    transform: translate(-16.5%, -1900%);
    width: 125%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 51%;
    height: auto;
    /* position: relative; */
    transform: translate(108%, -520%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 67.5%;
    transform: translate(-31%, -150%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(34%, -825%);
    width: 45%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-60%, -340%);
    width: 35%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(22%, -598%);
    width: 50%;
    /* height: 100%; */
}

.desc-txt {
    width: 45%;
    height: auto;
    /* position: relative; */
    transform: translate(123%, -3760%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-24%, -3900%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 45.5%;
    transform: translate(20%, -146%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-18%, -910%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 580%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 45%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -50%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 50%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-139%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-795%, 355%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(550%, -180%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(40%, -410%);
}
.cart-icon-container img {
    width: 16%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 660px) and (max-width: 669px) {
    
    .move-der {
    transform: translateX(165px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4430%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 329%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.7rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-137%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 658px) and (max-width: 659px) {
    
    .move-der {
    transform: translateX(165px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4380%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 325%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.7rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-135%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 650px) and (max-width: 657px) {
    
    .move-der {
    transform: translateX(165px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4380%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 324%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-135%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 640px) and (max-width: 649px) {
    
    .move-der {
    transform: translateX(150px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4320%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 321%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%););
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-133%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 630px) and (max-width: 639px) {
    
    .move-der {
    transform: translateX(150px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -720%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4255%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 318%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-131%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 620px) and (max-width: 629px) {
    
    .move-der {
    transform: translateX(150px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;!i;!;!i;!;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -720%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4200%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 314%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-129%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 610px) and (max-width: 619px) {
    
    .move-der {
    transform: translateX(150px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -725%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4150%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 310%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-10%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-127%, 6%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 600px) and (max-width: 609px) {
    
    .move-der {
    transform: translateX(130px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;!impo;!impot;!i;!;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -725%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -5%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4100%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 307%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-9%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 590%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -90%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-125%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 590px) and (max-width: 599px) {
    
    .move-der {
    transform: translateX(130px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -5%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4380%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 324%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 638%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -90%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-123%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 580px) and (max-width: 589px) {
    
    .move-der {
    transform: translateX(130px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 45%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(40%, -440%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 33%;
    height: auto;
    transform: translate(-318%, 1362%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 4840%);
}

.circulitos-wrapper {
    width: 100%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-8%, -690%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 20%;
    height: 100%;
    transform: translate(160%, -707%);
}

.sugerencias-container {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-17%, 145%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -50%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-40%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 50%;
    height: 30%;
    transform: translate(-18%, 270%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.50rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -5%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 50%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-2%, 90%);
}

.services-txt {
    transform: translate(365%, -4000%);
    width: 17%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(-7%, -5380%);
    width: 40%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4380%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-20%, 324%);
}

.cat_24 {
    transform: translate(-9%, -2030%);
    width: 102%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 47%;
    height: auto;
    /* position: relative; */
    transform: translate(100%, -460%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 57%;
    transform: translate(-15%, -147%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(52%, -840%);
    width: 36%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-35%, -346%);
    width: 28%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(38%, -600%);
    width: 40.4%;
    /* height: 100%; */
}

.desc-txt {
    width: 40%;
    height: auto;
    /* position: relative; */
    transform: translate(126%, -3300%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-16%, -3750%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 40%;
    transform: translate(10%, -121%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-29%, -710%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 638%);
    position: 3;
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-35%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -90%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 60%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 560%);
}
.mov_contacto{
    transform: translate(-10%, 350%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -310%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 470%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-121%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-595%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(660%, -224%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-250%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 570px) and (max-width: 579px) {
    
    .move-der {
    transform: translateX(120px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1700%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -590%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4420%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 313%);
}

.cat_24 {
    transform: translate(-2%, -2280%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-119%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 560px) and (max-width: 569px) {
    
    .move-der {
    transform: translateX(120px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1700%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -590%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4350%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 308%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-117%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 550px) and (max-width: 559px) {
    
    .move-der {
    transform: translateX(120px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1700%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -590%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4280%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 304%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-115%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 540px) and (max-width: 549px) {
    
    .move-der {
    transform: translateX(110px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1720%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -590%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4230%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 300%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-113%, 9%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 530px) and (max-width: 539px) {
    
    .move-der {
    transform: translateX(110px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1720%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -590%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4155%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 297%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-111%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 520px) and (max-width: 529px) {
    
    .move-der {
    transform: translateX(110px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1720%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -590%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4090%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 292%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-109%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 510px) and (max-width: 519px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(100px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1720%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -625%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 4020%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 288%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-107%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 500px) and (max-width: 509px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(100px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 40%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(52%, -480%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 28%;
    height: auto;
    transform: translate(-378%, 1647%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1720%, 4940%);
}

.circulitos-wrapper {
    width: 87%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(-1%, -640%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 19%;
    height: 100%;
    transform: translate(165%, -745%);
}

.sugerencias-container {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 126%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 40%;
    height: 30%;
    transform: translate(-4%, 255%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
    /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 42%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(400%, -4220%);
    width: 15%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(10%, -7000%);
    width: 30%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 3950%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-35%, 284%);
}

.cat_24 {
    transform: translate(-2%, -2279%);
    width: 88%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 39%;
    height: auto;
    /* position: relative; */
    transform: translate(125%, -510%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 46%;
    transform: translate(-4%, -194%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(80%, -974%);
    width: 30%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-8%, -393%);
    width: 25%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(61%, -700%);
    width: 34%;
    /* height: 100%; */
}

.desc-txt {
    width: 30%;
    height: auto;
    /* position: relative; */
    transform: translate(175%, -3850%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(-4%, -3650%);
    width: 50%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 33.8%;
    transform: translate(8%, -177%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-31%, -810%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 65%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 590%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-105%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-485%, 350%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -220%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-390%, -435%);
}
.cart-icon-container img {
    width: 12%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 490px) and (max-width: 499px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(90px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 30%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(84%, -620%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 26%;
    height: auto;
    transform: translate(-418%, 1813%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1740%, 5040%);
}

.circulitos-wrapper {
    width: 75%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(6%, -705%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(220%, -952%);
}

.sugerencias-container {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(13%, 95%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(11%, 212%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 35%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(600%, -6030%);
    width: 10%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(55%, -9000%);
    width: 23%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 3895%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-40%, 281%);
}

.cat_24 {
    transform: translate(5%, -2540%);
    width: 76.5%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 31%;
    height: auto;
    /* position: relative; */
    transform: translate(161%, -620%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 42%;
    transform: translate(10%, -219%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(95%, -1098%);
    width: 25.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(17%, -488%);
    width: 20%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(78%, -808%);
    width: 28%;
    /* height: 100%; */
}

.desc-txt {
    width: 20%;
    height: auto;
    /* position: relative; */
    transform: translate(275%, -5250%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10.5%, -4350%);
    width: 40%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 31%;
    transform: translate(-1%, -205%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-35.5%, -860%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 73%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 510%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-103%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-385%, 270%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -240%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-550%, -460%);
}
.cart-icon-container img {
    width: 11%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 480px) and (max-width: 489px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(90px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 30%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(84%, -620%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 25%;
    height: auto;
    transform: translate(-425%, 1900%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1710%, 5050%);
}

.circulitos-wrapper {
    width: 75%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(6%, -705%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -955%);
}

.sugerencias-container {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(13%, 95%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(11%, 212%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 35%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(600%, -6030%);
    width: 10%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(55%, -9000%);
    width: 23%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 3895%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-40%, 281%);
}

.cat_24 {
    transform: translate(5%, -2580%);
    width: 76.5%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 31%;
    height: auto;
    /* position: relative; */
    transform: translate(161%, -620%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 42%;
    transform: translate(10%, -220%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(95%, -1098%);
    width: 25.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(17%, -488%);
    width: 20%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(78%, -808%);
    width: 28%;
    /* height: 100%; */
}

.desc-txt {
    width: 20%;
    height: auto;
    /* position: relative; */
    transform: translate(275%, -5250%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10.5%, -4350%);
    width: 40%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 30.5%;
    transform: translate(0%, -210%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-35%, -850%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 73%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 410%);
}
.mov_quienes{
    transform: translate(-10%, 160%);
}
.mov_politicas{
    transform: translate(-10%, -60%);
}
.mov_confidencialidad{
    transform: translate(-10%, -360%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 510%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-103%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-385%, 270%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -240%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-550%, -460%);
}
.cart-icon-container img {
    width: 11%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 470px) and (max-width: 479px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(80px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 30%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(84%, -620%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 25%;
    height: auto;
    transform: translate(-417%, 1917%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1680%, 5110%);
}

.circulitos-wrapper {
    width: 75%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(6%, -670%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -955%);
}

.sugerencias-container {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(13%, 95%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(11%, 212%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 35%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(600%, -6030%);
    width: 10%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(55%, -9000%);
    width: 23%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, 3780%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-40%, 275%);
}

.cat_24 {
    transform: translate(5%, -2580%);
    width: 76.5%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 31%;
    height: auto;
    /* position: relative; */
    transform: translate(161%, -620%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 42%;
    transform: translate(10%, -220%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(95%, -1098%);
    width: 25.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(17%, -488%);
    width: 20%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(78%, -808%);
    width: 28%;
    /* height: 100%; */
}

.desc-txt {
    width: 20%;
    height: auto;
    /* position: relative; */
    transform: translate(275%, -5250%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10.5%, -4350%);
    width: 40%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 30.5%;
    transform: translate(0%, -210%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-35%, -850%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.5rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 73%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 400%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -390%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 510%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-103%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-385%, 270%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -240%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-550%, -460%);
}
.cart-icon-container img {
    width: 11%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 460px) and (max-width: 469px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(80px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 30%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(84%, -620%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 25%;
    height: auto;
    transform: translate(-410%, 1928%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1650%, 5150%);
}

.circulitos-wrapper {
    width: 75%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(6%, -670%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -955%);
}

.sugerencias-container {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(13%, 95%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(11%, 212%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 35%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(600%, -6030%);
    width: 10%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(55%, -9000%);
    width: 23%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(1%, 3710%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-40%, 271%);
}

.cat_24 {
    transform: translate(5%, -2600%);
    width: 76.5%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 31%;
    height: auto;
    /* position: relative; */
    transform: translate(161%, -620%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 42%;
    transform: translate(10%, -220%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(95%, -1098%);
    width: 25.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(17%, -488%);
    width: 20%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(78%, -808%);
    width: 28%;
    /* height: 100%; */
}

.desc-txt {
    width: 20%;
    height: auto;
    /* position: relative; */
    transform: translate(275%, -5250%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10.5%, -4350%);
    width: 40%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 30.5%;
    transform: translate(0%, -210%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-37%, -800%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.5rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 73%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 400%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -390%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 510%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-103%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-385%, 270%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -240%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-550%, -460%);
}
.cart-icon-container img {
    width: 11%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 450px) and (max-width: 459px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(70px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 30%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(84%, -635%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 24%;
    height: auto;
    transform: translate(-417%, 2028%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1620%, 5200%);
}

.circulitos-wrapper {
    width: 75%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(6%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -955%);
}

.sugerencias-container {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(13%, 95%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(11%, 212%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 35%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(600%, -6030%);
    width: 10%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(55%, -9000%);
    width: 23%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(1%, 3670%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-40%, 267%);
}

.cat_24 {
    transform: translate(5%, -2620%);
    width: 76.5%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 31%;
    height: auto;
    /* position: relative; */
    transform: translate(161%, -620%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 42%;
    transform: translate(10%, -220%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(95%, -1098%);
    width: 25.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(17%, -488%);
    width: 20%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(78%, -808%);
    width: 28%;
    /* height: 100%; */
}

.desc-txt {
    width: 20%;
    height: auto;
    /* position: relative; */
    transform: translate(275%, -5250%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10.5%, -4150%);
    width: 40%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 30.5%;
    transform: translate(0%, -210%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-37%, -800%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.5rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 73%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 400%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -390%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 510%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-103%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-360%, 270%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -255%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-500%, -450%);
}
.cart-icon-container img {
    width: 11%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 440px) and (max-width: 449px) {

    .social-icons a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 20px;
    font-size: 13;
}
    
    .move-der {
    transform: translateX(70px);
}
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
        visibility: hidden;
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 30%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(84%, -635%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 23%;
    height: auto;
    transform: translate(-425%, 2134%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1580%, 5230%);
}

.circulitos-wrapper {
    width: 75%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(6%, -620%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 15%;
    height: 100%;
    transform: translate(225%, -955%);
}

.sugerencias-container {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(13%, 95%);
    margin-bottom: 10px; /* Añadir espacio entre los contenedores */
  
}

    .sugerencia .product-info {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -10%);
   
}

.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -70%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, 0%);
}

.sugerencia {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.sugerencias-container-2 {
    position: absolute;
    width: 38%;
    height: 30%;
    transform: translate(11%, 212%);
    margin-top: 30px; /* Separar del primer contenedor */
    /*display: flex;
    justify-content: space-between;
     margin-bottom: 30px; */
    /* margin-left: 0px; 
     position: relative; 
    transform: translate(-60%, -580%);
    margin-left: -70%;
    margin-bottom: -12%;*/
        /*margin-top: -15%;
         display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;*/
}
    


.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.40rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -15%);
}



.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 35%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(0%, 120%);
}

.services-txt {
    transform: translate(600%, -6030%);
    width: 10%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -12%);
    width: 90%;
    height: 85%;
    font-size: 5;
}

.prod-rec {
    transform: translate(55%, -9000%);
    width: 23%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(1%, 3590%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-40%, 263%);
}

.cat_24 {
    transform: translate(5%, -2620%);
    width: 76.5%;
    max-width: 500%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 31%;
    height: auto;
    /* position: relative; */
    transform: translate(161%, -620%);
    /* z-index: -1000; */
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
        max-height: 73%;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 42%;
    transform: translate(10%, -220%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(95%, -1098%);
    width: 25.5%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(17%, -488%);
    width: 20%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(78%, -808%);
    width: 28%;
    /* height: 100%; */
}

.desc-txt {
    width: 20%;
    height: auto;
    /* position: relative; */
    transform: translate(275%, -5250%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10.5%, -4150%);
    width: 40%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 30.5%;
    transform: translate(0%, -204%);
    margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-37%, -780%);
}
.footer-img {
    width: 77%;
    /*height: 11%;*/
    /*margin-left: 5%;
    margin-top: -110%;
    display: block;
    margin-bottom: -520%;*/
    transform: translate(-4%, 670%);
    /*position: absolute;*/
    margin-top: 0%;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.5rem;
    font-weight: bold;
}

.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-60%, -10%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -150%);
}
.slider-next {
    right: 73%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 670%);
}
.mov_contacto{
    transform: translate(-10%, 400%);
}
.mov_quienes{
    transform: translate(-10%, 140%);
}
.mov_politicas{
    transform: translate(-10%, -80%);
}
.mov_confidencialidad{
    transform: translate(-10%, -390%);
}

.sugerencia-2 {
    width: 27%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 40%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(100%, 510%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-103%, 9.5%);
    z-index: 1000;
    width: 50%;
    height: 65%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-360%, 270%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(620%, -255%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-500%, -450%);
}
.cart-icon-container img {
    width: 11%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(178%, -665%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 431px) and (max-width: 439px) {

   .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 68%;
    height: auto;
    transform: translate(-157.5%, 550%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1395%, 4360%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-90%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(18%, -1050%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 250%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1960%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1300%, 1820%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-450%, 50%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

/*responsive pára celular empieza aqui*/
@media screen and (min-width: 415px) and (max-width: 430px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 68%;
    height: auto;
    transform: translate(-155%, 550%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1350%, 4360%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-90%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(18%, -1050%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 250%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1960%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1300%, 1820%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-450%, 50%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 407px) and (max-width: 414px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 66%;
    height: auto;
    transform: translate(-155%, 570%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1350%, 4360%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-90%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(18%, -1050%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 255%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1960%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1300%, 1820%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-450%, 50%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 400px) and (max-width: 406px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 63%;
    height: auto;
    transform: translate(-158%, 620%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1300%, 4500%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-90%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(18%, -1050%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 260%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1960%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1300%, 1820%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-450%, 50%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 390px) and (max-width: 399px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 63%;
    height: auto;
    transform: translate(-156%, 620%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1300%, 4500%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-90%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(18%, -1050%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 265%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1960%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1300%, 1820%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-450%, 50%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 380px) and (max-width: 389px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 61%;
    height: auto;
    transform: translate(-156%, 645%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1260%, 4510%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 120%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-90%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(18%, -1050%);
    width: 65%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 265%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1900%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1300%, 1820%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-450%, 50%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 370px) and (max-width: 379px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -640%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(13.5%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 61%;
    height: auto;
    transform: translate(-154%, 645%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    transform: translate(-1220%, 4500%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -150%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -222%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(100%, -1450%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-8%, -2720%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2100%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(10%, -1050%);
    width: 70%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-59%, 265%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1830%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1150%, 1650%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-430%, 165%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(390%, -185%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-300%, -400%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 361px) and (max-width: 369px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 57%;
    height: auto;
    transform: translate(-159%, 680%)!important;
}

.carousel-dots2 {
   transform: translate(-1185%, 4350%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -100%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -202%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-5%, -3120%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -800%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 240%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-58%, 1530%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1150%, 1650%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-390%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-310%, -400%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 350px) and (max-width: 359px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 55%;
    height: auto;
    transform: translate(-159%, 705%)!important;
}

.carousel-dots2 {
   transform: translate(-1185%, 4350%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -100%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -202%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -228%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-5%, -3120%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -800%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 240%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-58%, 1530%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1150%, 1650%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-390%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-310%, -400%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 340px) and (max-width: 349px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 54%;
    height: auto;
    transform: translate(-159%, 740%)!important;
}

.carousel-dots2 {
   transform: translate(-1140%, 4470%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -100%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -185%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -205%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-5%, -3120%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -650%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 255%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-58%, 1530%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1150%, 1650%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-390%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-310%, -400%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 330px) and (max-width: 339px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 52%;
    height: auto;
    transform: translate(-159%, 770%)!important;
}

.carousel-dots2 {
   transform: translate(-1100%, 4460%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -100%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -185%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -205%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-5%, -3120%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -650%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 255%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-58%, 1530%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1150%, 1480%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-390%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-310%, -400%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 320px) and (max-width: 329px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 50%;
    height: auto;
    transform: translate(-160.5%, 820%)!important;
}

.carousel-dots2 {
   transform: translate(-1070%, 4550%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -100%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -185%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -205%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-5%, -3120%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -650%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 270%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-59%, 1530%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1050%, 1410%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-390%, 150%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-310%, -400%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 310px) and (max-width: 319px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 50%;
    height: auto;
    transform: translate(-158%, 820%)!important;
}

.carousel-dots2 {
   transform: translate(-1070%, 4550%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -100%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -185%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -205%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(14%, -300%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-105%, 37%);
}

.cat_24 {
    transform: translate(-5%, -3300%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -650%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 255%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-60%, 1395%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1050%, 1410%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-100%, 8%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-350%,300%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-260%, -330%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 300px) and (max-width: 309px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 48%;
    height: auto;
    transform: translate(-157%, 860%)!important;
}

.carousel-dots2 {
   transform: translate(-1010%, 4580%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -50%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -165%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -190%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(15%, -350%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-140%, 36%);
}

.cat_24 {
    transform: translate(-5%, -3300%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -650%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 265%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-60%, 1395%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-30%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-30%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -65%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -130%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 170%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-950%, 1350%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-94%, 10%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-340%,310%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-260%, -330%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 10px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}

@media screen and (min-width: 290px) and (max-width: 299px) {
    .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 93%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -690%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 50%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(25%, -505%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 46%;
    height: auto;
    transform: translate(-159%, 905%)!important;
}

.carousel-dots2 {
   transform: translate(-980%, 4590%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -50%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 32%;
    height: 100%;
    transform: translate(164%, -460%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -165%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 95%;
    height: 110%;
    /* margin-left: 0px; */
     position: relative; 
    transform: translate(-6%, -190%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 215%);
}

.services-txt {
    transform: translate(55%, -1110%);
    width: 40%;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(3%, 800%);
    width: 80%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(15%, -350%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-140%, 36%);
}

.cat_24 {
    transform: translate(-5%, -3300%);
    width: 90%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 75%;
    transform: translate(-6%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(117%, -1040%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-9%, -285%);
    width: 50%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(98%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 75%;
 transform: translate(5%, -1650%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(2%, -650%);
    width: 80%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 91%;
  transform: translate(-59%, 265%);
  margin-top: 0%;
}
.carousel-dots {
   transform: translate(-60%, 1395%);
}
.footer-img {
    width: 90%;
    height: 11%;
    margin-left: 5%;
    margin-top: -60%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -120%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-30%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-30%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.5rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -65%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -130%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 170%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-950%, 1350%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-94%, 10%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-340%,310%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(400%, -198%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-260%, -330%);
}
.cart-icon-container img {
    width: 17%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 10px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(140%, -470%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}
/*test Michel*/
@media screen and (min-width: 360px) and (max-width: 360px) {
  .mi-imagen {
        display: block; /* Mostrar la imagen */
        width: 95%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(-6%, -720%);
    }
    .mi-imagen2 {
        display: block; /* Mostrar la imagen */
        width: 60%; /* Ajustar el tamaño si es necesario */
        max-width: 100%; /* Para evitar desbordamientos */
        transform: translate(14%, -431.5%);
    }
  #formBusqueda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 5px 15px;
    max-width: 300px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 1000;
    height: 40px;
    transform: translate(-10%, -5%);
    visibility: hidden;
}

.carousel2 img {
    max-width: 58%;
    height: auto;
    transform: translate(-173%, 660%)!important;
}

.carousel-dots2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-1300%, 4300%);
}

.circulitos-wrapper {
    width: 65%;
    max-width: 1900px;
    overflow: hidden;
    position: relative;
    transform: translate(13%, -50%);
    z-index: 10;
}

.resize-imgnuevosprod {
    width: 35%;
    height: 100%;
    transform: translate(148%, -440%);
}

.sugerencias-container {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 90%;
    height: 10%;
    /* margin-left: 0px; */
    position: absolute;
    transform: translate(-5%, 250%);
}

.sugerencias-container-2 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    width: 90%;
    height: 10%;
    /* margin-left: 0px; */
    position: absolute;
    transform: translate(-5%, 350%);
}

.nav-container {
    background-color: #fff;
    padding: 10px;
    margin-top: 85px;
    border-radius: 30px;
    transform: translate(66.5%, -4%);
    width: 36.8%;
    height: 12%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
    margin-bottom: 12%;
}

.sugerencia-2 .product-name-2 {
    margin: 0;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
}

.sugerencia .product-name {
    margin: -5;
    font-size: 0.55rem;
    color: #333;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, 0%);
   
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px 20px;
    text-decoration: none;
    color: black;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-size: 14px;
}

.slider-img-changesize {
    width: 95%;
    height: auto;
    /*margin-top: 25%;
    margin-right: -130;
    margin-left: -100;*/
    transform: translate(-55%, 200%);
}

.services-txt {
    transform: translate(100%, -1720%);
    width: 28%;
    height: auto;
}

button.btn.btn-outline-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    cursor: pointer;
    transform: translate(0%, -20%);
    width: 90%;
    height: 85%;
    font-size: 7;
}

.prod-rec {
    transform: translate(7%, 650%);
    width: 75%;
    height: auto;
    
}

.footer-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 32%;
    transform: translate(4%, -250%);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 22%;
    margin-top: 8%;
    transform: translate(-110%, 40%);
}

.cat_24 {
    transform: translate(-8%, -2880%);
    width: 97%;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    transform: translate(-210%, -13.2%);
}

.dropdown-menu-right2 {
    right: 0;
    left: auto;
    transform: translate(-190%, -11.3%);
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-195%, -14.7%);
}
.dropdown-menu.larger-translate {
    transform: translate(175%, 1%);
    width: 10%;
}

.services-img {
    width: 80%;
    height: auto;
    /* position: relative; */
    transform: translate(3%, -25%);
    /* z-index: -1000; */
    visibility: hidden;
}
.container-allnav {
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        justify-content: space-between;
        align-items: center;
        transform: translate(8.5%);
        margin-top: -100px;
    }
    .nav-link {
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: 649;
    font-size: 13.30px;
    transform: translate(-10%, -15%);
}

.resize-textprin {
    height: 80%;
    transform: translate(-6.5%, -108%);
}

.pedwhats {
    /* position: relative; */
    transform: translate(125%, -1010%);
    width: 40%;
    height: 100%;
}

.sucur {
    /* position: relative; */
    transform: translate(-10%, -250%);
    width: 55%;
    /* height: 100%; */
}

.envgrat {
    /* position: relative; */
    transform: translate(106%, -840%);
    width: 44%;
    /* height: 100%; */
}

.desc-txt {
    width: 60%;
    height: auto;
    /* position: relative; */
    transform: translate(20%, -2200%);
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    justify-content: space-evenly;
    transform: translate(-1.5%, 1%);
}

input#PalabraClave.reac_inp {
    /* width: 54%; 
    height: 60%;*/
    transform: translate(23%, 0%);
    background-color: #f5f5f5;
    border: none;
    outline: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}
.lup_cla {
    width: 180px;
    height: 160%;
    cursor: pointer;
    transform: translate(-315%, 56%);
    max-width: fit-content;
}

.proveedores-txt {
    /* position: relative; */
    transform: translate(30%, -500%);
    width: 55%;
    height: auto;
}

.size_menor {
    transform: translate(49%, 270%);
    width: 15%;
    visibility: hidden;
}
.carousel-img1 {
    width: 94%;
  transform: translate(-58.5%, 250%);
  margin-top: 0%;
}
.carousel-dots {
    text-align: center;
    margin-top: 10px;
    transform: translate(-58%, 1640%);
}
.footer-img {
    width: 90%;
    height: 17%;
    margin-left: 5%;
    margin-top: -0%;
    display: block;
    margin-bottom: -240px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    background-color: #ccc;
    list-style: none;
    padding: 0px 0px 0px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 0.60rem;
    font-weight: bold;
}
.sugerencia .product-price {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -60%);
}
.sugerencia .product-code {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -95%);
}
.sugerencia img {
    width: 80%;
     height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 img {
    width: 80%;
    height: 35%;
    object-fit: cover;
    margin-left: 30px;
    transform: translate(-20%, 0%);
}
.sugerencia-2 .product-price-2 {
    margin: 5px 0 0 0;
    font-size: 0.6rem;
    color: #009FF4;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -40%);
}
.sugerencia-2 .product-code-2 {
    margin: 5px 0 0 0;
    font-size: 0.7rem;
    color: #95A5A6;
    text-align: center;
    font-family: SegoeUI-Semibold, Segoe UI;
    font-weight: bold;
    transform: translate(0%, -100%);
}
.slider-next {
    right: 40%;
}
.arrow {
    float: right;
    margin-left: 15px;
    font-size: 42px;
    margin-top: -35px;
}
.mov_inicio{
    transform: translate(-10%, 780%);
}
.mov_contacto{
    transform: translate(-10%, 520%);
}
.mov_quienes{
    transform: translate(-10%, 260%);
}
.mov_politicas{
    transform: translate(-10%, 5%);
}
.mov_confidencialidad{
    transform: translate(-10%, -160%);
}
.sugerencia {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sugerencia-2 {
    width: 30%;
    height: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}   
.circulitos-item > img {
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}
.footer-right a {
    color: #fff;
    font-size: 1.0rem;
    margin-left: 20px;
}
.circulitos-item {
    flex: 0 0 var(--width);
    text-align: center;
    padding: 0rem;
}
.footer-content {
    margin-left: 120px;
    transform: translateY(-120px);
    margin-bottom: -140%;
}
.slider-prev, .slider-next {
    position: absolute;
    top: 71%;
    transform: translate(-1100%, 1420%);
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}
.slide {
    flex: 0 0 100%;
    transition: opacity 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    /* position: relative; */
    /* width: 100%; */
    overflow: visible!important;
}
.carousel {
    /* position: relative; */
    max-width: 600px;
    height: auto;
    margin: 0 auto;
   overflow: visible;
    transform: translate(50%, -195%);
}
.nav-links {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            
    .mobile-menu {
    display: none;
    flex-direction: column;
    background: #0080b5;
    position: absolute;
    top: 50px;
    right: 36px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-97%, 9%);
    z-index: 1000;
    width: 50%;
    height: 20%;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
}
.acomodo-text {
    transform: translateX(30%);
    font-size: 9px;
}
.hamburger div {
    width: 30px;
    height: 4px;
    background: #009ff4;
    margin: 4px;
    transform: translate(-400%, 200%);
}
.move_facebook_navmov{
    transform: translate(25%, 30%);
}
.move_instagram_navmov{
   transform: translate(40%, -69.25%);
}
.move_whats_navmov{
    transform: translate(55%, -168%);
}
/*Estilo icono carrito*/
.icono-carrito {
    transform: translate(385%, -182%); /* Mueve los íconos 10px hacia la derecha */
    width: 5%;
    height: 100%;
    display: block;
}
.cart-icon-container .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #FF0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    display: block;
    transform: translate(-260%, -360%);
}
.cart-icon-container img {
    width: 18%;
    position: relative;
    z-index: 1;
}
.reac_bus_mobile {
    display: flex;
    align-items: center;
    background-color: #0073a6; /* Color de fondo similar al menú */
    border-radius: 5px;
    padding: 5px;
    width: 90%; /* Ajusta el ancho */
    margin: 10px auto; /* Centra el formulario */
    transform: translate(-9%, 0%);
}

.reac_inp_mobile {
    flex: 1;
    width: 100%;
    background-color: #0080b5;
    color: white;
    border: 1px solid white; /* Agrega borde blanco */
    padding: 8px 12px 8px 10px; /* Asegura espacio para la lupa */
    border-radius: 5px;
    font-size: 12px;
    transform: translate(0%, 0%);
}

.reac_inp_mobile::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color más tenue para el placeholder */
    opacity: 1;
    color: white;  /* Color blanco */
    font-weight: bold;  /* Negrita */
}

.tam_bot_mobile {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.lup_cla_mobile {
    position: absolute;
    left: 10px; /* Posiciona la lupa dentro del input */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
}

.carousel2 {
    position: relative;
    max-width: 600px;
    height: auto;
    transform: translate(158%, -465%);
    z-index: -1000;
    overflow: visible;
    min-height: 300px;
}
}