/* Custom */

html { 
  height: 100%;
}

body { 
  font-family: 'Oswald', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

a { text-decoration: none; }
a:hover { text-decoration: none; }
ul { list-style: none; }

h1 {
  text-align: center;
  margin-bottom: 30px;
}

/* Comunes */
.transition{
  -webkit-transition: all ease-in-out .3s; /* Safari */
  transition: all ease-in-out .3s;
}

.hidden {
  display: none;
}

.section {
  padding-top: 150px;
}

.roboto {
  font-family: 'Roboto', sans-serif!important;
}
/* Comunes end */

/* Buttones */
button,
.btn-primary {
  color: var(--primary-color);
  background-color: white;
  font-weight: 300;
  border-color: var(--primary-color);
  padding: 5px 30px;
}

.btn-check:focus + .btn-primary, .btn-primary:focus,
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, 
.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle,
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, 
.btn-primary.active:focus, .btn-primary:active:focus, .show > 
.btn-primary.dropdown-toggle:focus {
  color: var(--primary-color);
  background-color: white;
  border-color: var(--primary-color);
  box-shadow: none;
}

.btn:focus,
.navbar-toggler:focus {
  box-shadow: none;
}

.btn-primary:hover {
  background: var(--primary-color);
  color: white;
}
/* Buttones end */

/* Form Control */
.form-control:focus,
.form-check-input:focus {
  border: 1px solid #ced4da;
  box-shadow: none;
}
/* Form Control end  */

/* Presenta */
#presenta {
  padding-top: 0;
  height: 100%;
}

#presenta .logo_presenta {
  margin-top: 25px;
  max-width: 225px;
}

#presenta #guia-desktop,
#presenta .bola {
  display: none;
}

#presenta .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#presenta .content .guia {
  text-align: center;
  position: relative;
}

#presenta .content_inferior {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#presenta .content #btn-presenta {
  margin-top: 30px;
  text-transform: uppercase;
  background: black;
  color: white;
}

#presenta .content #btn-presenta:hover {
  background: white;
  color: black;
  border-color: black;
}
/* Presenta end */

/* Seccion de Grupos */
.groups .content {
  margin-bottom: 30px;
}

.groups .content div {
  cursor: pointer;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border: solid 1px black;
  height: 90px;
  text-align: center;
}

.groups .content div:hover {
  background: white;
}

.groups .content div:hover h2 {
  color: black;
}

.groups .content div h2 {
  margin-bottom: 0;
  color: white;
}
/* Seccion de Grupos end */

/* Navbar */
nav {
  padding: initial!important;
  position: fixed!important;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}

nav .logo {
  max-width: 200px;
}

nav.scroll .logo {
  max-width: 150px;
}

nav li {
  padding-top: 3px;
  padding-bottom: 3px;
}

nav .dropdown {
  flex-direction: column;
}

nav .nav-link,
nav .back {
  -webkit-transition: all ease-in-out .3s; /* Safari */
  transition: all ease-in-out .3s;
  color: #005ca9;
  font-size: 1.75rem;
}

nav label {
  font-size: 0.85rem;
  text-transform: uppercase;
}

.form-check-input:checked {
  background-color: #005ca9;
  border-color:  #005ca9;
}

nav .content_radios {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}

nav .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

nav .nav-item .back {
  padding: var(--bs-navbar-nav-link-padding-x);
  border:  none;
  background: transparent;
  color: var(--bs-nav-link-hover-color);
  font-weight: 400;
}
/* Navbar end */


/* Header end */

/* Footer */
footer {
  background: black;
  padding-top: 15px!important;
  padding-bottom: 15px;
  text-align: center;
}

footer a,
footer p {
  color: white;
  font-weight: 300;
  font-size: 0.85rem;
  margin-bottom: 0;
}

footer .copy {
  margin-top: 15px;
  padding-top: 5px;
  border-top: solid white 1px;
  font-size: 0.65rem;
  text-align: right;
}
/* Footer end */

/* Books */
.books .content {
  margin-bottom: 30px;
  cursor: pointer;
}

.books .content div {
  position: relative;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%);
  -webkit-transition: all ease-in-out .3s; /* Safari */
  transition: all ease-in-out .3s;
}

/*.books .content div:hover {
  background: rgb(0,0,0, 0.7);
}*/

.books .content div:hover h2 {
  bottom: 30px;
}

.books .content div img {
  position: relative;
  z-index: -1;
}

.books .content h2 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  text-align: center;
  padding-bottom: 10px;
  color: white;
  -webkit-transition: all ease-in-out .3s; /* Safari */
  transition: all ease-in-out .3s;
  padding-right: 15px;
  padding-left: 15px;
}
/* Books end */

/* Capitulos */
.capitulos {
  position: relative;
}

.capitulos .float_book {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: all ease-in-out .3s; /* Safari */
  transition: all ease-in-out .3s;
}

