.imagenheader{
     max-height: 12rem;
    object-fit: cover;
      background-color: #eee;
    opacity: 0.3;
    /* border-radius: 0rem; */
   /* border-bottom-left-radius: 16rem 13rem;*/
  /*  filter: brightness(50%);*/
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.banner-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 15rem; /* mismo alto que .imagenheader */
}

.banner-wrapper .imagenheader {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* tu border-radius ya lo tienes */
}

.banner-title {
    position: absolute;
    top: 60%;
    right: 0%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2.7em;
    font-weight: 800;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    z-index: 2;
}


.galeriapuntos{
    width: 65%;
    justify-self: center;
}

.galeriaimg{
    width: 100%;
    /* height: 100%; */
       object-fit: contain;
    width: 6rem;
    height: 6rem;
    border-radius: 2rem;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
padding: 4px; 
     background-color: #ffffff;
     
}

/*
.menu{
background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5rem;
    width: 50%;
    justify-self: center;
    top: -5rem;
    position: relative;
}*/




.menu {
      background-color: #f4f4f4;
    /* border-radius: 2rem; */
    color: white !important;
    width: 100%;
    justify-self: center;
    top: -3.2rem;
    position: relative;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/*
.menu {
    background-color: #f3f3f3;
    border-radius: 2rem;
    width: 50%;
    justify-self: center;
    top: -1.5rem;
    position: relative;
}
*/
.menu-link {
  text-decoration: none;
  color: inherit;
}

.menu-label {
  font-weight: 700;
  color: #7b3;
  font-size: 0.8rem;
  margin-left: 0.1em;
}

.menu-link:hover .menu-label {
  color: #049;
}

.titulogaleria{
      font-size: 1rem;
    color: #049;
    font-weight: 600;
}

.labelgaleria{
      font-weight: 500;
    color: #049;
}