.mayusculas
{
    text-transform: uppercase;
}
    
.eliminarEfectoEnlace, .eliminarEfectoEnlace:hover, .eliminarEfectoEnlace:visited, .eliminarEfectoEnlace:active, .eliminarEfectoEnlace:focus {
  color: inherit; /* Usa el mismo color que el texto del elemento padre */
  text-decoration: none; /* Elimina el subrayado */
  cursor: pointer; /* Mantiene el cursor como una mano */
  /* Otros estilos que quieras anular */
  background: transparent; /* Por si hay algún fondo */
  border: none; /* Por si hay algún borde */
  outline: none; /* Elimina el contorno al hacer clic o focus */

  color: inherit;
  text-decoration: none;
  outline: none;
}

/*bajar los mensajes de toast*/
#toast-container 
{
  padding-top: 40px;
}

.columna-central .container-fluid
{
    max-width: 1920px;
     margin:auto;
     padding: 0 50px;
     width:100%
}
.columna-central
{
    width: 100%;
    margin: 0 auto;
    padding: 0 100px;
}
.product-container
    {
        padding:0;
        background-color: var(--blanco-principal) ;
    }
@media (max-width: 1040px) 
{
   .columna-central
    {
        padding: 0;
    }
    
}

@media (min-width: 1200px) and (max-width: 1500px) 
{
    .columna-central .container-fluid
    {
       padding: 0px;
        
    }
}
@media (min-width: 769px) and (max-width: 1040px) 
{
    .columna-central .container-fluid
    {
       padding: 0px;
        
    }
    .product-container
    {
        padding:0 15px;
    }
}
@media (max-width: 769px) 
{
    .columna-central .container-fluid
    {
       padding: 0 40px;
        
    }
    .product-container
    {
        padding:0 15px;
    }
}


/* Media queries para cuerpo / productos */
@media (max-width: 450px) 
{
    .product-container 
    {
        flex-direction: column;
    }
}

@media (min-width: 450px) 
{
  
}

@media (min-width: 576px) 
{
   
    .product-container 
	{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (min-width: 768px) 
{
    .product-container 
	{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

/* zona de los filtros y migas de pan*/
 .product-superior
 {
     padding: 0 15px;
 }
 
 @media (min-width: 1041px) 
{
    .product-superior
    {
        padding: 0px;
    }
}