/* NexoPlay V36 - hotfix visual Admin + carrusel de titulos. */

/*
   El Centro de administracion usa reglas globales que fuerzan <strong> y <b>
   a blanco. En V35 eso ganaba por especificidad sobre las tarjetas claras de
   Ventas proveedores. Los datos si estaban en el DOM, pero quedaban blancos
   sobre fondos claros. V36 fija el contraste solo dentro de esta vista.
*/
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-customer-card,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-request-card,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-resolution,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-order-summary {
  color:#14233b !important;
}
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-customer-card strong,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-customer-card b,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-request-card strong,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-request-card b,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-resolution strong,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-resolution b,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-order-summary strong,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-order-summary b {
  color:#14233b !important;
  -webkit-text-fill-color:#14233b !important;
  opacity:1 !important;
}
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-contact-grid span,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-request-grid span,
body[data-nx-theme="light"] #adminProviderSalesSection .nx35-delivery-grid span {
  color:#51647d !important;
  -webkit-text-fill-color:#51647d !important;
  opacity:1 !important;
}

body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-customer-card,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-request-card,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-resolution,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-order-summary {
  color:#eef5ff !important;
}
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-customer-card strong,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-customer-card b,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-request-card strong,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-request-card b,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-resolution strong,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-resolution b,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-order-summary strong,
body[data-nx-theme="dark"] #adminProviderSalesSection .nx35-order-summary b {
  color:#eef5ff !important;
  -webkit-text-fill-color:#eef5ff !important;
  opacity:1 !important;
}

/*
   Carrusel del nombre del producto. No modifica color, tipografia, peso ni
   tamano: los spans heredan exactamente el estilo que ya tenia el H3.
*/
#grid .product .product-info h3.nx36-title-carousel {
  overflow:hidden;
  white-space:nowrap;
  position:relative;
}
#grid .product .product-info h3.nx36-title-carousel .nx36-title-track {
  display:inline-flex;
  align-items:baseline;
  width:max-content;
  gap:2.2em;
  will-change:transform;
  animation:nx36-product-title-carousel var(--nx36-title-duration,9s) linear infinite;
}
#grid .product .product-info h3.nx36-title-carousel .nx36-title-copy {
  flex:0 0 auto;
  font:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  -webkit-text-fill-color:inherit;
}
#grid .product:hover .product-info h3.nx36-title-carousel .nx36-title-track {
  animation-play-state:paused;
}
@keyframes nx36-product-title-carousel {
  from { transform:translateX(0); }
  to { transform:translateX(calc(-50% - 1.1em)); }
}
@media (prefers-reduced-motion: reduce) {
  #grid .product .product-info h3.nx36-title-carousel .nx36-title-track {
    animation:none;
    transform:none;
  }
  #grid .product .product-info h3.nx36-title-carousel .nx36-title-copy[aria-hidden="true"] {
    display:none;
  }
}