@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@import"productos.css";

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}
html{
  scroll-behavior:smooth;
}
section[id]{
  scroll-margin-top: 70px;}
body{
  background-color: rgb(255, 255, 255);
  font-family: 'Poppins', sans-serif;
  padding-top: 0px;
}

img{
  max-width: 100%;
}

.container{
  max-width: 1200px;
  margin: 0 auto;
}

.header {
  justify-content: center;
  margin-bottom: 0px;
  position: sticky;
  z-index: 100; 
top: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
transition: 0.6s;
background-color: #f7f7f7;
border-bottom: 1px solid #000000; 
}




.menu-icon{
  border-radius: 5px;
   width: 25px;
   height: 19px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   cursor: pointer;
   position: relative;
 }
 

 .search-bar {
  width: 100%;
     display: inline-block;
     
 }

 .search-form {
  background-color: #f7f7f7;
  border-bottom: 1px solid black;
     position: relative;
     display: flex;
     align-items: center;
 }
 .search-icon {
  background: none;
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
border: 1px solid rgba(255, 255, 255, 0);
 
  color: white;
}

 .search-input { 
  background-color: #f7f7f7;
  border-right:1px solid rgba(255, 255, 255, 0) ;
  border-left:1px solid rgba(255, 255, 255, 0) ;
  border-top:1px solid rgba(255, 255, 255, 0) ;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
     padding: 8px 8px 8px 12px; 
     width: 100%;
 }

 .search-input:focus {
     outline: none;
    
 }

 .search-button:hover {
     background-color: #555;
 }


 
 .bar {
  border-radius: 1px;
  border: 1.2px solid rgb(0, 0, 0);
   width: 100%;
   height: 4.5px;
   background-color: #e0dfdf;
   transition: transform 0.3s, opacity 0.3s;
 }
 
 #menu:checked + label .menu-icon .bar:nth-child(1) {
   transform: rotate(45deg)  translate(5px,5.8px);
 
 }
 
 #menu:checked + label .menu-icon .bar:nth-child(2) {

   opacity: 0;
 }
 
 #menu:checked + label .menu-icon .bar:nth-child(3) {
   transform: rotate(-45deg)  translate(5px,-5.8px) ;
  
 }
 






.menu{
  
 
  left: 0;
  right:0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  position: relative;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 10px;
  color: #e0e0e0;
  display: inline-block;
  text-decoration: none;
}






.logo span {
  display: inline-block;
  position: relative;
}

/* Letra duplicada con borde detrás */
.logo .borde {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 2px black;
  z-index: -1;
  pointer-events: none;
}
.l5, .l6 {
  color: #e0e0e0;
}



 .txt-httf .borde {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 2.3px black;
  z-index: -1;
  pointer-events: none;
}

.txt-httf span {
  display: inline-block;
  position: relative;
}



.txt-httf{
  background-color: #f7f7f7;
   display: flex;
   font-weight: bold;

  padding: 0px 0px 4px 0px;
  text-align: center;
  justify-content: center;
  font-size: 32px;
  color: #e0e0e0;
  font-weight:700;

}


.l1 { transform: rotate(-10deg); } /* h inclinada a la izquierda */
.l2 { transform: rotate(5deg); }  /* e inclinada a la derecha */
.l3 { transform: rotate(-7deg); } /* y inclinada a la izquierda */
.l4 { transform: rotate(8deg); }  /* e inclinada a la derecha */
.l5 { transform: rotate(-5deg); } /* n inclinada a la izquierda */
.l6 { transform: rotate(12deg); } /* n inclinada más a la derecha */
.l7 { transform: rotate(-6deg); } /* e inclinada a la izquierda */
.l8 { transform: rotate(10deg); } /* x inclinada a la derecha */

.xml{
  width: 180px;
}

.menu .navbar ul li{
  position: relative;
  float: left;
}

