@font-face {
  font-family: 'DharmaGothic Bold Italic';
  src: url('/fonts/DharmaGothic/DharmaGothicE-BoldItalic.eot');
  src: url('/fonts/DharmaGothic/DharmaGothicE-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/fonts/DharmaGothic/DharmaGothicE-BoldItalic.woff2') format('woff2'), url('/fonts/DharmaGothic/DharmaGothicE-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
body {
  font-family: var(--bs-body-font-family);
  font-size: 0.9em;
}
h1 {
  /*font-family: 'DharmaGothic Bold Italic', sans-serif !important;*/
}
/* HERO SECTION STYLES */
.hero-section {
  position: relative;
  background-image: url('/assets/img/PLQSV_m.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 0.8;
  width: 100%;
}
.hero-section-femenino {
  position: relative;
  background-image: url('/assets/img/PLQSV_m.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 0.8;
  width: 100%;
}
@media (min-width: 320px) {
  .hero-section,
  .hero-section-femenino {
    width: 100%;
    /* en escritorio, que ocupe 1 pantalla, no 2 */
  }
  .boton {
    font-size: 1em;
  }
  .manual_hero {
    display: none;
  }
  .manual_container {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .hero-section,
  .hero-section-femenino {
    width: 100%;
    /* en escritorio, que ocupe 1 pantalla, no 2 */
  }
  .boton {
    font-size: 1em;
  }
}
/* ≥768px (tablets) */
@media (min-width: 768px) {
  .hero-section,
  .hero-section-femenino {
    width: 100%;
  }
  .boton {
    font-size: 1.2em;
    margin-bottom: -2vh;
  }
}
@media (min-width: 992px) {
  .hero-section {
    background-image: url('/assets/img/PLQSV_p.jpg');
    background-position: center;
    width: 100%;
    aspect-ratio: 2.26950355;
  }
  .hero-section-femenino {
    background-image: url('/assets/img/Femenino2526.jpg');
    background-position: center;
    width: 100%;
    aspect-ratio: 2.26950355;
  }
  .boton {
    font-size: 1.6em;
    margin-bottom: 3vh;
  }
  .manual_hero {
    display: block;
  }
  .manual_container {
    display: none;
  }
}
@media (min-width: 1200px) {
  .boton {
    font-size: 1.6em;
    margin-bottom: 3vh;
  }
}
@media (min-width: 1400px) {
  .boton {
    font-size: 1.8em;
    margin-bottom: 6vh;
  }
}