/* ============================================================
   WINDMASTER — HERO SECTION
   Página: front page (home)
============================================================ */

.wm-hero {
  --h-accent: var(--wm-accent);
  --h-text: var(--wm-text-white);

  position: relative !important;
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  overflow: hidden;
  background-color: #080c11 !important;
}

/* Fondo con overlay */
.wm-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: linear-gradient(
      to bottom,
      rgba(8, 12, 17, 0.05) 0%,
      rgba(8, 12, 17, 0.02) 30%,
      rgba(8, 12, 17, 0.35) 65%,
      #080c11 100%
    ),
    url("/wp-content/uploads/2026/04/winfsurf-scaled-1.jpg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  z-index: 0;
}

.wm-hero > .e-con-inner,
.wm-hero > .elementor-widget-container {
  position: relative !important;
  z-index: 2 !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* Eyebrow */
.wm-hero .elementor-element-1d3b7b04 {
  background: rgba(0, 200, 255, 0.1) !important;
  border: 1px solid rgba(0, 200, 255, 0.25) !important;
  border-radius: var(--wm-radius-pill) !important;
  padding: 4px 12px !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
  width: auto !important;
  align-self: flex-start !important;
}

.wm-hero .elementor-element-1d3b7b04 .elementor-heading-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--h-accent) !important;
}

/* Título */
.wm-hero .elementor-element-67bda1b7 .elementor-heading-title {
  font-size: clamp(38px, 8vw, 78px) !important;
  font-weight: 900 !important;
  line-height: 0.95em !important;
  color: var(--h-text) !important;
  margin: 0 0 16px 0 !important;
}

.wm-hero .elementor-element-67bda1b7 span {
  color: var(--h-accent) !important;
}

/* Descripción */
.wm-hero .elementor-element-4ba9aa37 {
  max-width: 520px !important;
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.5em !important;
  margin-bottom: 24px !important;
}

/* Botón primario */
.wm-hero .elementor-element-2d62e277 .elementor-button {
  background-color: var(--h-accent) !important;
  border-radius: var(--wm-radius-sm) !important;
  font-size: 13px !important;
  padding: 12px 24px !important;
  color: #000 !important;
  font-weight: 700 !important;
}

/* Botón secundario */
.wm-hero .elementor-element-c00ec75 .elementor-button {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--wm-radius-sm) !important;
  font-size: 13px !important;
  padding: 12px 24px !important;
}

/* Barra de stats/accesos rápidos — oculta por petición del cliente */
.wm-conditions-bar,
#tagline {
  display: none !important;
}

@media (max-width: 767px) {
  .wm-hero {
    text-align: left !important;
    min-height: auto !important;
    padding-top: 60px !important;
  }

  .wm-hero .elementor-element-67bda1b7 .elementor-heading-title {
    font-size: 42px !important;
  }
}