.menu .navbar ul li a{
  font-size: 15px;
  padding: 18px;
  color: rgb(0, 0, 0);
  display: block;
  text-transform: uppercase;
  
 
}
 .menu .navbar ul li a:hover{
  color: gray;
 }

 #menu{
  display:none;
 }


 .menu label{
  cursor: pointer;
  display: none;
 }



 .submenu #carrito {
  display: none;
 }

 .cax{
  text-align: center;
  border-top: 1PX SOLID black;
 display: block;
  position: absolute;
  right: 0;
  backdrop-filter: blur(10px);
  top: 100%;
  z-index: 1;
  background-color: #ffffff;
  padding: 0px;
  width: 100%;
  border-bottom: 1px solid black;

 }

 .submenu:hover #carrito {
border-top: 1PX SOLID black;
 display: block;
  position: absolute;
  right: 0;
  backdrop-filter: blur(10px);
  top: 100%;
  z-index: 1;
  background-color: #ffffff;
  padding: 0px;
  width: 100%;
  border-bottom: 1px solid black;
 }

 table{
  width:100%;
 }

 th{
  color: #000000;
 }

 p{
  color:rgb(0, 0, 0);
  font-size: 18px;
 
 }
 



 .ofertas-x-ver-mas {
  margin: 3vw 3vw 1.5vw 3.5vw; /* Márgenes dinámicos */
  font-size: 2.8vw; /* Tamaño de fuente adaptable */
  font-weight: 700;
  display: inline-block;
}

/* Ajustes en pantallas más pequeñas */
@media (max-width: 440px) {
  .ofertas-x-ver-mas {
    font-size: 18px; /* Evita que se vuelva demasiado pequeño */
    margin: 20px 12px 6px 15px;
  }
}

@media (max-width: 380px) {
  .ofertas-x-ver-mas {
    font-size: 18px;
    margin: 18px 10px 5px 12px;
  }
}





.ver-todo {
  text-decoration: underline;
  color: #000000;
  text-align: left;
  font-weight: 600;
  border-radius: 35px;
  font-size: 1.4vw; /* Se ajusta dinámicamente al ancho de la pantalla */
  padding: 0.8vw 1vw; /* Ajusta el espacio interno en función del ancho de la pantalla */
  margin: 12px 13px 12px auto;
}

/* Ajustes en pantallas más pequeñas */
@media (max-width: 440px) {
  .ver-todo {
    font-size: 15px; /* Fija un mínimo para evitar que el texto sea ilegible */
    padding: 5px 7px;
  }
}


@media (max-width: 350px) {
  .ver-todo {
    font-size: 11px;
    padding: 4px 6px;
  }
}

@media (max-width: 300px) {
  .ver-todo {
    font-size: 11px;
    padding: 4px 6px;
  }
}



