.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
@media (min-width: 768px) {
    .grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.link-derecho {
  display: block;
  text-align: right;
  margin-top: 1rem;
  text-decoration: none;
  color: var(--primarioOscuro);
  font-size: 2.4rem;
  font-family: Arial, sans-serif;
  transition: color 0.3s ease;
}

.link-derecho:hover {
    color: var(--secundarioOscuro);
}
.grid-novedades,
.grid-productos {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    position: relative;
    justify-content: flex-start;
}