/*Añadidos de linktree*/
/*Logo TE debajo de botones*/
        .logo_te_down{
            transform: translate(270%, 50%);
        }

        /* Estilos específicos para cada botón */
        .menu {
            background-color: #0078a4;
        }

        .gobierno {
            background-color: #4a9ed2;
        }

        .corporativo {
            background-color: #a2cce2;
        }

        /* Cambios de color en hover */
        .whatsapp-button:hover {
            opacity: 0.9;
        }

        /* Estilos generales para los botones */
        .whatsapp-button {
            display: flex;
            align-items: center;
            padding: 15px;
            margin: 30px 0;
            border-radius: 1037px;
            color: white;
            font-size: 25px;
            font-family: Arial, sans-serif;
            cursor: pointer;
            text-decoration: none;
            width: 40%;
            height: 8%;
            transform: translate(75%, 110%);
            justify-content: center;
}

        /* Icono de WhatsApp */
        .whatsapp-button img {
            margin-right: 10px;
            width: 30px;
            height: 30px;
        }

        /*Letrero principal linktree*/
.let_prin_linktree{
    transform: translate(0%, 0%);
    font-size: 40px;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 900;
}

/*Texto de contacto linktree*/
.text_link{
    transform: translate(7%, 0%);
}

/* Efecto hover */
.img_ubi:hover {
    transform: translate(8%, 30%); /* Mueve la imagen hacia arriba cuando se pasa el mouse */
}

/* Animación para mover la imagen al cargar la página */
@keyframes moveUp {
    0% {
        transform: translate(8%, 60%); /* Posición inicial más abajo */
    }
    100% {
        transform: translate(8%, 40%); /* Posición final */
    }
}
 /*TEXTO PRINCIPAL linktree*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 30%);
}

/* Estilos para el contenedor superior ORIGINAL ANTES DE LINKTRE */
.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 */
}

/* 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(1710%, -175%); /* Mueve los íconos 10px hacia la derecha */
    height: 100%;
    width: 12%; /* 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 */
    display: none;
}

/*Estilo icono busqueda*/
.icono-busqueda{
   transform: translate(1600%, -79%); /* Mueve los íconos 10px hacia la derecha */
   width: 12%;
}

/*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(-1%); /* Mueve los íconos 10px hacia la derecha */
margin-top: -9%;
    /*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: 20%;
    border-radius: 30px; /* Borde redondeado */
    transform: translate(85%, 2%); /* Mover la barra de navegación hacia la derecha */
    width: 98.5%;
    /*z-index: 1000; /* Asegúrate de que la navbar tenga un z-index alto */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Efecto de sombra */
}

.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(-184%, -12.3%); /* Ajusta el traslate según sea necesario */
}

.dropdown-menu-right3 {
    right: 0;
    left: auto;
    transform: translate(-190%, -15.7%); /* 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: 100%;
  transform: translate(0%, -32%);
}

.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(200%, -315%);
}

.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 {
  flex: 0 0 auto;
}

.carousel-img1 {
   width: 100%;
   height: 100%;
}

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

.prev {
  left: 10;
}

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

/*Visitanos en nuestras sucursales*/
.sucur{
  /*position: relative;*/
  transform: translateY(-170%);
  width: 22%;
  height: 100%;
}

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

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

/*Estilos para el segundo carrusel*/

.carousel2 {
  /*position: relative;*/
  max-width: 600px; /* Cambiado a 500px */
  height: auto;
  transform: translate(158%, -417%);
  /*z-index: -1000;*/
}

.carousel2 img {
  max-width: 93.5%; /* Ajusta el ancho máximo de las imágenes al ancho del contenedor */
  height: auto;
}

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

.prev2 {
  left: 10;
}

.next2 {
  right: 0;
}
/*Estilos para el segundo carrusel*/

/*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(10%, -2150%);
   width: 40%;
   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(390%, -2060%);
   width: 15%;
   height: auto;
}

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

.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: -180px;
}

.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: 33%;
    height: auto;
    /* position: relative; */
    transform: translate(150%, -300%);
    /* z-index: -1000; */ /* Coloca el elemento detrás de los demás */
}

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