.ver-todo:hover {
  text-decoration: underline;
}
.container-x {

  
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.ofertas-x-x{
  font-size: 20px;
  margin-left: 15px;
  font-weight: bolder;
}

 .oferts-2{
  
  margin: 10px;
  background-color: #ffffff; 
  padding: 0px 0px 0px 0px; 
justify-content: center;
border-radius: 5px;

text-align: center;  
  
 }


 .product-content-x-s{

  display: grid;
grid-auto-flow: column;
scroll-behavior: auto;
overflow-y: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
 }


 .oferts-x-s img{
 width: 100%;
 height: auto;
  overflow: hidden;
 }

 .oferts-x-s{
 max-width: 120px;
 min-width: auto;
  margin: 10px;
justify-content: center;
border-radius: 5px;
text-align: center;  
  
 }




 .oferts-x{
  
  margin: 10px;
justify-content: center;
border-radius: 5px;
text-align: center;  
  
 }

 .botton-de-eliminar-carrito{
  background-color: #ffffff;
  color: #b22222;
  font-weight: 600;
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 15px;
 }

 .carrito-numero{
 border: 1px solid black;
  text-align: center;
justify-content: center;
border-radius: 5px;
  background-color:#dbd9d9;
  color: #000000;
  padding: 6px 10px 6px 10px;
  margin-left: -7px;
 }

 .txt-overlay-txt-h-x{

  color: gray;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
 }

 .txt-overlay-txt-h{
  margin-top: 2.5px;
  font-size: 16px;
  color: #000000;
  display:-webkit-box;
text-align: left;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis; 
  max-width: 100%;
   
 }


 .txt-overlay-txt-products {font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  word-break: break-word;}


 .txt-overlay-txt {
  font-weight: 500;
font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  word-break: break-word;
}

.txt-overlay-txt-sx{text-align: left; margin-left: -5px; color: gray; border-radius: 5px; font-size: 12px;   text-decoration: line-through; padding: 3px 3px; font-weight: bolder;}
.oferts-x img{

  width: 100%;
  height: auto;
  
 }



 .oferts-2 img{
  background-color: #eeeeee; 
  width: 100%;
  height: auto;
  
 }

 .product-txt p { 
 

  margin-bottom: 0px;
 }
 


 .signo{
  font-weight: bolder;
font-size: 14px;
position: relative;
top: -px; /* Mueve el elemento 10px hacia arriba */
 }

 .numero-peq{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size: 14px;
  position: absolute;
  top: 1px;
  transform: translateX(-0%);
 }

 .numero{
  color: #b22222;
 font-weight: bolder;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 14px;
 }

 .n1{
  font-weight: bolder;

  font-size: 12px;
 
  text-decoration: line-through;
  color: #767676;
 }

 .letras-pequeñas{
  font-weight: bolder;
  font-size: 11px;
  bottom: 12px;
  color: #000000; 
 }

 .fecha-en{
  font-size: 12px;
  color: #000000;
  text-align: center;
 }


 @media (max-width: 440px) {

  .oferts-x-s{
   
    width: 25.5vw;
     margin: 10px;
   justify-content: center;
   border-radius: 5px;
   text-align: center;  
     
    }
  .fecha-en {
      font-size: 11px; /* Tamaño mediano para pantallas medianas */
  }

  .letras-pequeñas{
    font-size: 11px; /* Tamaño mediano para pantallas medianas */
}
}




@media (max-width: 330px) {

  .oferts-x-s{
   
    width: 24.2vw;
       margin: 10px;
     justify-content: center;
     border-radius: 5px;
     text-align: center;  
       
      }}



@media (max-width: 300px) {

  .oferts-x-s{
   
    width: 26vw;
       margin: 10px;
     justify-content: center;
     border-radius: 5px;
     text-align: center;  
       
      }

  .product-content-x{ 
  
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    text-align: center;
    justify-content: center;
   padding: 6px;
   margin-right: 2px;
    gap: 0;
    
  }

.submenu{ 
  width: 22px;}



.link-copy {
  font-size: 10px;
}



.logo{
  font-size: 30px;
}
body {
  font-size: calc(16px - 2px); /* Reducción del tamaño en 3px */
}
.fecha-en{
      font-size: 9px; /* Tamaño pequeño para pantallas pequeñas */
  }

  .letras-pequeñas{
    font-size: 9px; /* Tamaño pequeño para pantallas pequeñas */
}


.numero{
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 15px;
}


}




 .precio{
 
  color: #000000;
  justify-content: center;
  text-align: center;
  position: relative;

 }
 
 .btn-2{
  cursor: pointer;
  display: inline-block;
  padding: 9px 30px;
  border: 2px solid #ffffff;
  color: #ffffff;
  background: #00000040;
  font-size: 20px;
 
 }

 .mi-button{
  cursor: pointer;
  border: none;
  background-color: #f7f7f700;
 }



 .product-content{
  text-align: center;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 35px;
 }

 .link-copy {
  text-align: center;
  color: #ffffff;
  font-size: 13px;
 }



 @media(max-width:991px){

  .navbar{
    height: 100vh;
  }



 .menu{
  display: flex;
  margin-left: 0px;
 }

  .menu label{

    display: initial;
  }
 
  .menu .navbar{ 
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #000000;
    display: none;
  }

  .menu  .navbar ul li {

    width: 100%;
  }
   
  #menu:checked ~ .navbar{
    display: initial;

  }  
  
  .logo{
   
  display:flex;
 position: absolute;
 text-align: center;
 justify-content: center;
  
      
    
    

  }
  .menu .navbar ul li a:hover{
    color: gray;
  }
  

  .header{
    padding: 12px 12px 12px 13px ;
    min-height: 0vh;
         
  }

  .product{
 
  
  justify-content: center;
  
    
  }

  
 

  .product-content-s{ 
  
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    text-align: center;
    justify-content: center;
   padding: 6px;
   margin-right: 2px;
    gap: 0;
    
  }


  .product-content-x{ 
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    text-align: center;
    justify-content: center;
   padding: 6px;
   margin-right: 2px;
    gap: 0;
    
  }


  .product-content{ 
  
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    text-align: center;
    justify-content: center;
   padding: 6px;
   margin-right: 2px;
    gap: 0;
    
  }



}





