@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');

.form-control{
  border-radius: 2px !important ;
}
/* NOTE: import */

.navbar{
  /* background-color: rgba(0, 0, 0, 0.90)  !important; */
  /* background: linear-gradient(to right,  rgb(240, 0, 216), rgb(84, 0, 240)); */
  /* background: linear-gradient(to right, #9340FF,#FF3C5F); */
  background: linear-gradient(to right,  #101728, rgb(84, 0, 240));

}
.my-custom-scrollbar {
position: relative;
height: 600px;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}

/* NOTE: Estilos personalizados */
body {
  background-color: #F1F3F4;
  font-family: 'Poppins', sans-serif;

}
footer{
  background-color: white;
}

.box-white{
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  /* filter: opacity(.9); */
}
.box-pink{
  color: white;
  background: linear-gradient(-45deg,  rgb(240, 0, 216), rgb(119, 0, 0));
  padding: 50px;
  border-radius: 5px;
}
.list-options{
  font-weight: bolder;
}
.nav-link:hover{
  color: #35f731 !important;
}
.fa-stack{
  color: white;
  background-color:rgb(255, 161, 0) !important;
  background: linear-gradient(-45deg, rgb(0, 24, 240), rgb(134, 0, 240)) !important;
  border-radius: 50%;
  box-shadow: 0px 0px 5px black;

}
.img-rounded{
  width: 200px;
  /* box-shadow: 0px 0px 2px black; */
  /* border-radius: 50%; */
}
.team-photo{
  width: 50%;
  border-radius: 50%;
}
.txt-white-shadow{
  font-weight: bolder;
  font-size: 20pt;
  color: white;
  text-shadow:  0px 0px 10px black;
}
/* NOTE: more customs */
.bg-white{
  background-color: rgb(255, 255, 255);
}
.bg-purple-round{
  color: white;
  text-shadow: 1px 1px 10px black;
  /* background: linear-gradient(to right,  rgb(240, 0, 216), rgb(84, 0, 240)); */
  background: linear-gradient(to right,  #101728, rgb(84, 0, 240));
  border-bottom-right-radius: 100%;
}

.grayscale{
  /* filter: grayscale(1); */
}
.big-title-mobile {
  /* text-transform: uppercase; */
  font-family: 'PT Sans', sans-serif;
  font-size: 60pt;
}
.box-round{
  font-size: 20pt;
  padding: 10px;
  background-color: white;
  color: black;
  border-radius: 50px;
}
.img-members{
  width: 150px;
  cursor: pointer;
  filter: grayscale(1);
}

.img-members:hover{
  transition: .3s;
  /* width: 200px; */
  filter: grayscale(0);
}
.circle-round{
  border-radius: 50%
}

.btn-enviar{
  padding: 20px;
  width: 100%;
  display: block;
  border: 0px;
  border-radius: 6px;
  color: white;
  background: linear-gradient(to right,  rgb(0, 0, 0), rgb(84, 0, 240));
}
.btn-enviar:hover{
  transition: .2s;
  /* background: linear-gradient(to left,  rgb(0, 0, 0), rgb(84, 0, 240)); */
  box-shadow: 0px 0px 20px rgb(84, 0, 240);
}
.form-control{
  background-color: rgba(255, 255, 255, 0) !important;
  border: solid white 2px;
  border-radius: 3px !important;
  /* border-top: 0px;
  border-left: 0px;
  border-right: 0px; */
  /* outline: unset; */
  color:white !important;
}
@media only screen and (max-width: 600px) {
  .big-title-mobile {
    font-size: 25pt;
  }
  #contacto_nav{
    font-size: 25pt;
  }
  .grayscale{
  width: 100%;
  }
}