#hl-area > * {
  margin: auto !important;
  border-radius: 40px !important;
}

#hl-area {
  position: relative;
}

@media (max-width: 767px) {
  .btn-hl-escolar {
    width: 100px;
  }
}

.hl-esc-libros {
  width: 100%;
  height: 100vh;
  background-image: url('/wp-content/themes/tema-hlm/assets/assetslp/img/inicio-libros.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: lightgray;
  position: relative;
}
/* Para móviles (pantallas menores a 768px) */
@media (max-width: 767px) {
  .hl-esc-libros {
    background-image: url('/wp-content/uploads/2025/03/inicio-libros-mobile.jpeg');
  }
}

.hl-esc-diccionarios {
  width: 100%;
  height: 100vh;
  background-image: url('/wp-content/themes/tema-hlm/assets/assetslp/img/inicio-diccionarios.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: lightgray;
  position: relative;
}

.hl-card {
  max-width: 600px;
  width: 90%;
  height: auto;
}

.btn-hl-escolar {
  width: 100%;
}

@media (min-width: 768px) {
  .btn-hl-escolar {
    width: 200px;
  }
}

.btn-hl-escolar a {
  background: #2D2B33;
  display: block;
  padding: 10px 15px;
  border-radius: 15px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  transition: .3s;
  margin: 5px;
}

.btn-hl-escolar a:hover {
  background: #45424a;
}

.txt-hl-blue {
  color: #AECAF3;
}

.txt-hl-orange {
  color: #FFBD29;
}

.txt-hl-green {
  color: #88D392;
}

.txt-hl-gray {
  color: darkgray;
}

.bg-hl-school {
  position: absolute;
}

@media (min-width: 992px) {
  .bg-hl-school {
    position: relative;
  }
}

.bg-hl-school img {
  width: 100%;
  height: auto;
}

.content-hl-school {
  position: relative;
  width: 100%;
  height: auto;
}

@media (min-width: 992px) {
  .content-hl-school {
    position: absolute;
  }
}

.hl-heading h1 {
  font-size: 30px;
  background: #2d2b33;
  padding: 10px 20px;
  border-radius: 20px;
}

.hl-area-page {
  max-width: 300px;
  width: 100%;
}

.txt-hl-gray a {
  color: darkgray;
}

.txt-hl-gray a:hover {
  color: gray;
}

.hl-bg-gray {
  background-color: #f6f6f6;
}

.fnt-indulta {
  font-family: 'Indulta SemiSerif';
}

.fnt-lemon {
  font-family: 'Lemon Days';
}

/* -- */

.hl-card-books {
  max-width: 800px;
  width: 90%;
  height: auto;
}

.txt-hl-white {
  color: white;
}

.hl-esc-books {
  width: 100%;
  height: 100vh;
  background-image: url('/wp-content/themes/tema-hlm/assets/assetslp/img/inicio-libros.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: lightgray;
  position: relative;
}

/* New styles */

.hl-esc-welcome {
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/themes/tema-hlm/assets/assetslp/img/inicio-welcome-mobile.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: lightgray;
  position: fixed;
}

@media (min-width: 768px) {
  .hl-esc-welcome {
    background-image: url('/wp-content/themes/tema-hlm/assets/assetslp/img/inicio-welcome.png');
    background-position: center top;
  }
}

@media (min-width: 1305px) {
  .hl-esc-welcome {
    height: 100vh;
    background-image: url('/wp-content/themes/tema-hlm/assets/assetslp/img/inicio-welcome.png');
  }
}

.fnt-title {
  font-size: clamp(1.2rem, 5vw + .9rem, 1.5rem);
}

.grid-scolar {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(148px, 1fr));
  gap: 5px;
  transition: .3s ease;
  grid-gap: 15px;
}

@media (min-width: 360px) {
  .grid-scolar {
    grid-template-columns: repeat(auto-fit,minmax(160px, 1fr));
  }
}

@media (min-width: 576px) {
  .grid-scolar {
    grid-template-columns: repeat(auto-fit,minmax(188px, 1fr));
  }
}

@media (min-width: 768px) {
  .grid-scolar {
    grid-template-columns: repeat(auto-fit,minmax(147px, 1fr));
  }
}

.book-acolar {
  position: relative;
  width: 100%;
  z-index: 0;
  transition: .3s ease;
  overflow: hidden;
}

.link-black {
  color: black;
  text-decoration: none;
  width: 100%;
}