*{
margin: 0;
box-sizing: border-box;
padding: 0;
}

body{
font-family: Arial;
}

.nav:has( .dropdown:target ){
--img1: scale(0);
--img2: scale(1);

--clip:inset(0 0 0 0);

}

.dropdown__list{
list-style: none;
}
.dropdown__flack{
font-size: 15px;
color: rgb(0, 0, 0);
padding: 1em 1.0em;
text-decoration: none;

display: flex;
align-items: center;
gap: .6rem;

position: relative;
background-color: rgb(255, 255, 255);

}
.dropdown__link{
color: rgb(0, 0, 0);
padding: 1em 1.0em;
text-decoration: none;

display: flex;
align-items: center;
gap: .6rem;

position: relative;
background-color: #ffffff;

}

.dropdown__list:has( :checked ){
--rows: 1fr;
--rotate: rotate(180deg);
--bg: #28303B;
}

.dropdown__check{
position: absolute;
width: 95%;
height: 100%;
opacity: 0;
cursor: pointer;
}

.dropdown__arrow{
margin-left: auto;
transform: var(--rotate, 0);
transition: .2s transform;
}

.dropdown__content{
display: grid;
grid-template-rows: var(--rows, 0fr);
transition: .3s grid-template-rows;
}

.dropdown__sub{
overflow: hidden;

}

.dropdown__li{
width: 93%;
list-style: none;
margin-left: auto;
}

.dropdown__anchor{
font-weight: 400;
padding: 1em 0;
display: block;
color: #000000;
text-decoration: none;
}






@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@import"productos.css";


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}
html{
  scroll-behavior:smooth;
}
body{
  font-family: 'Poppins', sans-serif;
  padding-top: 0px;
}

img{
  max-width: 100%;
}

 p{
  color: #000000;
  font-size: 18px;
  
 }

 .btn-1{border-radius: 25px;
font-weight: 600;
  margin-left: 70px;
  margin-right: 70px;
  width: 100%;
  margin-top: 16px;
  border: 1px solid #000000;
  padding: 8px;
  text-align: center;
  color:#000000;
  background-color:#ffffff;
  font-size: 17px;
 }




 @media (max-width: 390px) {
  .btn-1{border-radius: 25px;
    margin-left: 60px;
    margin-right: 60px;
    width: 100%;
    margin-top: 16px;
    border: 1px solid #000000;
    padding: 8px;
    text-align: center;
    color:#000000;
    background-color:#ffffff;
    font-size: 17px;
   }
}



