.text-violeta {
    color:  #6F38C5;
}

.text-purple {
    color:  #87A2FB;
}

.text-green {
    color:  #ADDDD0;
}

.text-light2 {
    color:  #EEEEEE;
}

.bg-violeta {
    background-color: #6F38C5;
}


.bg-purple {
    background-color: #87A2FB;
}

.bg-green {
    background-color: #ADDDD0;
}

.bg-light2{
    background-color:  #EEEEEE;
}


/* CLASES PARA TARJETAS */
.text-title{
    color:  #6F38C5;
    text-decoration: underline;
    text-align: center;
    font-weight:700
}
.text-1{
    color:  #EEEEEE;
}
.text-2{
    color:  #EEEEEE;
}
.text-3{
    color:  #EEEEEE;
}
.text-4{
    color:  #EEEEEE;
}

.text-gratis{
    color:  #EEEEEE;
    text-align: center;
}

.text-oferta{
    color:  white;
    text-align: center;
    
}

.text-precio-anterior{
    color:  red;
    text-align: center;
    text-decoration: line-through;
}

.bg-card {
    background-color:  #87A2FB;
}

/*  CLASE PARA LA TITULO DE SECCIONES*/
.section-title{
    color:  #6F38C5;
    text-decoration: underline;
    text-align: center;
    font-weight:700;
}


/*  CLASES PARA HEADER*/
.header-letras{
    font-size:x-large;
    font-weight: 700;

}
/*  CLASES PARA FOOTER*/

.bg-footer{
    background-color:  black;
    color:  #EEEEEE;
    text-align: center;
    font-weight:400;
}



/*  CLASES PARA FOOTER*/
.redes{
    color: white;
    text-align: center;
    font-weight:400;
    font-size: small;
    font-family: 'Courier New', Courier, monospace;
    text-align: left;
}

/*  CLASES PARA NAVEGADOR*/
.nave{
    text-align: center;
    font-weight:600;
    font-size:x-large;
}

/*  CLASES PARA carousel*/
.carousel-heigth{
    height: 60px;
}

/*  CLASES PARA FORMULARIO DE CONTACTO*/
.form-align{
    text-align: center;
}

/*  CLASES PARA las fotos dentro de las tarjetas*/
.fotoBox{
    /*width: 100%;*/
   /* max-height: 200px;*/
    /*height: 100%;*/
    min-height: 300px;
  
}

.txtIzq{
text-align: left;
}

.txtDer{
    text-align: right;
    }

.centrado{
    display: flex;
    justify-content: center;
    }

.navbar .nav-item:not(:last-child) {
margin-right: 35px;
}
.dropdown-toggle::after {
    transition: transform 0.15s linear; 
}
.show.dropdown .dropdown-toggle::after {
transform: translateY(3px);
}

.dropdown-menu {
margin-top: 0;
}

 /* Estilo para el botón */
 .fixed-button {
    position: fixed;
    right: 20px; /* Ajusta esta propiedad para cambiar la posición horizontal del botón */
    bottom: 20px; /* Ajusta esta propiedad para cambiar la posición vertical del botón */
    border: 2px solid red;
    border-radius: 20px; /* Ajusta este valor para cambiar el grado de redondez */
    padding: 10px 20px;
    background-color: rgb(248, 206, 206); /* Cambia este color según tu preferencia */
    color: rgb(117, 10, 10);
    font-size: 20px; /* Ajusta este valor para cambiar el tamaño de la fuente */
    font-weight: bold; /* Puedes usar "bold" o un número entre 100 y 900 */
}

.product-card {
    transition: background-color 0.3s  transform 0.3s;; /* La transición se aplica al cambio de color de fondo durante 0.3 segundos */
    /*max-height: 500px; */ /* Ajusta el valor según tus preferencias */
    /*overflow: hidden;*/
  }
  
.product-card:hover {
    background-color: #f8f558; /* Color de fondo al pasar el ratón */
    transform: scale(1.05) translateY(-5px); /* Escala y translación al pasar el ratón */
  }