/* ============================================================
   WINDMASTER — CONDITIONS (INSTRUMENT PANEL)
   Página: front page + páginas de condiciones
============================================================ */

.wm-conditions {
  position: relative;
}

/* Glow ambiental */
.wm-conditions::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 300px;
  background: radial-gradient(
    circle at center,
    rgba(0, 200, 255, 0.04) 0%,
    transparent 70%
  );
  pointer-events: none;
}

/* Grid */
.wm-conditions .elementor-loop-container {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px;
}

/* Card */
.wm-conditions .e-loop-item {
  border-radius: var(--wm-radius-full) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: var(--wm-transition-smooth);
  overflow: hidden;
}

.wm-conditions .e-loop-item > div {
  border-radius: var(--wm-radius-lg);
  overflow: hidden;
}

.wm-conditions .e-loop-item .elementor-widget-wrap {
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

.wm-conditions .e-loop-item:hover {
  transform: translateY(-6px);
  border-color: rgba(0, 200, 255, 0.2) !important;
  box-shadow: var(--wm-shadow-lg);
}

/* Tipografía */
.wm-conditions
  .e-loop-item
  .elementor-widget-heading:first-child
  .elementor-heading-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--wm-text-dim) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px !important;
}

.wm-conditions
  .e-loop-item
  .elementor-widget-heading:nth-child(2)
  .elementor-heading-title {
  font-weight: 900 !important;
  color: var(--wm-text-white) !important;
  line-height: 1 !important;
  letter-spacing: -1px;
}

/* Meta info */
.wm-conditions .e-loop-item .elementor-widget-text-editor:nth-child(3) {
  font-size: 12px !important;
  font-weight: 500;
  color: var(--wm-text-muted) !important;
  margin: 6px 0 14px 0 !important;
}

/* Badge */
.wm-conditions .e-loop-item .elementor-widget-text-editor:nth-child(4) span {
  display: inline-block;
  padding: 4px 12px;
  border-radius: var(--wm-radius-sm);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(255, 255, 255, 0.05);
}

/* Timestamp */
.wm-conditions .e-loop-item .elementor-widget-text-editor:last-child {
  font-size: 10px !important;
  color: #435161 !important;
  margin-top: 12px !important;
}

/* Estados dinámicos */
.wm-conditions .is-good {
  border-color: rgba(30, 217, 122, 0.3) !important;
  box-shadow: inset 0 0 15px rgba(30, 217, 122, 0.03);
}

.wm-conditions
  .is-good
  .elementor-widget-heading:nth-child(2)
  .elementor-heading-title {
  color: #1ed97a !important;
  text-shadow: 0 0 20px rgba(30, 217, 122, 0.3);
}

.wm-conditions .is-good .elementor-widget-text-editor:nth-child(4) span {
  background: rgba(30, 217, 122, 0.15);
  color: #1ed97a;
}

.wm-conditions .is-medium {
  border-color: rgba(245, 166, 35, 0.3) !important;
}

.wm-conditions
  .is-medium
  .elementor-widget-heading:nth-child(2)
  .elementor-heading-title {
  color: #f5a623 !important;
}

.wm-conditions .is-medium .elementor-widget-text-editor:nth-child(4) span {
  background: rgba(245, 166, 35, 0.15);
  color: #f5a623;
}

.wm-conditions .is-bad {
  border-color: rgba(240, 64, 64, 0.2) !important;
}

.wm-conditions
  .is-bad
  .elementor-widget-heading:nth-child(2)
  .elementor-heading-title {
  color: #f04040 !important;
}

.wm-conditions .is-bad .elementor-widget-text-editor:nth-child(4) span {
  background: rgba(240, 64, 64, 0.1);
  color: #f87171;
}

@media (max-width: 767px) {
  .wm-conditions .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 768px) {
  .wm-conditions {
    padding: 60px 24px;
  }

  .wm-conditions .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .wm-conditions .elementor-loop-container {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}