/* Navegación v2 (A/B): el segmento se elige en el mega menú, así que los hubs
   pierden sus tabs Personas/Empresas y llegan ya filtrados por ?seg=. */
html[data-nav="v2"][data-seg-locked] #cuentas-tabs-anchor,
html[data-nav="v2"][data-seg-locked] #me-tabs-anchor,
html[data-nav="v2"][data-seg-locked] #creditos-prod-tabs,
html[data-nav="v2"][data-seg-locked] #creditos-sim-tabs,
html[data-nav="v2"][data-seg-locked] #servicios-seg-tabs,
html[data-nav="v2"][data-seg-locked] .cuentas-float,
html[data-nav="v2"][data-seg-locked] .cr-float { display: none !important; }

/* BNC prototype — responsive helpers (media queries only; all visual styling stays inline) */
.bnc-hide-mobile { }
.bnc-show-mobile { display: none !important; }

/* generic responsive grid: collapses by container width */
@media (max-width: 1080px) {
  .bnc-nav-desktop { display: none !important; }
  .bnc-topbar-extra { display: none !important; }
  .bnc-show-mobile { display: inline-flex !important; }
  .bnc-hide-mobile { display: none !important; }
  .bnc-col-2 { grid-template-columns: 1fr !important; }
  .bnc-col-3 { grid-template-columns: 1fr 1fr !important; }
  .bnc-col-4 { grid-template-columns: 1fr 1fr !important; }
  .bnc-hero-grid { grid-template-columns: 1fr !important; }
  .bnc-footer-grid { grid-template-columns: 1fr 1fr !important; }

  /* Universal hero layout, mobile: image on top (centered, breathing room above),
     then title, description, CTA (edge-to-edge) — matches every product/detail hero.
     Structural selectors (not .cuentas-hero-cards/.hero-img classes): a runtime reveal/motion
     script overwrites those children's className, but the grid parent's class survives. */
  .cuentas-hero-grid,
  .hero-grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding-block: 48px 28px !important;
  }
  .cuentas-hero-grid > div:last-child,
  .hero-grid > div:last-child {
    order: -1 !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 8px;
  }
}
@media (max-width: 720px) {
  .bnc-col-3 { grid-template-columns: 1fr !important; }
  .bnc-col-4 { grid-template-columns: 1fr !important; }
  .bnc-footer-grid { grid-template-columns: 1fr !important; }
  .bnc-stack-sm { flex-direction: column !important; align-items: stretch !important; }
  .bnc-topbar-extra { display: none !important; }
  .foot-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .foot-topflex { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
  .foot-tel { margin-left: 0 !important; }
  .bnc-h1 { font-size: 34px !important; }
  .bnc-section { padding-block: 48px !important; }
}

/* Breadcrumb — lean mobile design (matches site's mobile breakpoint) */
@media (max-width: 1080px) {
  nav.breadcrumb:not(:has(a)) { display: none !important; }
  nav.breadcrumb > a,
  nav.breadcrumb > span { display: none !important; }
  nav.breadcrumb > a:last-of-type {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    width: 100%;
    padding: 12px 16px !important;
    border-radius: 10px;
    color: var(--bnc-blue-500, #00205b) !important;
    font-weight: 600;
    font-size: 14px !important;
  }
  nav.breadcrumb > a:last-of-type::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    display: inline-block;
  }
  nav.breadcrumb > a:only-of-type { font-size: 0 !important; }
  nav.breadcrumb > a:only-of-type::after { content: "Inicio"; font-size: 14px !important; }
}

/* Hero/section CTA pills (primary + secondary) — full width, stacked, centered on mobile */
@media (max-width: 1080px) {
  a.cta-pill {
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center;
  }
}

/* Tablet intermedia + móvil: grillas de 3 columnas que no declaran colapso propio.
   Las reglas inline de cada página siguen ganando (van después en el documento). */
@media (max-width: 1080px) {
  .pasos-grid,
  .rel-grid,
  .ag-visit-grid,
  .dc-reqgrid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 720px) {
  .pasos-grid,
  .rel-grid,
  .ag-visit-grid,
  .dc-reqgrid { grid-template-columns: 1fr !important; }
}


/* Líneas divisoras: solo quedan las del cintillo de RRSS y la del bloque
   "Mantente al día con BNC" (ambas dibujadas dentro del área de respeto en su
   propio marcado). Las de sección y la de la barra de breadcrumbs se retiraron.
   Se conserva la regla de acotado por si vuelve a usarse una línea de sección. */
section[style*="border-top:1px solid var(--color-border-secondary)"],
section[style*="border-top: 1px solid var(--color-border-secondary)"],
section[style*="border-bottom:1px solid var(--color-border-secondary)"],
section[style*="border-bottom: 1px solid var(--color-border-secondary)"],
section[style*="border-block:1px solid var(--color-border-secondary)"],
section[style*="border-block: 1px solid var(--color-border-secondary)"] {
  position: relative;
  border-color: transparent !important;
}
section[style*="border-top:1px solid var(--color-border-secondary)"]::before,
section[style*="border-top: 1px solid var(--color-border-secondary)"]::before,
section[style*="border-block:1px solid var(--color-border-secondary)"]::before,
section[style*="border-block: 1px solid var(--color-border-secondary)"]::before,
section[style*="border-bottom:1px solid var(--color-border-secondary)"]::after,
section[style*="border-bottom: 1px solid var(--color-border-secondary)"]::after,
section[style*="border-block:1px solid var(--color-border-secondary)"]::after,
section[style*="border-block: 1px solid var(--color-border-secondary)"]::after {
  content: "";
  position: absolute;
  left: max(var(--container-pad-desktop, 32px), calc((100% - var(--container-max, 1280px)) / 2 + var(--container-pad-desktop, 32px)));
  right: max(var(--container-pad-desktop, 32px), calc((100% - var(--container-max, 1280px)) / 2 + var(--container-pad-desktop, 32px)));
  height: 1px;
  background: var(--color-border-secondary);
  pointer-events: none;
  z-index: 1;
}
section[style*="border-top:1px solid var(--color-border-secondary)"]::before,
section[style*="border-top: 1px solid var(--color-border-secondary)"]::before,
section[style*="border-block:1px solid var(--color-border-secondary)"]::before { top: 0; }
section[style*="border-bottom:1px solid var(--color-border-secondary)"]::after,
section[style*="border-bottom: 1px solid var(--color-border-secondary)"]::after,
section[style*="border-block:1px solid var(--color-border-secondary)"]::after { bottom: 0; }

@media (max-width: 767px) {
  section[style*="1px solid var(--color-border-secondary)"]::before,
  section[style*="1px solid var(--color-border-secondary)"]::after {
    left: var(--container-pad-mobile, 16px);
    right: var(--container-pad-mobile, 16px);
  }
}


/* barra de breadcrumbs: su línea inferior sigue la misma regla de ancho */
div[style*="position:sticky"][style*="border-bottom:1px solid var(--color-border-secondary)"],
div[style*="position: sticky"][style*="border-bottom: 1px solid var(--color-border-secondary)"] {
  position: sticky;
  border-bottom-color: transparent !important;
}
div[style*="position:sticky"][style*="border-bottom:1px solid var(--color-border-secondary)"],
div[style*="position: sticky"][style*="border-bottom: 1px solid var(--color-border-secondary)"]::after {
  content: "";
  position: absolute;
  left: max(var(--container-pad-desktop, 32px), calc((100% - var(--container-max, 1280px)) / 2 + var(--container-pad-desktop, 32px)));
  right: max(var(--container-pad-desktop, 32px), calc((100% - var(--container-max, 1280px)) / 2 + var(--container-pad-desktop, 32px)));
  bottom: 0;
  height: 1px;
  background: var(--color-border-secondary);
  pointer-events: none;
}
@media (max-width: 767px) {
  div[style*="position:sticky"][style*="border-bottom:1px solid var(--color-border-secondary)"],
div[style*="position: sticky"][style*="border-bottom: 1px solid var(--color-border-secondary)"]::after {
    left: var(--container-pad-mobile, 16px);
    right: var(--container-pad-mobile, 16px);
  }
}


/* heros: el recuadro de imagen es casi cuadrado en móvil para que una foto
   vertical no quede diminuta. El encuadre lo resuelve el propio componente
   (fit="contain" en el marcado); desde aquí NO se toca object-fit, porque el
   componente dimensiona la imagen él mismo y la sobrescritura no aplica. */
@media (max-width: 767px) {
  .nw-heromedia, .hero-img { aspect-ratio: 1 / 1; height: auto !important; }
}

/* Calculadora BCV: 2 columnas -> apilado en móvil, y el cintillo de tasas ya
   hace scroll horizontal por diseño (marquee), no se toca. */
@media (max-width: 900px) {
  .calc-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .calc-col2 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .calc-box { padding: 24px !important; }
  .calc-tag-row { flex-wrap: wrap !important; }
  .amt-row { flex-wrap: wrap !important; }
  .amt-row > div { flex: 1 1 100% !important; }
  .amt-swap { align-self: center; }
}

/* Botones CTA (primary/secondary) fuera de .cta-pill: mismo tratamiento
   full-width apilado en móvil. */
@media (max-width: 1080px) {
  a.hero-cta, .hero-cta {
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center;
  }
}

/* Tablas comparativas de hubs: en móvil se listan hacia abajo — cada fila se
   convierte en una tarjeta con el nombre del ítem como título y, debajo, cada
   opción con su check/guion a la derecha. */
@media (max-width: 900px) {
  .comp-table-wrap { overflow-x: visible !important; padding: 0 !important; background: transparent !important; }
  table.comp-table { min-width: 0 !important; width: 100% !important; border-spacing: 0 !important; display: block !important; }
  table.comp-table thead { display: none !important; }
  table.comp-table tbody { display: block !important; }
  table.comp-table tr { display: block !important; background: transparent !important; border: none !important; border-radius: 16px !important; margin-bottom: 16px !important; padding: 0 !important; overflow: hidden; }
  table.comp-table tr[data-group-row] { display: block !important; background: transparent !important; border: none !important; padding: 20px 4px 4px !important; margin-bottom: 0 !important; }
  table.comp-table tr[data-cta-row] { display: none !important; }
  .comp-table-mobile-cta { display: flex !important; }
  table.comp-table td { display: block !important; position: static !important; text-align: left !important; padding: 0 !important; border-radius: 0 !important; border-bottom: none !important; background: transparent !important; }
  table.comp-table td:first-child { font-family: var(--font-display); font-weight: 700 !important; font-size: 15px !important; color: var(--bnc-blue-500) !important; margin-bottom: 10px; min-width: 0 !important; padding: 14px 20px 6px !important; }
  table.comp-table td:not(:first-child) { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 20px !important; border-top: none !important; font-size: 13.5px; color: #252B37; }
  table.comp-table td:not(:first-child):nth-of-type(odd) { background: var(--bnc-gray-100) !important; }
  table.comp-table td:not(:first-child)::before { content: attr(data-label); font-weight: 500; color: #535862; }
  .comp-table-mobile-links { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
  .comp-table-mobile-links a { justify-content: center; height: 46px; padding: 0 20px; border-radius: 100px; border: 1px solid var(--color-border-primary); color: var(--bnc-blue-500); font-weight: 600; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; }
}
.comp-table-mobile-cta { display: none; justify-content: center; margin-top: 20px; }
.comp-table-mobile-links { display: none; }

@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  .cuentas-hero-grid, .hero-grid, .cuentas-hero-grid > div, .hero-grid > div { max-width: 100%; min-width: 0; box-sizing: border-box; }
  .cuentas-hero-grid h1, .hero-grid h1 { overflow-wrap: break-word; }
  .cuentas-hero-grid p, .hero-grid p { max-width: 100% !important; overflow-wrap: break-word; }
  .cuentas-hero-grid a.cta-pill, .hero-grid a.cta-pill { white-space: normal !important; }
  .calc-box, .calc-grid, .amt-row, .amt-row > div { max-width: 100%; min-width: 0; box-sizing: border-box; }
  .calc-grid > div, .calc-col2 { min-width: 0 !important; width: 100% !important; max-width: 100% !important; }
  .calc-grid p, .calc-grid h2 { max-width: 100% !important; overflow-wrap: break-word; }
  .amt-row input { min-width: 0 !important; }
}

/* Ranuras de imagen vacías: sin velo oscuro al pasar el cursor y sin abrir el selector de archivos al
   hacer clic. Era una ayuda del editor (marcaba dónde soltar una imagen) que se veía como un efecto
   raro sobre las portadas y tarjetas; queda desactivada. Las reglas originales siguen en cada archivo. */
image-slot::part(empty){opacity:0 !important;background:transparent !important;pointer-events:none !important}

/* Imágenes fantasma: las ranuras que ya tienen imagen definitiva guardada ocultan desde el inicio
   el arte de respaldo que tienen detrás (fotos de referencia antiguas), sin esperar a que la
   imagen definitiva termine de cargar. Lista generada desde slot-*.state.json. */
:is(*:has(> image-slot[id="is-bncapp-mockup"]),*:has(> image-slot[id="is-bncapp-phone"]),*:has(> image-slot[id="is-bncnet-app"]),*:has(> image-slot[id="is-bncnet-mockup"]),*:has(> image-slot[id="is-cc-cfeat"]),*:has(> image-slot[id="is-cr-auto-cfeat"]),*:has(> image-slot[id="is-cr-auto-pj-cfeat"]),*:has(> image-slot[id="is-cr-carta-cfeat"]),*:has(> image-slot[id="is-cr-carta-me-cfeat"]),*:has(> image-slot[id="is-cr-comercial-cfeat"]),*:has(> image-slot[id="is-cr-comercial-pj-cfeat"]),*:has(> image-slot[id="is-cr-cupn-cfeat"]),*:has(> image-slot[id="is-cr-emprendedor-cfeat"]),*:has(> image-slot[id="is-cr-factoring-cfeat"]),*:has(> image-slot[id="is-cr-fianzas-pj-cfeat"]),*:has(> image-slot[id="is-cr-giros-cfeat"]),*:has(> image-slot[id="is-cr-giros-pj-cfeat"]),*:has(> image-slot[id="is-cr-micro-cfeat"]),*:has(> image-slot[id="is-cr-micro-pj-cfeat"]),*:has(> image-slot[id="is-cr-planmayor-cfeat"]),*:has(> image-slot[id="is-cuenta-ahorros-cfeat"]),*:has(> image-slot[id="is-cuenta-cte-pj-cfeat"]),*:has(> image-slot[id="is-cuenta-cte-rem-cfeat"]),*:has(> image-slot[id="is-cuenta-cte-rem-pj-cfeat"]),*:has(> image-slot[id="is-cuenta-junior-cfeat"]),*:has(> image-slot[id="is-cuenta-me-cfeat"]),*:has(> image-slot[id="is-cuenta-me-pj-cfeat"]),*:has(> image-slot[id="is-curazao-willemstad"]),*:has(> image-slot[id="is-de-benv2"]),*:has(> image-slot[id="is-fideicomiso-cfeat"]),*:has(> image-slot[id="is-hero-atencion-cliente"]),*:has(> image-slot[id="is-hero-bnc-app"]),*:has(> image-slot[id="is-hero-bncnet"]),*:has(> image-slot[id="is-hero-calendario-bancario"]),*:has(> image-slot[id="is-hero-cartas-credito-me-va"]),*:has(> image-slot[id="is-hero-certificado-plazo-va"]),*:has(> image-slot[id="is-hero-credito-carta-pj-va"]),*:has(> image-slot[id="is-hero-credito-comercial-pj-va"]),*:has(> image-slot[id="is-hero-credito-comercial-va"]),*:has(> image-slot[id="is-hero-credito-cupn-pj-va"]),*:has(> image-slot[id="is-hero-credito-descuento-giros-pj-va"]),*:has(> image-slot[id="is-hero-credito-descuento-giros-va"]),*:has(> image-slot[id="is-hero-credito-emprendedor-va"]),*:has(> image-slot[id="is-hero-credito-factoring-pj-va"]),*:has(> image-slot[id="is-hero-credito-fianzas-pj-va"]),*:has(> image-slot[id="is-hero-credito-microcreditos-pj-va"]),*:has(> image-slot[id="is-hero-credito-microcreditos-va"]),*:has(> image-slot[id="is-hero-credito-plan-mayor-pj-va"]),*:has(> image-slot[id="is-hero-credito-vehiculo-pj-va"]),*:has(> image-slot[id="is-hero-credito-vehiculo-va"]),*:has(> image-slot[id="is-hero-creditos"]),*:has(> image-slot[id="is-hero-cuenta-ahorros-naranja-va"]),*:has(> image-slot[id="is-hero-cuenta-corriente-pj-va"]),*:has(> image-slot[id="is-hero-cuenta-corriente-remunerada-pj-va"]),*:has(> image-slot[id="is-hero-cuenta-corriente-remunerada-va"]),*:has(> image-slot[id="is-hero-cuenta-corriente-va"]),*:has(> image-slot[id="is-hero-cuenta-junior-va"]),*:has(> image-slot[id="is-hero-cuenta-me-pj-va"]),*:has(> image-slot[id="is-hero-cuenta-me-va"]),*:has(> image-slot[id="is-hero-cuentas"]),*:has(> image-slot[id="is-hero-defensor-del-cliente"]),*:has(> image-slot[id="is-hero-dinero-express-va"]),*:has(> image-slot[id="is-hero-fideicomiso-va"]),*:has(> image-slot[id="is-hero-intervencion-cambiaria-me-pj-va"]),*:has(> image-slot[id="is-hero-intervencion-cambiaria-me-va"]),*:has(> image-slot[id="is-hero-inversiones"]),*:has(> image-slot[id="is-hero-menudeo-me-pj-va"]),*:has(> image-slot[id="is-hero-menudeo-me-va"]),*:has(> image-slot[id="is-hero-mesa-cambio-me-pj-va"]),*:has(> image-slot[id="is-hero-mesa-cambio-me-va"]),*:has(> image-slot[id="is-hero-operaciones-me"]),*:has(> image-slot[id="is-hero-portal-accionistas"]),*:has(> image-slot[id="is-hero-prevencion-lcft"]),*:has(> image-slot[id="is-hero-punto-de-venta"]),*:has(> image-slot[id="is-hero-responsabilidad-social"]),*:has(> image-slot[id="is-hero-servicios"]),*:has(> image-slot[id="is-hero-somos-bnc"]),*:has(> image-slot[id="is-hero-tarjeta-credito-vb"]),*:has(> image-slot[id="is-hero-tarjeta-debito-vb"]),*:has(> image-slot[id="is-hero-tarjeta-edicion-mundial-vb"]),*:has(> image-slot[id="is-hero-tarjeta-me-vb"]),*:has(> image-slot[id="is-hero-tarjeta-soytechno-vb"]),*:has(> image-slot[id="is-hero-tarjetas"]),*:has(> image-slot[id="is-hero-tips-de-seguridad"]),*:has(> image-slot[id="is-hero-trabaja-con-nosotros"]),*:has(> image-slot[id="is-hero-unidad-atencion-cliente"]),*:has(> image-slot[id="is-hero-venta-divisas-exportadores-pj-va"]),*:has(> image-slot[id="is-hero-venta-divisas-exportadores-va"]),*:has(> image-slot[id="is-herobg-bncnet-curazao"]),*:has(> image-slot[id="is-home-0"]),*:has(> image-slot[id="is-home-hero-0"]),*:has(> image-slot[id="is-home-hero-1"]),*:has(> image-slot[id="is-home-hero-2"]),*:has(> image-slot[id="is-home-hero-3"]),*:has(> image-slot[id="is-home-hero-4"]),*:has(> image-slot[id="is-home-prod-creditos-comerciales"]),*:has(> image-slot[id="is-home-prod-puntos-de-venta"]),*:has(> image-slot[id="is-home-prod-tarjeta-bnc-mastercard-debit"]),*:has(> image-slot[id="is-ico-punto-de-venta-1"]),*:has(> image-slot[id="is-intervencion-cfeat"]),*:has(> image-slot[id="is-intervencion-pj-cfeat"]),*:has(> image-slot[id="is-inv-cdp-cfeat"]),*:has(> image-slot[id="is-lcft-media"]),*:has(> image-slot[id="is-menudeo-cfeat"]),*:has(> image-slot[id="is-menudeo-pj-cfeat"]),*:has(> image-slot[id="is-mesa-cambio-cfeat"]),*:has(> image-slot[id="is-mesa-cambio-pj-cfeat"]),*:has(> image-slot[id="is-mm-prod-bnc-app-dc-html"]),*:has(> image-slot[id="is-mm-prod-noticia-detalle-dc-html-a-7"]),*:has(> image-slot[id="is-mm-prod-noticia-detalle-dc-html-a-8"]),*:has(> image-slot[id="is-mm-promo-https-crececonbnc-com"]),*:has(> image-slot[id="is-news-0"]),*:has(> image-slot[id="is-news-1"]),*:has(> image-slot[id="is-news-2"]),*:has(> image-slot[id="is-news-3"]),*:has(> image-slot[id="is-news-4"]),*:has(> image-slot[id="is-news-5"]),*:has(> image-slot[id="is-news-6"]),*:has(> image-slot[id="is-pdv-cfeat"]),*:has(> image-slot[id="is-prod-bnc-app"]),*:has(> image-slot[id="is-prod-cartas-credito-me-va"]),*:has(> image-slot[id="is-prod-certificado-plazo-va"]),*:has(> image-slot[id="is-prod-credito-carta-pj-va"]),*:has(> image-slot[id="is-prod-credito-comercial-pj-va"]),*:has(> image-slot[id="is-prod-credito-comercial-va"]),*:has(> image-slot[id="is-prod-credito-cupn-pj-va"]),*:has(> image-slot[id="is-prod-credito-descuento-giros-pj-va"]),*:has(> image-slot[id="is-prod-credito-descuento-giros-va"]),*:has(> image-slot[id="is-prod-credito-emprendedor-va"]),*:has(> image-slot[id="is-prod-credito-factoring-pj-va"]),*:has(> image-slot[id="is-prod-credito-fianzas-pj-va"]),*:has(> image-slot[id="is-prod-credito-fianzas-va"]),*:has(> image-slot[id="is-prod-credito-microcreditos-pj-va"]),*:has(> image-slot[id="is-prod-credito-microcreditos-va"]),*:has(> image-slot[id="is-prod-credito-plan-mayor-pj-va"]),*:has(> image-slot[id="is-prod-credito-vehiculo-pj-va"]),*:has(> image-slot[id="is-prod-credito-vehiculo-va"]),*:has(> image-slot[id="is-prod-creditos"]),*:has(> image-slot[id="is-prod-cuenta-ahorros-naranja-va"]),*:has(> image-slot[id="is-prod-cuenta-corriente-pj-va"]),*:has(> image-slot[id="is-prod-cuenta-corriente-remunerada-pj-va"]),*:has(> image-slot[id="is-prod-cuenta-corriente-remunerada-va"]),*:has(> image-slot[id="is-prod-cuenta-corriente-va"]),*:has(> image-slot[id="is-prod-cuenta-junior-va"]),*:has(> image-slot[id="is-prod-cuenta-me-pj-va"]),*:has(> image-slot[id="is-prod-cuenta-me-va"]),*:has(> image-slot[id="is-prod-cuentas"]),*:has(> image-slot[id="is-prod-dinero-express-va"]),*:has(> image-slot[id="is-prod-fideicomiso-va"]),*:has(> image-slot[id="is-prod-intervencion-cambiaria-me-pj-va"]),*:has(> image-slot[id="is-prod-intervencion-cambiaria-me-va"]),*:has(> image-slot[id="is-prod-menudeo-me-pj-va"]),*:has(> image-slot[id="is-prod-menudeo-me-va"]),*:has(> image-slot[id="is-prod-mesa-cambio-me-pj-va"]),*:has(> image-slot[id="is-prod-mesa-cambio-me-va"]),*:has(> image-slot[id="is-prod-operaciones-me"]),*:has(> image-slot[id="is-prod-punto-de-venta"]),*:has(> image-slot[id="is-prod-servicios"]),*:has(> image-slot[id="is-prod-tarjeta-credito-vb"]),*:has(> image-slot[id="is-prod-tarjeta-debito-empresarial-va"]),*:has(> image-slot[id="is-prod-tarjeta-debito-vb"]),*:has(> image-slot[id="is-prod-tarjeta-edicion-mundial-vb"]),*:has(> image-slot[id="is-prod-tarjeta-me-vb"]),*:has(> image-slot[id="is-prod-tarjeta-soytechno-vb"]),*:has(> image-slot[id="is-prod-titulos-de-cobertura"]),*:has(> image-slot[id="is-prod-venta-divisas-exportadores-pj-va"]),*:has(> image-slot[id="is-prod-venta-divisas-exportadores-va"]),*:has(> image-slot[id="is-somos-bnc-1"]),*:has(> image-slot[id="is-tcn-equipo"]),*:has(> image-slot[id="is-tj-credito-cfeat"]),*:has(> image-slot[id="is-tj-debito-cfeat"]),*:has(> image-slot[id="is-tj-edicion-cfeat"]),*:has(> image-slot[id="is-tj-me-cfeat"]),*:has(> image-slot[id="is-tj-soytechno-cfeat"]),*:has(> image-slot[id="is-venta-divisas-cfeat"]),*:has(> image-slot[id="rse-enfoque-1"]),*:has(> image-slot[id="rse-enfoque-2"]),*:has(> image-slot[id="rse-enfoque-3"])) > *:not(image-slot){display:none !important}

/* Tablas comparativas de los hubs: la fila de encabezado (nombres de producto) queda fija bajo el
   header y las migas (≈131px) al hacer scroll. En escritorio ancho la tabla cabe sin desplazamiento
   horizontal, así que el contenedor deja de ser de scroll (si lo fuera, el sticky no funciona). */
@media (min-width: 1280px) {
  .comp-table-wrap { overflow: visible !important; }
  table.comp-table thead th { position: sticky !important; top: calc(var(--bnc-header-h, 80px) + 50px) !important; z-index: 4 !important; background: #fff !important; }
}