/* 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: 50%;
  transform: translateY(-125%);
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
}

.slider-prev {
  left: 8px;
}

.slider-next {
  right: 105px;
}

.slider-img-changesize {
  width: 90%;
  height: auto;
}


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

.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: -180px;
}

.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(-1%, -2700%);
   width: 40%;
   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: -2700px;
  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: 80%; /* Adjusted width to be more responsive */
    max-width: 1900px;
    overflow: hidden;
    /*position: relative;*/
    transform: translate(-1%, -780%);
    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 .cart-count {
    position: absolute;
    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: -1220px;
    top: -115px;
    display: none;
}

/*color de navbar nuevo, ajustes para especificar el PDF*/
.dropdown-menu {
    background-color: #eeeeee!important;
    border-radius: 1.2550rem!important;
}
/*Texto principal politicas generales */
.pol_gen{
   transform: translate(155%, -120%); 
   width: 25%;
}
/*Texto politicas generales */
.text_pol_gen{
    transform: translate(-7%, 40%);
    width: 60%;
}
/*Texto principal entregas a domicilio */
.entregas{
   transform: translate(155%, 70%);
   width: 25%;
}
/*Texto entregas a domicilio*/
.text_ent{
    transform: translate(-10%, 110%);
    width: 60%;
}
/*Texto principal devoluciones*/
.devo{
    transform: translate(155%, -350%);
    margin-top: 100px;
    width: 25%;
}
/*Texto devoluciones*/
.devo_text{
    transform: translate(-8%, 50%);
    width: 60%;
}

/*Texto principal garantias*/
.garan{
    transform: translate(180%, 450%);
    width: 22%;
}

/*Texto desgloce para garantias*/
.garan_text{
    transform: translate(-5%, 85%);
    width: 60%;
}

/*Texto principal Facturacion*/
.fact_text{
    transform: translate(-250%, 1800%);
}

/*Texto desgloce Facturacion*/
.fact_desglo{
    transform: translate(30%, 700%);
    width: 60%;
}

/*texto principal tienda en linea*/
.store_text{
    transform: translate(95%, 1000%);
}

/*texto desgloce tienda en linea*/
.desglo_store{
    transform: translate(25%, 370%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 40px;
            transform: translate(40%, -100%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 25px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(40%, -150%);
}

/*texto para politicas*/
.pol_text1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 200;
            font-size: 25px;
            text-align: center;
            transform: translate(0%, -30%);
}

/*texto para Entregas a domicilio*/
.ent_text1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 800;
            font-size: 35px;
            text-align: center;
            transform: translate(0%, 30%);
            color: #0083B9; /* Aplicar color hexadecimal */
}

/*Texto completo para las entregas a domicilio*/
.fwtbt{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 370;
            font-size: 30px;
            text-align: justify;
            transform: translate(0%, 60%);
            max-width: 1200px; /* Ajusta este valor según tus necesidades */
    margin: 0 auto; /* Para centrar el párrafo en la pantalla */
}

/*texto para Politicas para devoluciones*/
.dev_text1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 800;
            font-size: 35px;
            text-align: center;
            transform: translate(3%, 250%);
            color: #0083B9; /* Aplicar color hexadecimal */
}

/*Texto devoluciones, desgloce*/
.dev_des{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 200;
            font-size: 25px;
            text-align: center; 
            transform: translate(0%, 30%);
}

/*Texto Garantias, principal*/
.garan_prin{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 800;
            font-size: 35px;
            text-align: center;
            transform: translate(0%, 550%);
            color: #0083B9; /* Aplicar color hexadecimal */
}

/*Texto garantias, desgloce*/
.desglo_garan{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 200;
            font-size: 25px;
            text-align: center; 
            transform: translate(0%, 60%);
}

