.titulares {
  font-size: 8rem;
  font-weight: bolder;
}

.flip-card {
  background-color: transparent;
  width: 260px;
  height: 400px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #008ee08e;
  font-weight: 100;
  color: rgb(255, 255, 255);
  transform: rotateY(180deg);
}

.noise::before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  content: "";
  /* you can control opacity of noise  */
  opacity: .08;
  z-index: 1000;
  pointer-events: none;
  background: url(../assets/img/noise.gif);
}

/* Bordes paquetes */
.bordsilver {
  transition: 0.6s;
}

.bordsilver:hover {
  border-color: #c2c2c2;
  border: 7px solid #c2c2c2;
  transition: 0.6s;
  box-shadow: 0px 0px 16px 0px #c2c2c2;
}

.bordgold {
  transition: 0.6s;
}

.bordgold:hover {
  border-color: #ac9637;
  border: 7px solid #ac9637;
  transition: 0.6s;
  box-shadow: 0px 0px 16px 0px #ac9637;
}

.bordplati {
  transition: 0.6s;
}

.bordplati:hover {
  border-color: #ffffff;
  border: 7px solid rgb(255, 255, 255);
  transition: 0.6s;
  box-shadow: 0px 0px 16px 0px rgb(255, 255, 255);
}

.borddiam {
  transition: 0.6s;
}

.borddiam:hover {
  border-color: #bee5ff;
  border: 7px solid #bee5ff;
  transition: 0.6s;
  box-shadow: 0px 0px 16px 0px #bee5ff;
}

.demos {
  width: 25rem;
  transition: 0.3s;
}

.demos:hover {
  width: 16%;
  transition: 0.3s;
}

.boton {
  background-color: #146f75;
  border: none;
  scale: 30px;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 1%;
  transition: 0.3s;
}

.certificado {
  position: fixed;
  width: 20rem;
  z-index: 10000;
  padding-top: 18%;
  margin-left: -17.6rem;
  transition: 0.7s;
}

.certificado:hover {
  position: fixed;
  width: 20rem;
  z-index: 10000;
  padding-top: 18%;
  margin-left: 0.3%;
}

.btn-wsp{
  position:fixed;
  width:60px;
  height:60px;
  line-height: 63px;
  bottom:10px;
  right:30px;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:35px;
  z-index:10000;
  transition: all 300ms ease;
}

@media only screen and (min-width:320px) and (max-width:768px){
  .btn-wsp{
      width:63px;
      height:63px;
      line-height: 66px;
}
}

.orangeshadow{
  transition: 0.5s;
}

.orangeshadow:hover{
  filter: drop-shadow(15px 15px 15px #ff88008c);
  transition: 0.5s;
}