@media (min-width: 36.25rem) {
  .hero {
    height: 70vh;
    display: block;
  }

  .banner {
    width: 100%;
    height: 100%;
  }

  .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    background: rgba(0, 0, 0, 0.1); 
    padding: 1.5rem 2rem;
  }
  

  .content h1 {
    font-size: 2.5rem;
  }

  .content h3 {
    font-size: 1.3rem;
  }


  .product-menu {
    grid-template-columns: repeat(2, 1fr);
  }

  .filtros{
    display: flex;
  }

}