@charset "utf-8";
/* CSS Document */
body{
  /*
  background-image: url("../img/fondo.png");
  
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  */
  padding-top: 10rem;
  background-color: #f1f1f1 !important;
}
.bg-dark{
  background-color: #3B6066 !important;
}

.tarjeta{
  margin:15px auto
}
.tarjeta_interna{
  background:#fff;
  width:96%;
  transition:all linear .2s;
  text-align:center;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.tarjeta_interna:hover{
  -webkit-box-shadow:0 15px 40px rgba(0,0,0,.15);
  -moz-box-shadow:0 15px 40px rgba(0,0,0,.15);
  box-shadow:0 15px 40px rgba(0,0,0,.15);
  transform:translate(0,-10px)
}
.tarjeta_interna img{
  /*
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  filter:grayscale(100%);
  transition:all linear .3s;
  */
  width:100%
}
.tarjeta_interna img:hover{
  -webkit-filter:grayscale(0);
  -moz-filter:grayscale(0);
  -ms-filter:grayscale(0);
  -o-filter:grayscale(0);
  filter:grayscale(0)
}
.tarjeta.puesto .tarjeta_interna img{
  -webkit-filter:grayscale(0);
  -moz-filter:grayscale(0);
  -ms-filter:grayscale(0);
  -o-filter:grayscale(0);
  filter:grayscale(0);
  transition:all linear .3s;
  margin-bottom:15px
}