/*Texto facturacion, principal*/
.facturacion_prin{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 800;
            font-size: 35px;
            text-align: center;
            transform: translate(0%, 820%);
            color: #0083B9; /* Aplicar color hexadecimal */
}

/*Texto facturacion, desgloce*/
.desglo_facturacion{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 200;
            font-size: 25px;
            text-align: center; 
            transform: translate(0%, 1500%);
}


/*Texto Pagos (tienda en linea), principal*/
.pagostore_prin{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 800;
            font-size: 35px;
            text-align: center;
            transform: translate(0%, 1100%);
            color: #0083B9; /* Aplicar color hexadecimal */
}

/*Texto pagos (tienda en linea), desgloce*/
.desglo_pagostore{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 200;
            font-size: 25px;
            text-align: center; 
            transform: translate(0%, 650%);
}

/*Size_menor*/
.size_menor{
     transform: translate(76.2%, 254%);
     width: 47.2%;
}

ul.nav-menu{
      display: none;  
    }

/* Ocultar los submenús inicialmente */
.dropdown-menu {
    display: none; /* Esconde todos los menús inicialmente */
    position: absolute; /* Posicionamiento relativo para que se puedan desplegar correctamente */
    left: 0;
    top: 100%;
    z-index: 1000;
}

/* Mostrar los submenús al hacer hover */
.dropdown:hover .dropdown-menu,
.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

/* Alinear los submenús anidados a la derecha */
.dropdown-submenu .dropdown-menu {
    position: absolute;
    left: 100%; /* Posicionar el submenú a la derecha del elemento padre */
    top: 0;
}

/* Ajustes de diseño del menú hamburguesa */
.hamburger-container {
    display: none;
}

/* Muestra el menú en pantallas pequeñas */
@media (max-width: 768px) {
    .hamburger-container {
        display: block;
    }

    .nav-menu {
        display: none;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger-container.active .nav-menu {
        display: flex;
    }
}





/*Menor de 1800 PX*/
@media screen and (min-width: 1700px) and (max-width: 1800px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
   transform: translateX(5%);
}

.dev_des{
    font-size: 25px;
}
}

/*Menor de 1700*/
@media screen and (min-width: 1600px) and (max-width: 1700px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 50%;
    transform: translate(20%, 176%);
}

.size_menor2{
    width: 100%;
    transform: translate(65%, 30%);
}

.nav-link{
    font-size: 20;
}

.icono-busqueda{
    transform: translate(1500%, -55%);
}

.icono-carrito{
    transform: translate(1360%, -135%);
}

