/* Header sticky / móvil acorde al rediseño v2 (D-013): fondo oscuro (ink) con un toque
   de degradado cian desde la izquierda —igual que los lienzos .avz-canvas— + filo cian
   inferior sutil (liga con la línea-glow y los bordes del sistema) + sombra de separación
   al pasar sobre secciones claras. Sustituye el antiguo degradado azul→verde. */
#sticky-navigation, #mobile-header
{
	background: linear-gradient(90deg, rgba(12,207,207,.30) 0%, rgba(12,207,207,.12) 40%, transparent 72%), var(--avz-ink, #070a12)!important;
	border-bottom: 1px solid rgba(12,207,207,.30);
	box-shadow: 0 6px 24px rgba(0,0,0,.35);
}

/* ---- Dropdown de navegación principal: estilo tech v2 ----
   Fondo sólido oscuro (sin backdrop-filter para máxima compatibilidad y legibilidad
   sobre cualquier fondo, incluido el hero con imagen). Filo cian superior, borde
   cian sutil y sombra de profundidad. */
.main-navigation .main-nav ul ul,
.main-navigation .main-nav ul ul.sub-menu {
  background: #0b1018 !important;
  border: 1px solid rgba(12,207,207,.28) !important;
  border-top: 2px solid var(--avz-cian, #0CCFCF) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.70), 0 0 20px rgba(12,207,207,.06) !important;
  min-width: 220px !important;
  padding: 6px 0 !important;
}

/* Ítems del dropdown */
.main-navigation .main-nav ul ul li a {
  color: rgba(255,255,255,.80) !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border-left: 2px solid transparent;
  transition: color .18s, border-color .18s, background .18s, padding-left .18s;
}

/* Hover: acento cian + filo izquierdo + ligero fondo */
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li a:focus {
  color: var(--avz-cian, #0CCFCF) !important;
  border-left-color: var(--avz-cian, #0CCFCF) !important;
  background: rgba(12,207,207,.08) !important;
  padding-left: 24px !important;
}

/* Separador sutil entre ítems */
.main-navigation .main-nav ul ul li + li {
  border-top: 1px solid rgba(12,207,207,.08);
}

/* ---- Fix: color del texto en inputs con foco ----
   El navegador aplica color azul por defecto al texto de algunos inputs
   cuando tienen foco activo (autofill o selección). Lo fijamos a blanco
   para mantener legibilidad sobre el fondo oscuro del formulario. */
.avz-ctaform .avz-field:focus,
.avz-ctaform .avz-field:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Neutralizar el autofill del navegador (Chrome/Safari ponen fondo azul claro
   y texto oscuro en campos autocompletados, rompiendo el estilo oscuro) */
.avz-ctaform .avz-field:-webkit-autofill,
.avz-ctaform .avz-field:-webkit-autofill:hover,
.avz-ctaform .avz-field:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px #0f1a24 inset !important;
  box-shadow: 0 0 0 1000px #0f1a24 inset !important;
  border-color: var(--avz-cian, #0CCFCF) !important;
  transition: background-color 9999s ease-in-out 0s;
}