.capitulos .float_book img {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.capitulos .content,
.resultados_busqueda .items_results {
  border:  solid 1px grey;
  margin-bottom: 15px;
}

.capitulos .content a,
.resultados_busqueda .items_results a {
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: black;
}

.capitulos .content a:hover,
.resultados_busqueda .items_results a:hover {
  color: #005ca9;
}

.capitulos .content a:hover img,
.resultados_busqueda .items_results a:hover img {
  opacity: 0.7;
  max-width: 35px;
}

.capitulos .content p,
.resultados_busqueda .items_results p {
  margin: 0;
  font-weight: 300;
}

.resultados_busqueda .autores_result {
  text-transform: capitalize;
}

.capitulos .content h3,
.resultados_busqueda .items_results h3 {
  font-weight: 300;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif!important;
  padding-right: 20px;
  font-size: 1.125rem;
}

.resultados_busqueda .items_results h3 {
  text-transform: uppercase;
}

.capitulos .content strong,
.resultados_busqueda .items_results strong {
  font-weight: 700;
}

.resultados_busqueda .items_results h3 span,
.resultados_busqueda .items_results p span {
  color: #005ca9;
  font-weight: 700;
  text-transform: uppercase;
}

.resultados_busqueda .items_results h3 strong,
.resultados_busqueda .items_results p strong {
  font-weight: 700;
}

.capitulos .content img,
.resultados_busqueda .items_results img {
  max-width: 30px;
}

.resultados_busqueda .items_results  {
  margin-bottom: 30px;
}

.resultados_busqueda .items_results .not_found {
  font-size: 1rem;
  font-weight: 700;
  padding: 10px;
  margin: 0;
}

.resultados_busqueda #count_results {
  color: #005ca9;
}
/* Capitulos end */

/* PDF Individual */
.pdf_individual header {
  position: relative;
}

.pdf_individual header .logo {
  margin: 0;
}

.pdf_individual header a {
  text-align: center;
}

.pdf_individual .title_pdf {
  background: black;
  margin-top: 125px;
  padding: 10px;
}

.pdf_individual .title_pdf h1 {
  background: black;
  color: white;
  text-align: center;
  font-size: 0.85rem!important;
  margin-bottom: 0;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pdf_individual h1 {
  margin-bottom: 0;
}

.pdf_individual .regresar {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.pdf_individual .regresar button {
  background: black;
  color: white;
  font-size: 0.75rem;
  font-weight: 300;
}

.pdf_individual .regresar button:hover {
  border-color: black;
  background: white;
  color: black;
}

.pdf_individual .visor_pdf {
  padding: 0;
}
/* PDF Individual end */


/* MEDIA QUERIES */
@media (min-width: 576px) {

  /* Presenta */
  @keyframes gira {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  #presenta #guia-desktop,
  #presenta .bola {
    display: inline-block;
  }

  #presenta .bola {
    position: absolute;
    -webkit-transition: all ease-in-out .3s; /* Safari */
    transition: all ease-in-out .3s;
    animation: gira 1s infinite;
  }

  #presenta .bola_1 {
    left: 42px;
    animation-delay: -2s;
    bottom: 0;
    max-width: 14.4%;
  }

  #presenta .bola_2 {
    left: 76px;
    bottom: 64px;
    max-width: 16.4%;
  }

  #presenta .bola_3 {
    left: 216px;
    bottom: 210px;
    max-width: 19.4%;
  }

  #presenta .bola_4 {
    left: 356px;
    bottom: 269px;
    max-width: 18%;
  }

  #presenta #guia-mobile {
    display: none;
  }

  #presenta #btn-presenta {
    margin-bottom: 30px;
  }

  /* Presenta end */

}

@media (min-width: 768px) {

  /* Presenta */
  #presenta .guia {
    max-width: 516px;
  }
  /* Presenta end */

  .groups .content div {
    height: 210px;
    padding: 50px;
  }

  .books .content h2 {
    font-size: 1.25rem;
  }

}

@media (min-width: 992px) {

  nav.scroll {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }

  nav .navbar-brand {
    margin-right: 30px;
  }

  nav .nav-item {
    margin-right: 30px;
  }

  nav .nav-link,
  nav .back {
    font-size: 1.5rem;
  }

  nav .nav-item:last-child {
    margin-right: 0;
  }

  .section {
    padding-top: 170px;
  }

  /* Presenta */
  #presenta .bola_1 {
    left: 38px;
    bottom: 1px;
  }

  #presenta .bola_2 {
    left: 68px;
    bottom: 58px;
  }

  #presenta .bola_3 {
    left: 190px;
    bottom: 185px;
  }

  #presenta .bola_4 {
    left: 314px;
    bottom: 237px;
  }
  /* Presenta end */

}

@media (min-width: 1200px) {

  .books .content h2 {
    font-size: 1.75rem;
  }

  h1 {
    margin-bottom: 60px;
  }

  /* Presenta */
  #presenta .guia {
    max-width: 100%;
  }

  #presenta .bola_1 {
    left: 45px;
    bottom: 1px;
  }

  #presenta .bola_2 {
    left: 81px;
    bottom: 67px;
  }

  #presenta .bola_3 {
    left: 229px;
    bottom: 222px;
  }

  #presenta .bola_4 {
    left: 377px;
    bottom: 284px;
  }
  /* Presenta end */
}

@media (min-width: 1400px) {

  nav .navbar-brand {
    margin-right: 60px;
  }

  /* Presenta */
  #presenta .bola_1 {
    left: 52px;
    bottom: 2px;
  }

  #presenta .bola_2 {
    left: 95px;
    bottom: 79px;
  }

  #presenta .bola_3 {
    left: 267px;
    bottom: 258px;
  }

  #presenta .bola_4 {
    left: 438px;
    bottom: 330px;
}
  /* Presenta end */

  /* PDF Individual */
  .pdf_individual .title_pdf h1 {
    font-size: 1.125rem!important;
  }
  /* PDF Individual end */

}

@media (min-width: 1750px) {

  .capitulos .float_book {
    position: fixed;
    top: 135px;
    left: 10px;
    max-width: 310px;
  }

  .capitulos.scroll .float_book {
    max-width: 250px;
    top: 100px;
  }

}

@media (min-width: 1900px) {

  .capitulos .float_book {
    max-width: 380px;
  }

  .capitulos.scroll .float_book {
    max-width: 320px;
    top: 100px;
  }

}