/**** Hero Home ****/

.element-home-hero--container.desktop-version {
  display: none;
}

/* Muestra versión de móvil o de escritorio según la resolución de la pantalla */
@media (min-width: 1024px) {
  .element-home-hero--container.desktop-version {
    display: block !important;
  }

  .element-home-hero--container.mobile-version {
    display: none !important;
  }
}

/* Estilos específicos para móviles con pantallas grandes (resolución mayor a 1024px) */
@media (min-width: 1024px) and (max-width: 1440px) and (orientation: portrait),
(min-width: 1024px) and (max-width: 1440px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1024px) and (max-width: 1440px) and (orientation: landscape) and (min-resolution: 192dpi) {
  .element-home-hero--container.desktop-version {
    display: none !important;
  }

  .element-home-hero--container.mobile-version {
    display: block !important;
  }
}

.element-home-hero--container .stick {
  position: absolute;
  top: 0;
  right: 0;
}

.element-home-hero--container.mobile-version .stick a .active-title-hero {
  margin-left: 0;
  justify-content: flex-start !important;
}

.element-home-hero--container.mobile-version .stick a img {
  margin-left: 0 !important;
}

.element-home-hero--container.mobile-version .stick a .active-title-hero p:first-child {
  width: 100%;
}

/**** Hero Home Simplified ****/

.block-search .element-home-hero--container.simplified {
  text-align: center;
}

.block-search .element-home-hero--container.simplified h1.title {
  font-size: 1.75rem;
}

.block-search .element-home-hero--container.simplified .title-desc p {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .block-search .element-home-hero--container.simplified h1.title {
    font-size: 2.1rem;
  }

  .block-search .element-home-hero--container.simplified .title-desc p {
    font-size: 1.1rem;
  }
}

@media (min-width: 1024px) {
  .block-search .element-home-hero--container.simplified {
    max-width: unset !important;
    padding: 0 20px;
  }

  .block-search .element-home-hero--container.simplified h1.title {
    font-size: 2.3rem;
    margin-bottom: 0.7rem;
  }

  .block-search .element-home-hero--container.simplified .title-desc p {
    font-size: 1.2rem;
    margin-bottom: 0.7rem;
  }
}

@media (min-width: 1201px) {
  .block-search .element-home-hero--container.simplified h1.title {
    font-size: 2.6rem;
  }

  .block-search .element-home-hero--container.simplified .title-desc p {
    font-size: 1.3rem;
  }
}

@media (min-width: 1440px) {
  .block-search .element-home-hero--container.simplified h1.title {
    font-size: 2.8rem;
  }

  .block-search .element-home-hero--container.simplified .title-desc p {
    font-size: 1.4rem;
  }
}