body {
  background: linear-gradient(90deg,rgba(57, 119, 189, 0.226),
      rgba(14, 33, 119, 0.171)),
    url(../imginicio/fondo4.svg);
  background-repeat: no-repeat;
  background-size: cover;
  user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/* barra de desplazamiento*/
body::-webkit-scrollbar{
  width: 10px;
  background-color: rgba(13, 96, 198, 0.62);
  
}
body::-webkit-scrollbar-thumb{
  background-color: rgb(34, 112, 202);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

#wsp{
    width: 1.5em;
    cursor: pointer;
    filter: drop-shadow(3px 3px 2px black);
    -webkit-filter: drop-shadow(3px 3px 2px black);
    padding: 0 10px 0 10px;
    margin-bottom: -1%;
  }
  #wsp:hover{
    filter: drop-shadow(0px 0px 4px black);
    -webkit-filter: drop-shadow(0px 0px 4px black);
  }
  .wpFlotante {
    padding: 5px 0px 5px 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 30px;
    display: flex;
    align-items: center;
    font-family: 'Roboto';
    justify-content: center;
    position: fixed;
    bottom: 80px;
    right: 7px;
    text-decoration: none;
    z-index: 1;
    max-width: 65px;
    min-width: 40px;
    width:6dvw;
    background-color: none;
    filter: drop-shadow(3px 3px 2px black);
    -webkit-filter: drop-shadow(3px 3px 2px black);
  
  }
  .wpFlotante:hover{
    filter: drop-shadow(0px 0px 4px black);
    -webkit-filter: drop-shadow(0px 0px 4px black);
  }
  #publicidad1 {
    margin: 12vh 0% 0% 0%;
}
.enlaces{
  text-decoration: none;
  color: #fff;
  filter: drop-shadow(3px 3px 2px black);
  -webkit-filter: drop-shadow(3px 3px 2px black);
}
.enlaces:hover{
  filter: drop-shadow(0px 0px 4px black);
  -webkit-filter: drop-shadow(0px 0px 4px black);
}
.botones{
  background: linear-gradient(0deg, rgba(32, 73, 184, 0.299), rgba(59, 108, 221, 0.913)  ),
  url(../imginicio/fondo3.webp );
  border-color: rgb(232, 234, 239);
  font-size: 130%;
  cursor: pointer;
  text-align: center;
  padding: 1vw;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  filter: drop-shadow(2px 2px 15px black);
  -webkit-filter: drop-shadow(2px 2px 15px black);
}
.botones:hover{
  filter: drop-shadow(0px 0px 0px black);
  -webkit-filter: drop-shadow(0px 0px 0px black);
  background-color: rgba(8, 144, 185, 0.433);
  border-color: rgba(77, 118, 231, 0.66);
}
.title{
  font-size: 200%;
  color: #fff;
  filter: drop-shadow(3px 3px 2px black);
  -webkit-filter: drop-shadow(3px 3px 2px black);
  text-align: center;
}