/**
 * Scroll Fluid Mitigations — hoja frontal
 * iTema (blog: .vm-navbar-capsule) + VentaKit embebido (#ventakit-maestro …).
 */

/* Anclas in-page: respeta cabeceras altas / admin bar en parte vía clamp */
html {
  scroll-padding-top: min(96px, 20vw);
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* SO pide menos transparencia: quitar cristal (menos re-muestreo al scroll) */
@media (prefers-reduced-transparency: reduce) {
  *,
  *::before,
  *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* —— iTema: listado blog / archivo (ventakit_get_blog_listing_css) —— */
.vm-header-static {
  transform: translate3d(0, 0, 0);
}

.vm-navbar-capsule {
  transform: translate3d(0, 0, 0);
  /* Menos blur + más opaco = menos trabajo de pintura al scroll rápido */
  background: rgba(40, 40, 41, 0.9) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.12) !important;
  backdrop-filter: blur(10px) saturate(1.12) !important;
}

/* —— FSE: cabecera del sitio —— */
.wp-site-blocks > header,
header.wp-block-template-part,
header[role="banner"] {
  transform: translate3d(0, 0, 0);
}

/* —— VentaKit (HTML personalizado / landing) —— */
#ventakit-maestro .vk-main-navbar-glass,
.vk-header-site .vk-main-navbar-glass {
  transform: translate3d(0, 0, 0);
  background: rgba(4, 6, 12, 0.84) !important;
  -webkit-backdrop-filter: blur(12px) saturate(165%) !important;
  backdrop-filter: blur(12px) saturate(165%) !important;
}

#ventakit-maestro .vk-hero-demo-badge {
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
}

#ventakit-maestro .vk-pricing-card__ribbon {
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
}

/* Blobs del hero: blur extremo = coste GPU; bajar un poco mantiene look y alivia flashes */
#ventakit-maestro.vk-maestro-hig .vk-blob {
  filter: blur(96px);
  transform: translate3d(0, 0, 0);
}