@media (max-width: 390px) {
  .btn-1{border-radius: 25px;
    margin-left: 50px;
    margin-right: 50px;
    width: 100%;
    margin-top: 14px;
    border: 1px solid #000000;
    padding: 8px;
    text-align: center;
    color:#000000;
    background-color:#ffffff;
    font-size: 16px;
   }

 
}










 .btn-pagar-carrito {
  font-size: 14px;
  display: block;
  text-align: center;
  color: rgb(0, 0, 0);
  border: 1px solid #000000;
  background-color: #eeeeee;
  padding: 10px;
  margin-top: 10px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
}
.btn-x { 
  border-radius: 5px;
  font-size: 17px;
  margin-left: auto;
  margin-right: auto;
  width: 90%; /* Se ajusta al tamaño del contenedor */
  max-width: 300px; /* No se hará más grande de este tamaño */
  min-width: 150px; /* No será más pequeña de este tamaño */
  text-align: center;
  margin-top: 24px;
  padding: 12px;
  color:#b22222;
  border: 1px solid #000000;
  background-color: #eeeeee;
  font-weight: 600;
  display: block; /* Asegura que el botón ocupe todo el ancho disponible */
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 390px) {
  .btn-x {
    font-size: 16px; /* Reduce el tamaño del texto */
    padding: 10px; /* Reduce el padding */
    width: 80%; /* Se hace un poco más pequeño */
    max-width: 250px;
  }
}

@media (max-width: 390px) {
  .btn-x {
    font-size: 17px;
    padding: 11px;
    width: 90%;
    max-width: 300px;
  }
}
 .btn-1:hover{
  color:#000000;
  background-color: #ffffff;
 }

 .btn-x:hover{
  color:#000000;
  background-color: #ffffff;
 }

 h2{
  font-size: 40px;
  line-height: 1;
  color: #000000;
  
 }

 .oferts-z{
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid #000000;
  background-color: #EEEEEE;
 }
 
 



 .botton-compra{
 display: flex;
    justify-content: center;
 }


 .botton-tecx{
margin-top: 12px;
  border-top: 1px solid #000;


 }

 .precio-mini-descricion{
  
    color: gray;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: line-through;
    padding: 3px 3px;
    font-weight:700;
 }
 
 .precio-descricion{
 
  padding: 6px 0px 0px 0px;
  font-weight: 700;
  color: #000000;
  position: relative;
  text-align: center;
 }
 .precio{

  color: #000000;
  position: relative;
  text-align: center;
  
 }


*{
  margin: 0;
  box-sizing: border-box;
  padding: 0;
}

body{
  font-family: Arial;
}

.nav:has( .dropdown:target ){
  --img1: scale(0);
  --img2: scale(1);

  --clip:inset(0 0 0 0);

}

.dropdown__list{
  list-style: none;
}

.dropdown__link{
  color: rgb(0, 0, 0);
  padding: 1em 1.0em;
  text-decoration: none;
  
  display: flex;
  align-items: center;
  gap: .6rem;

  position: relative;
  background-color: rgb(255, 255, 255);
 
}

.dropdown__list:has( :checked ){
  --rows: 1fr;
  --rotate: rotate(180deg);
  --bg: #28303B;
}

