/* ═══════════════════════════════════════════════════════════════
   IXOV — Section Tags   |   Carga al FINAL, máxima prioridad
   Archivo dedicado para garantizar que nada lo pise
═══════════════════════════════════════════════════════════════ */

/* ── Reset total de cualquier regla previa ───────────────────── */
.section-tag,
span.section-tag,
.ixov-section .section-tag,
.ixov-section--light .section-tag,
.ixov-section--dark .section-tag,
.ixov-values-section .section-tag,
.ixov-faq-section .section-tag,
.ixov-clients-section .section-tag,
.ixov-premium-intro .section-tag,
.ixov-home .section-tag {
  /* Layout */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  /* Tipografía */
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  white-space: nowrap;

  /* Color y fondo — gradiente azul → turquesa */
  color: #ffffff !important;
  background: linear-gradient(135deg, #0b4d8c 0%, #1aada0 100%) !important;
  opacity: 1 !important;

  /* Forma */
  padding: 10px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  outline: none !important;

  /* Espaciado */
  margin-bottom: 20px !important;

  /* Efecto */
  box-shadow:
    0 6px 20px rgba(11, 77, 140, .45),
    inset 0 1px 0 rgba(255,255,255,.20) !important;

  /* Para el brillo animado */
  position: relative !important;
  overflow: hidden !important;
}

/* Brillo deslizante */
.section-tag::before,
span.section-tag::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    100deg,
    transparent 20%,
    rgba(255,255,255,.25) 50%,
    transparent 80%
  ) !important;
  transform: translateX(-100%) !important;
  animation: ixovTagShine 5s ease-in-out infinite !important;
  pointer-events: none !important;
}
@keyframes ixovTagShine {
  0%, 60% { transform: translateX(-100%); }
  100%     { transform: translateX(220%); }
}

/* ── Secciones OSCURAS: turquesa más intenso ─────────────────── */
.ixov-section--dark .section-tag,
.ixov-section--dark span.section-tag {
  background: linear-gradient(135deg, #0e7a8a 0%, #0b4d8c 100%) !important;
  box-shadow:
    0 6px 20px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* ── Sección valores: centrado (mantener solo eso) ───────────── */
.ixov-values-section .section-tag {
  display: inline-flex !important;
  text-align: center !important;
}