/* Ajustes propios sobre xjp.css (que se genera solo). */
/* negritas: en el original "bolder" sobre una familia sin variante bold (Montserrat-light) engrosa la letra sin cambiar
   su ancho; acá se hereda el grosor y se engrosa con un trazo, así los textos cortan en el mismo lugar */
.xjp strong, .xjp b { font-weight: inherit; -webkit-text-stroke: 0.03em currentColor; }
/* salvo donde el contenido define su propia fuente (Arial...), que sí tiene negrita real */
.xjp [style*="font-family"] strong, .xjp [style*="font-family"] b, .xjp strong[style*="font-family"], .xjp b[style*="font-family"] { font-weight: 700; -webkit-text-stroke: 0; }
/* videos de YouTube del blog: en el original miden 1100x850 fijos y se salen de la columna (en celular, por mucho);
   acá ocupan el ancho del texto con la proporción del video */
.xjp iframe[src*="youtube.com/embed"] { width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; }

/* Tecnología: sin el buscador del banner (Jorge, 22/10/2026) */
.xjp-pages-technology .faq-search { display: none; }

/* Certificaciones: los títulos de las tarjetas en hasta 2 renglones (en el original, 1 con "…": todos decían "Prueba de…") */
.xjp .certerfications .feature-item-list .feature-item-text h6 { -webkit-line-clamp: 2; }
@media (max-width: 991px) { .xjp .certerfications .feature-item-list .feature-item-text h6 { -webkit-line-clamp: 3; } }

/* Marketplace: el logo de Mercado Libre más grande dentro de su recuadro */
.xjp .marketplacePage .marketplace-logo svg { width: 150px; max-width: 100%; height: auto; }

@media (max-width: 991px) {
  /* Licencias: los logos son parte de la foto; el texto va arriba, sobre fondo oscuro, y la foto entera abajo */
  .xjp-pages-ip-collaborations .esports-top-banner { display: flex; flex-direction: column; background: #1a1a1a; }
  .xjp.xjp-pages-ip-collaborations .esports-container .esports-top-banner .banner-absolute-content.left { position: static; order: -1; left: auto; transform: none; width: 100%; box-sizing: border-box; padding: 24px 15px 4px; }
  /* detalle de certificación: el texto es más alto que la foto (una textura); la foto pasa a ser el fondo de todo el texto */
  [class*="xjp-pages-certifications-detail"] .pa-h0:has(> .banner-absolute-content) { overflow: hidden; }
  [class*="xjp-pages-certifications-detail"] .pa-h0 > img.hidden-md { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  [class*="xjp-pages-certifications-detail"] .pa-h0 > .banner-absolute-content { position: relative; top: auto; bottom: auto; padding: 40px 12.48px; }
  /* ruta de navegación en una sola línea, más chica; si no entra, se desliza */
  .xjp ul.dxracer-breadcrumb { white-space: nowrap; overflow-x: auto; scrollbar-width: none; font-size: 12px; }
  .xjp ul.dxracer-breadcrumb::-webkit-scrollbar { display: none; }
}

/* distribuidores (global-resellers): el mapa nuevo con Argentina (Jorge, 24/10/2026) es más bajo que el original; el
   texto va arriba del mapa, sobre el mismo fondo claro, en lugar de encima de la imagen */
.xjp .b2b-brand-banner:has(img[src*="mapa-ventas-globales"]) { display: flex; flex-direction: column; background: #efefef !important; }
.xjp .b2b-brand-banner:has(img[src*="mapa-ventas-globales"]) .banner-absolute-content, .xjp .b2b-brand-banner:has(img[src*="mapa-ventas-globales"]) .banner-absolute-content * { background: transparent !important; color: #000 !important; }
.xjp .b2b-brand-banner:has(img[src*="mapa-ventas-globales"]) .banner-absolute-content { position: static; transform: none; order: -1; width: auto; max-width: 1100px; margin: 0 auto; padding: 3vw 15px 0; }
@media (max-width: 991px) {
  .xjp .b2b-brand-banner:has(img[src*="mapa-ventas-globales"]) .banner-absolute-content { padding: 28px 15px 8px; }
}

/* reseñas en celular: el SKU enlazado (GC/LDC23LTA/ZERO) no corta y ensanchaba la página a 360 px */
.xjp .review-product a { overflow-wrap: anywhere; word-break: break-all; }