.dropdown__check{
  position: absolute;
  width: 80%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.dropdown__arrow{
  margin-left: auto;
  transform: var(--rotate, 0);
  transition: .2s transform;
}

.dropdown__content{
  display: grid;
  grid-template-rows: var(--rows, 0fr);
  transition: .3s grid-template-rows;
}

.dropdown__sub{
  overflow: hidden;

}

.dropdown__li{
  width: 93%;
  list-style: none;
  margin-left: auto;
}

.text-information{
  margin-top:30px;
}


 

 .precio{
 
  color: #000000;
  justify-content: center;
  text-align: center;
  position: relative;


 }

 .btn-X{
  font-size: 20px;
  display: inline-block;
  padding: 10px 30px;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-transform: capitalize;
  border-radius: 0px;
 }





*{
margin: 0;
box-sizing: border-box;
padding: 0;
}

body{
font-family: Arial;
}

.nav:has( .dropdown:target ){
--img1: scale(0);
--img2: scale(1);

--clip:inset(0 0 0 0);

}

.dropdown__list{
list-style: none;
}
.dropdown__link{
color: rgb(0, 0, 0);
padding: 1em 1.0em;
text-decoration: none;
background-color: #f7f7f7;
display: flex;
align-items: center;
gap: .6rem;
position: relative;

}

.dropdown__list:has( :checked ){
--rows: 1fr;
--rotate: rotate(180deg);
--bg: #28303B;
}

.dropdown__check{
position: absolute;
width: 95%;
height: 100%;
opacity: 0;
cursor: pointer;
}

.dropdown__arrow{
  width: 28px;
margin-left: auto;
transform: var(--rotate, 0);
transition: .2s transform;
}

.dropdown__content{
display: grid;
grid-template-rows: var(--rows, 0fr);
transition: .3s grid-template-rows;
}

.dropdown__sub{
overflow: hidden;

}

.dropdown__li{
background-color: #EEEEEE;
width: 100%;
list-style: none;
margin-left: auto;
}


.price-product{
  margin-top: 12px;
  font-weight: bolder;
  font-size: 21px;
}




.txt-pago{
  margin-top: 36px;
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 36px;
  
  text-align: center;
}

.txt-pago p {
  font-size: 13px;
  color: gray;

}


/* INICIO DEL CARRUCEL DE PRODUCTO DE PAGINA DESCRICION DE PRODUCTO */

/* Contenedor principal */
.seccion-productos {
  margin-top: 0px;
  background-color: white;
}

/* Contenedor del título */
.contenedor-x {
  padding: 0px;
}

/* Título de ofertas */
.titulo-ofertas {
  margin-left: 12px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

/* Carrusel */
.carrusel-ofertas {
  margin: 12px 0;
}

/* Estilo para cada tarjeta de oferta */
.tarjeta-oferta {
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
 
}

/* Botón dentro de cada tarjeta */
.boton-producto {
  border: none;
  background: none;
  width: 100%;
  cursor: pointer;
  padding: 10px;
}

/* Imagen del producto */
.imagen-producto {
  border: 1px solid black;
  border-radius: 15px;
  width: 100%;
  height: auto;
  object-fit: cover;
  background-color: #eeeeee;
}

/* Texto del producto */
.texto-producto {
  text-align: left;
}

/* Precio y descuento */
.ahorro-producto-precio {
  font-size: 15px;
  font-weight: bold;
  color: #b22222;
}

.descuento-producto {
  text-align: left;
  margin-left: 0px;
  color: gray;
  border-radius: 5px;
  font-size: 12px;
  text-decoration: line-through;
  font-weight: bolder;
}

/* Descripción del producto */
.descripcion-producto-swiper {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  word-break: break-word;
 font-weight: 500;
}

/* Botón de ver más ofertas */
.boton-ver-todo {
  display: inline-block;
  text-decoration: none;
  color: black;
  font-weight: bold;
}

/* Swiper.js botones de navegación */
.swiper-boton-siguiente,
.swiper-boton-anterior {
  color: black;
}

/* Paginación del Swiper */
.swiper-paginacion {
  position: relative;
  margin-top: 10px;
}



/* TEXTO DE BARRA DE DESCRICION DE PRODUCTO */ 
.dropdown__span{
  font-size: 14px;   
  font-weight: 600;
}

/* Estilo inicial del texto */
.botton-compra .btn-x span {
  transition: opacity 0.5s ease-in-out; /* Suaviza la transición de opacidad */
  animation: parpadeo 1s infinite;
}

/* Animación de parpadeo */
@keyframes parpadeo {
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}




.bth-garcias-comprar{

    border-radius: 5px;
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 300px;
    min-width: 150px;
    text-align: center;
    margin-top: 24px;
    padding: 12px;
    color: #000000;
    border: 1px solid #000000;
    background-color: #eeeeee;
    font-weight: 600;
    display: block;}