.cart-icon-container .cart-count{
    transform: translate(220%, 90%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -2350px;
  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;
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  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: 650px;
  transform: translateY(-280px); /* Ajusta el valor según sea necesario */
}

.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(-80px); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1600*/
@media screen and (min-width: 1500px) and (max-width: 1600px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 50%;
    transform: translate(20%, 176%);
}

.size_menor2{
    width: 100%;
    transform: translate(65%, 30%);
}

.nav-link{
    font-size: 20;
}

.icono-busqueda{
    transform: translate(1500%, -55%);
}

.icono-carrito{
    transform: translate(1360%, -135%);
}

.cart-icon-container .cart-count{
    transform: translate(220%, 90%);
}

.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 30px;
    text-align: center;
    transform: translate(0%, 1100%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -2350px;
  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;
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  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: 650px;
  transform: translateY(-280px); /* Ajusta el valor según sea necesario */
}

.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(-80px); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1500px*/
@media screen and (min-width:1450px) and (max-width:1500px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 45%;
    transform: translate(20%, 195%);
}

.size_menor2{
    width: 98%;
    transform: translate(65%, 30%);
}

.nav-link{
    font-size: 20;
}

.icono-busqueda{
    transform: translate(1420%, -55%);
}

.icono-carrito{
    transform: translate(1310%, -135%);
}

.cart-icon-container .cart-count{
    transform: translate(10%, 90%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 1400%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -2350px;
  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;
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  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: 600px;
  transform: translateY(-250px); /* Ajusta el valor según sea necesario */
}

.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(-80px); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1450px*/
@media screen and (min-width:1400px) and (max-width:1450px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 45%;
    transform: translate(20%, 195%);
}

.size_menor2{
    width: 98%;
    transform: translate(65%, 30%);
}

.nav-link{
    font-size: 20;
}

.icono-busqueda{
    transform: translate(1420%, -55%);
}

.icono-carrito{
    transform: translate(1290%, -135%);
}

.cart-icon-container .cart-count{
    transform: translate(-90%, 90%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 1400%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -2350px;
  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;
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  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: 600px;
  transform: translateY(-250px); /* Ajusta el valor según sea necesario */
}

.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(-60px); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1400px*/
@media screen and (min-width:1350px) and (max-width:1400px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 45%;
    transform: translate(20%, 195%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 20;
}

.icono-busqueda{
    transform: translate(1350%, -55%);
}

.icono-carrito{
    transform: translate(1220%, -135%);
}

.cart-icon-container .cart-count{
    transform: translate(-200%, 90%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 1400%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -2350px;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  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: 600px;
  transform: translateY(-250px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(-80px); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1350px*/
@media screen and (min-width:1326px) and (max-width:1350px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 45%;
    transform: translate(20%, 195%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 20;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
}

.icono-carrito{
    transform: translate(1200%, -135%);
}

.cart-icon-container .cart-count{
    transform: translate(-300%, 90%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 1400%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -185%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(-20%); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1326px*/
@media screen and (min-width:1304px) and (max-width:1326px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 43%;
    transform: translate(20%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 1400%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -185%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(-20%); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1304px*/
@media screen and (min-width:1250px) and (max-width:1304px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 43%;
    transform: translate(20%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -190%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(-20%); /* Ajusta el valor según sea necesario */
}
}

/*Menor de 1250px*/
@media screen and (min-width:1200px) and (max-width:1250px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 43%;
    transform: translate(20%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -200%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(-5%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}
}

/*Menor de 1200px*/
@media screen and (min-width:1170px) and (max-width:1200px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(0%);

}

.size_menor{
    width: 43%;
    transform: translate(20%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(40%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(41%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -200%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(-5%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}
}

/*Menor de 1170px*/
@media screen and (min-width:1140px) and (max-width:1170px) {
    ul.nav-menu{
      display: none;  
    }
.container-allnav{
    transform: translateX(-2%);

}

.size_menor{
    width: 43%;
    transform: translate(20%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(36%, -180%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(38%, -300%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, -50%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(3%, -50%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 0%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 230%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 30%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 550%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 55%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 800%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1050%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 575%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -210%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(0%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(300%);
}
}

/*Menor de 1140px*/
@media screen and (min-width:1121px) and (max-width:1140px) {
    .dropdown-menu li a {
 display: contents; 
     padding: 10px 20px 20px; 
     text-decoration: none; 
     color: black; 
     font-family: SegoeUI-Semibold, Segoe UI; 
     font-size: 15px; 
} 
    /* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(3150%, 3500%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(530%, 80%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 150%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 420%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 120%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 50%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 70%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 900%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -210%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  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: 42%;
  transform: translateY(-234px); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(0%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(300%);
}
}

/*Menor de 1121px*/
@media screen and (min-width:1100px) and (max-width:1121px) {
        .dropdown-menu li a {
 display: contents; 
     padding: 10px 20px 20px; 
     text-decoration: none; 
     color: black; 
     font-family: SegoeUI-Semibold, Segoe UI; 
     font-size: 15px; 
} 
    /* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(3030%, 3500%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(510%, 80%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 110%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 120%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 50%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 70%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 900%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -210%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  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: 45%;
  transform: translateY(-934%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(0%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(300%);
}
}

/*Menor de 1100px*/
@media screen and (min-width:1080px) and (max-width:1100px) {
    .dropdown-menu li a {
 display: contents; 
     padding: 10px 20px 20px; 
     text-decoration: none; 
     color: black; 
     font-family: SegoeUI-Semibold, Segoe UI; 
     font-size: 15px; 
} 
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(3030%, 3500%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(510%, 80%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 110%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 120%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 50%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 70%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 900%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -220%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  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: 45%;
  transform: translateY(-934%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(0%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}
}

/*Menor de 1080px*/
@media screen and (min-width:1070px) and (max-width:1080px) {
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(3040%, 3800%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(510%, 100%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 110%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 120%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 50%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 70%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 900%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;
    transform: translate(0%, 700%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -220%;
  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;
  transform: translate(15%, 9%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  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: 45%;
  transform: translateY(-934%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(0%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}

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

/*Menor de 1070px*/
@media screen and (min-width:1050px) and (max-width:1070px) {
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(2900%, 3600%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(486%, 100%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 160%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 185%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 20px;
    text-align: center;
    transform: translate(0%, 60%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 83%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 21px;
    text-align: center;
    transform: translate(0%, 1070%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 760%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 80px;
  margin-top: -220%;
  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;
  transform: translate(15%, 13%); /* Ajusta el valor según sea necesario */
}

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

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  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: 45%;
  transform: translateY(-934%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 20px; 
   transform: translateY(0%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}

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

/*Menor de 1050px*/
@media screen and (min-width:1040px) and (max-width:1050px) {
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(2900%, 3600%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(486%, 100%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 160%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 185%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 20px;
    text-align: center;
    transform: translate(0%, 60%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 83%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 21px;
    text-align: center;
    transform: translate(0%, 1070%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 760%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 6%;
  margin-top: -230%;
  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;
  transform: translate(15%, 15%); /* Ajusta el valor según sea necesario */
}

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

.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: 45%;
  transform: translateY(-890%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 0px; 
   transform: translateY(2%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}

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

/*Menor de 1040px*/
@media screen and (min-width:1010px) and (max-width:1040px) {
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(2800%, 3600%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(468%, 100%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 160%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 185%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 20px;
    text-align: center;
    transform: translate(0%, 60%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 800%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 83%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 21px;
    text-align: center;
    transform: translate(0%, 1070%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 760%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 6%;
  margin-top: -230%;
  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;
  transform: translate(15%, 15%); /* Ajusta el valor según sea necesario */
}

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

.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: 45%;
  transform: translateY(-890%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 0px; 
   transform: translateY(3%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}

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

/*Menor de 1010px*/
@media screen and (min-width:1000px) and (max-width:1010px) {
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(2800%, 3600%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(468%, 100%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 160%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 150%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 20px;
    text-align: center;
    transform: translate(0%, 60%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 860%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 83%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 21px;
    text-align: center;
    transform: translate(0%, 1070%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 760%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 6%;
  margin-top: -240%;
  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;
  transform: translate(15%, 15%); /* Ajusta el valor según sea necesario */
}

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

.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: 45%;
  transform: translateY(-890%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 0px; 
   transform: translateY(3%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}

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

/*Menor de 1000px*/
@media screen and (min-width:900px) and (max-width:1000px) {
/* Mostrar navbar para pantallas grandes */
.navbar-large {
    display: block;
}

/* Ocultar navbar hamburguesa */
.navbar-small {
    display: none;
}

.navbar-large {
        display: none;
    }
    
    /* Mostrar la barra hamburguesa */
    .navbar-small {
        display: block;
    }
    
    .hamburger-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 30px;
    }

    .hamburger .line {
        width: 100%;
        height: 3px;
        background-color: #333;
        transform: translate(2800%, 3600%);
    }

    .nav-menu {
        display: none;
        list-style-type: none;
    }

    /* Mostrar el menú cuando se hace clic */
    .hamburger.active + .nav-menu {
        display: block;
        transform: translate(468%, 100%);
    }
    
    .nav-menu li {
        padding: 10px 0;
    }

    .nav-menu li .dropdown-menu {
        display: none;
    }

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


.container-allnav{
    transform: translateX(-2%);.

}

.size_menor{
    width: 65%;
    transform: translate(30%, 220%);
}

.size_menor2{
    width: 98%;
    transform: translate(58%, 30%);
    display: none;
}

.nav-link{
    font-size: 16;
}

.icono-busqueda{
    transform: translate(1320%, -55%);
    display: none;
}

.icono-carrito{
    transform: translate(1310%, -140%);
    max-width: 13%;
    display: none;
}

.cart-icon-container .cart-count{
    transform: translate(-420%, 50%);
}

/*Letrero en texto de Politicas generales, no imagen*/
.pol_gen_h1 {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 900;
            font-size: 35px;
            transform: translate(34%, 300%);
        }

/*subletrero devoluciones, garantias, entrega*/
.dev_gar_ent{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 400;
            font-size: 20px;
            font-style: italic; /* Aplicar cursiva */
            transform: translate(36%, 500%);
}

/*Texto desglosado de politicas generales*/
.pol_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 160%);
}

/*Letrero en texto de Entregas a domicilio en azul, no imagen*/
.ent_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 34px;
    text-align: center;
    transform: translate(1%, 500%);
    color: #0083B9;
}

/*Texto desglosado de entregas a domicilio*/
.fwtbt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 150%);
}

/*Letrero en texto de politicas para devoluciones, en azul, no imagen*/
.dev_text1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(3%, 600%);
    color: #0083B9;
}

/*Texto desglosado de politicas para devoluciones*/
.dev_des {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 20px;
    text-align: center;
    transform: translate(0%, 60%);
}

/*Letrero en texto de politicas para garantias, en azul, no imagen*/
.garan_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(2%, 860%);
    color: #0083B9;
}

/*Texto desglosado de politicas para garantias*/
.desglo_garan {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    transform: translate(0%, 83%);
}

/*Letrero en texto de Facturacion, en azul, no imagen*/
.facturacion_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1100%);
    color: #0083B9;
}

/*Texto desglosado de facturacion*/
.desglo_facturacion {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 21px;
    text-align: center;
    transform: translate(0%, 1070%);
}

/*Letrero en texto de Pagos (Tienda en linea) en color azul, no imagen*/
.pagostore_prin {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    font-size: 33px;
    text-align: center;
    transform: translate(0%, 1280%);
    color: #0083B9;
}

/*Texto desglosado de pagos (tienda en linea)*/
.desglo_pagostore {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 200;
    font-size: 23px;
    text-align: center;
    transform: translate(0%, 760%);
}

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

.footer-img {
  width: 90%;
  height: auto;
  margin-left: 6%;
  margin-top: -240%;
  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;
  transform: translate(15%, 15%); /* Ajusta el valor según sea necesario */
}

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

.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: 45%;
  transform: translateY(-890%); /* Ajusta el valor según sea necesario */
}

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

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

.footer-content {
   margin-left: 0px; 
   transform: translateY(3%); /* Ajusta el valor según sea necesario */
}

/* Quita el margen del <br> */
.footer-links br {
  display: none; /* Esto elimina los saltos de línea sin modificar el HTML */
}

/*iconos redes superior a menu*/
.move-der{
    transform: translateX(250%);
}

.scroll-top.active{
    /*transform: translate(0%, 90%);*/
}

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


/* 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: 400px; /* Ancho máximo */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave */
    margin: 0 auto; /* Centrar en su contenedor */
    z-index: 1000;
    width: 29.5%;
    height: 71%;
    transform: translate(505.5%, -110%);
}

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

/* Í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: 40%;
    transform: translate(38%, 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 */
    }

.lup_cla {
    transform: translate(-211%, 56%);
    width: 168%;
}