body{
  font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', cursive;
}

label {
    display: flex;
margin: 0;
}

[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  

[type=radio] + li {
    cursor: pointer;
  }
  
  /* CHECKED STYLES */
  [type=radio]:checked + li {
    outline: 3px solid #161619;
    box-shadow: 0 0 40px 0 #548a89;
    z-index: 999999;
    transform: scale(1.05);
    background: white;
  }

  .categoria-nombre {
    font-size: 15px;
    margin-bottom: 20px
  }

  .titulo-libro {
    margin-top: 60px;
    margin-bottom: 10px !important;
  }

  .autor-libro {
    color: gray;
    font-style: italic;
    font-size: 1.3rem;
    margin-bottom: 50px;
    display: inline-block;
  }

  .sello-libro, .publicacion-libro, .categoria-libro {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 5px;
  }
  .titulo-votaciones {
    font-size: 50px;
    margin-bottom: 60px;
  }
  .boton-votar {
    width: 100%;
    margin: 0 auto;
    background-color: #548a89;
    border: none;
  }

  .boton-votar:hover, .boton-votar:focus {
    background-color: #548a89;
    border-color: #548a89;
  }

  .slide-banner {
    position: relative;
  }
  .img-mobile {
    display: none !important;
  }
  @media(max-width:991px) {
    .img-mobile {
      display: block !important;
    }
    .desk{
      display: none !important;
    }

  }
  .img-banner {
    z-index: 1;
  }

  .imgs-banner-2{
    display: flex;
    position: absolute;
    left: 80%;
    bottom: 78%;
    
  }

  .img-banner-2 {
    width: 250px;
    height: 350px;
    position: absolute;
  }
  .img-banner-2:first-child {
    left: 20%;
    transform: scale(.8);
  }
  .img-banner-2:last-child {
    left: -18%;
    transform: scale(.8);
  }

  @media(max-width: 1400px) {
    .img-banner-2 {
      width: 200px;
      height: 310px;
    }
    .img-banner-2:first-child {
      left: 21%;
    }
  }

  .btn-banner {
    position: absolute;
    z-index: 2;
    left: 74%;
    top: 70%;
  }
  @media(max-width:991px) {
    .btn-banner {
      position: absolute;
      z-index: 2;
      left: 30%;
      top: 85%;
  }
  }

  .bg-esmeralda {
    background-color: #548a89;
  }


  .btn-bg-esmeralda {
    background-color: #548a89;
    border-color: #548a89;
  }
  .btn-bg-esmeralda:hover, .btn-bg-esmeralda:focus {
    background-color: #548a89;
    border-color: #548a89;
  }

  .dot-absolute {
    position: absolute;
    top: 90% !important;
    left: 10% !important;
  }