body {
    background-image: url(../media/textura.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width: 992px) {
    body {
        background: linear-gradient(to bottom, rgb(255, 216, 223), rgb(255, 216, 223) 100%);
    }
}

.btn-hero {
    text-decoration: none;
    background-color: transparent;
    color: goldenrod;
    border-radius: 29px;
    border: 2px solid rgb(255, 60, 93);
    padding: 1vh 2vw;
    margin: 0 40px;
    animation: animate 3s linear infinite;
    text-shadow: 0 0 50px #0072ff, 0 0 100px #0072ff, 0 0 150px #0072ff,
      0 0 200px #0072ff;
  }
  @media screen and (max-width: 992px) {
    .btn-hero {
        padding: 1vh 10vw;
    }
  }

  


.btn-hero:hover {
    color: rgb(255, 60, 93);
    border: 2px solid rgb(255, 60, 93);
    animation: none;
    text-shadow: 0 0 50px rgb(255, 60, 93), 0 0 100px rgb(255, 60, 93), 0 0 150px rgb(255, 60, 93),
      0 0 200px rgb(255, 60, 93);
      box-shadow: 0 0 10px rgb(255, 60, 93), 0 0 10px rgb(255, 60, 93), 0 0 10px rgb(255, 60, 93),
      0 0 10px rgb(255, 60, 93);
      background-color: transparent;
}

@keyframes animate {
    from {
      filter: hue-rotate(0deg);
    }
    to {
      filter: hue-rotate(360deg);
    }
  }


.contenedor-hero {
    text-align: center;
    padding: 5vh 0;
}


.misxv {
    color: rgb(255, 60, 93);
    font-size: clamp(1.875rem, 1.5267rem + 1.5924vw, 3.4375rem);
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

.nombre {
    color: rgb(194, 148, 32);
    font-size: clamp(3.625rem, 2.7611rem + 3.949vw, 7.5rem);
    line-height: 100%;
    font-family: 'Great Vibes', cursive;

}

  #gallery{
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:4;
    
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
  @media (max-width:1200px){
    #gallery{
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
      
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
  }
  @media (max-width:800px){
    #gallery{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
      
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
  }
  @media (max-width:600px){
    #gallery{
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
  }  
  }
  #gallery img,#gallery video {
    width:100%;
    height:auto;
    margin: 4% auto;
    box-shadow:-3px 5px 15px #000;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .modal-img,.model-vid{
    width:100%;
    height:auto;
  }
  .modal-body{
    padding:0px;
  }