/* NexoPlay V44 — contraste final de Mis Compras + nueva portada de tarjetas.
   Alcance deliberado: #purchasesModalBg y #grid. No modifica Admin ni la logica de planes. */

/* ================================================================
   1) MIS COMPRAS: contraste completo en claro / oscuro
   ================================================================ */
body[data-nx-theme] #purchasesModalBg .pc-meta,
body[data-nx-theme] #purchasesModalBg .pc-meta>span,
body[data-nx-theme] #purchasesModalBg .nx35-customer-provider-head span,
body[data-nx-theme] #purchasesModalBg .nx35-resolution-date,
body[data-nx-theme] #purchasesModalBg .nx35-security-note,
body[data-nx-theme] #purchasesModalBg .nx39f-security-note{
  color:var(--nx43-muted)!important;
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme] #purchasesModalBg .pc-meta b,
body[data-nx-theme] #purchasesModalBg .support-code,
body[data-nx-theme] #purchasesModalBg .nx35-resolution-title,
body[data-nx-theme] #purchasesModalBg .nx35-customer-provider-head strong,
body[data-nx-theme] #purchasesModalBg .nx35-delivery-grid b,
body[data-nx-theme] #purchasesModalBg .nx35-contact-grid b,
body[data-nx-theme] #purchasesModalBg .nx39f-external b{
  color:var(--nx43-text)!important;
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-delivery-grid span,
body[data-nx-theme] #purchasesModalBg .nx35-contact-grid span,
body[data-nx-theme] #purchasesModalBg .nx39f-external p{
  color:var(--nx43-muted)!important;
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-resolution,
body[data-nx-theme] #purchasesModalBg .nx39f-external{
  color:var(--nx43-text)!important;
  border-color:var(--nx43-border)!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-resolution.panel{
  background:var(--nx43-surface-2)!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-resolution.external,
body[data-nx-theme] #purchasesModalBg .nx39f-external{
  background:color-mix(in srgb,var(--nx43-good) 10%,var(--nx43-surface-2))!important;
  border-color:color-mix(in srgb,var(--nx43-good) 38%,var(--nx43-border))!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-resolution.external .nx35-resolution-title,
body[data-nx-theme] #purchasesModalBg .nx39f-external b{
  color:var(--nx43-good)!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-btn.secondary,
body[data-nx-theme] #purchasesModalBg .nx39f-copy{
  background:var(--nx43-surface-3)!important;
  color:var(--nx43-text)!important;
  border-color:var(--nx43-border)!important;
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-copy-inline{
  background:var(--nx43-surface-4)!important;
  color:var(--nx43-text)!important;
  border-color:var(--nx43-border)!important;
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme] #purchasesModalBg .nx35-status{
  border:1px solid transparent!important;
  opacity:1!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-nx-theme="dark"] #purchasesModalBg .nx35-status.delivered{
  background:rgba(34,197,94,.18)!important;
  color:#9af3ca!important;
  border-color:rgba(121,231,187,.28)!important;
}
body[data-nx-theme="dark"] #purchasesModalBg .nx35-status.pending{
  background:rgba(245,158,11,.18)!important;
  color:#ffe09a!important;
  border-color:rgba(247,207,112,.28)!important;
}
body[data-nx-theme="dark"] #purchasesModalBg .nx35-status.external{
  background:rgba(14,165,233,.18)!important;
  color:#91e2ff!important;
  border-color:rgba(85,216,255,.28)!important;
}
body[data-nx-theme="light"] #purchasesModalBg .nx35-status.delivered{
  background:#e6f8ef!important;
  color:#087451!important;
  border-color:#b8e7d2!important;
}
body[data-nx-theme="light"] #purchasesModalBg .nx35-status.pending{
  background:#fff2cf!important;
  color:#805800!important;
  border-color:#efd697!important;
}
body[data-nx-theme="light"] #purchasesModalBg .nx35-status.external{
  background:#e7f6ff!important;
  color:#075f87!important;
  border-color:#b7def1!important;
}
body[data-nx-theme="dark"] #purchasesModalBg .nx39f-manual-head em.done,
body[data-nx-theme="dark"] #purchasesModalBg .nx39f-auto-head em{
  color:#9af3ca!important;
  background:rgba(34,197,94,.18)!important;
  border:1px solid rgba(121,231,187,.24)!important;
}
body[data-nx-theme="dark"] #purchasesModalBg .nx39f-manual-head em.pending{
  color:#ffe09a!important;
  background:rgba(245,158,11,.18)!important;
  border:1px solid rgba(247,207,112,.24)!important;
}
body[data-nx-theme="light"] #purchasesModalBg .nx39f-manual-head em.done,
body[data-nx-theme="light"] #purchasesModalBg .nx39f-auto-head em{
  color:#087451!important;
  background:#e6f8ef!important;
  border:1px solid #b8e7d2!important;
}
body[data-nx-theme="light"] #purchasesModalBg .nx39f-manual-head em.pending{
  color:#805800!important;
  background:#fff2cf!important;
  border:1px solid #efd697!important;
}

/* ================================================================
   2) TARJETAS DE CATALOGO — portada V44
   Mantiene exactamente el contenedor 16:9 de la imagen existente.
   ================================================================ */
#grid .product.nx44-product-card{
  border-radius:22px!important;
  overflow:hidden!important;
  min-width:0!important;
}
#grid .product.nx44-product-card .poster{
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:1px solid var(--nx43-border-soft)!important;
}
#grid .product.nx44-product-card .poster:after{
  background:linear-gradient(to top,rgba(2,7,16,.16),transparent 46%)!important;
}
#grid .product.nx44-product-card .product-badges{
  top:10px!important;
  left:10px!important;
}
#grid .product.nx44-product-card .tag{
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
#grid .product.nx44-product-card .featured-tag{
  background:rgba(248,251,255,.96)!important;
  color:#273c5d!important;
  border-color:rgba(255,255,255,.78)!important;
}
#grid .product.nx44-product-card .featured-tag:before{
  content:"★ ";
  color:#334a6b;
}
#grid .product.nx44-product-card .product-info{
  padding:12px 13px 11px!important;
}
#grid .product.nx44-product-card .nx44-card-flags{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  margin:0 0 10px!important;
  min-width:0!important;
}
#grid .product.nx44-product-card .nx44-card-flags>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  padding:5px 8px!important;
  border:1px solid var(--nx43-border)!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#grid .product.nx44-product-card .nx44-online i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#22e36d!important;
  box-shadow:0 0 0 3px rgba(34,227,109,.12)!important;
  flex:0 0 auto!important;
}
#grid .product.nx44-product-card .nx44-online{color:var(--nx43-text-2)!important}
#grid .product.nx44-product-card .nx44-online b{color:var(--nx43-cyan)!important}
#grid .product.nx44-product-card .nx44-secure{color:var(--nx43-text-2)!important}
#grid .product.nx44-product-card .product-info h3{
  margin:0 0 6px!important;
  font-size:17px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  color:var(--nx43-text)!important;
}
#grid .product.nx44-product-card .nx44-product-desc{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:28px!important;
  margin:0 0 9px!important;
  font-size:9px!important;
  line-height:1.45!important;
  color:var(--nx43-muted)!important;
  opacity:1!important;
}
#grid .product.nx44-product-card .nx44-provider-line{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  margin:0 0 10px!important;
  font-size:9px!important;
  font-weight:800!important;
  color:var(--nx43-muted)!important;
  opacity:1!important;
}
#grid .product.nx44-product-card .nx44-provider-line strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--nx43-cyan)!important;
  font-size:10px!important;
}
#grid .product.nx44-product-card .nx44-verified{
  display:inline-grid!important;
  place-items:center!important;
  width:15px!important;
  height:15px!important;
  border-radius:50%!important;
  flex:0 0 auto!important;
  background:#20aeea!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:950!important;
}
#grid .product.nx44-product-card .product-bottom{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:1px!important;
}
#grid .product.nx44-product-card .nx44-price-zone{min-width:0!important}
#grid .product.nx44-product-card .from{
  display:block!important;
  margin:0 0 2px!important;
  color:var(--nx43-muted)!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
  opacity:1!important;
}
#grid .product.nx44-product-card .price{
  display:block!important;
  color:var(--nx43-text)!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}
#grid .product.nx44-product-card .nx-product-status{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:7px!important;
  font-size:9px!important;
  font-weight:900!important;
  color:var(--nx43-muted)!important;
  opacity:1!important;
}
#grid .product.nx44-product-card .nx-product-status i{
  width:8px!important;
  height:8px!important;
  flex:0 0 auto!important;
}
#grid .product.nx44-product-card .nx-product-status.low{color:var(--nx43-text-2)!important}
#grid .product.nx44-product-card .nx-product-status.low i{background:#ffad11!important}
#grid .product.nx44-product-card .nx-product-status.out i{background:#ef4b62!important}
#grid .product.nx44-product-card .add{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:10px 13px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#5b43ff,#8a64ff)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 9px 22px rgba(91,67,255,.24)!important;
}
#grid .product.nx44-product-card .add b{
  font-size:18px!important;
  line-height:.7!important;
  font-weight:700!important;
}
#grid .product.nx44-product-card .nx44-card-benefits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:13px 0 0!important;
  padding:9px 5px!important;
  border:1px solid var(--nx43-border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--nx43-surface-3) 82%,transparent)!important;
}
#grid .product.nx44-product-card .nx44-card-benefits>div{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:6px!important;
  align-items:center!important;
  min-width:0!important;
  padding:0 7px!important;
}
#grid .product.nx44-product-card .nx44-card-benefits>div+div{
  border-left:1px solid var(--nx43-border-soft)!important;
}
#grid .product.nx44-product-card .nx44-benefit-icon{
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--nx43-purple) 14%,var(--nx43-surface-4))!important;
  color:var(--nx43-text)!important;
  font-size:13px!important;
}
#grid .product.nx44-product-card .nx44-card-benefits small,
#grid .product.nx44-product-card .nx44-card-benefits strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#grid .product.nx44-product-card .nx44-card-benefits small{
  color:var(--nx43-muted)!important;
  font-size:7px!important;
  line-height:1.15!important;
}
#grid .product.nx44-product-card .nx44-card-benefits strong{
  color:var(--nx43-text)!important;
  font-size:7.5px!important;
  line-height:1.15!important;
}
#grid .product.nx44-product-card .nx44-card-benefits>div:first-child strong{color:#38e889!important}
#grid .product.nx44-product-card .nx44-card-benefits>div:nth-child(2) strong{color:var(--nx43-cyan)!important}
#grid .product.nx44-product-card .nx44-card-benefits>div:nth-child(3) strong{color:#b99cff!important}
#grid .product.nx44-product-card .nx44-product-terms{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  padding:10px 12px!important;
  border-top:1px solid var(--nx43-border-soft)!important;
  background:color-mix(in srgb,var(--nx43-surface-2) 76%,transparent)!important;
  color:var(--nx43-muted)!important;
  opacity:1!important;
  font-size:8px!important;
  font-weight:850!important;
}
#grid .product.nx44-product-card .nx44-product-terms i{
  display:block!important;
  height:1px!important;
  flex:1 1 auto!important;
  max-width:76px!important;
  background:var(--nx43-border)!important;
}
#grid .product.nx44-product-card .nx44-terms-icon{color:var(--nx43-purple)!important}
#grid .product.nx44-product-card .nx37-card-provider{display:none!important}

body[data-nx-theme="dark"] #grid .product.nx44-product-card{
  background:linear-gradient(180deg,#0c1931 0%,#0b1730 100%)!important;
  color:var(--nx43-text)!important;
  border-color:#284466!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}
body[data-nx-theme="dark"] #grid .product.nx44-product-card .nx44-card-flags>span{
  background:#102344!important;
}
body[data-nx-theme="light"] #grid .product.nx44-product-card{
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
  color:var(--nx43-text)!important;
  border-color:#d5e3f2!important;
  box-shadow:0 14px 36px rgba(39,70,112,.11)!important;
}
body[data-nx-theme="light"] #grid .product.nx44-product-card .nx44-card-flags>span{
  background:#eef4fb!important;
}
body[data-nx-theme="light"] #grid .product.nx44-product-card .featured-tag{
  background:#fff!important;
  color:#283e5f!important;
  border-color:#dbe6f2!important;
}

/* Movil: conserva el ancho actual de la tarjeta y de la imagen. Solo crece hacia abajo. */
@media(max-width:720px){
  #grid .product.nx44-product-card{border-radius:17px!important}
  #grid .product.nx44-product-card .product-info{padding:9px 9px 8px!important}
  #grid .product.nx44-product-card .nx44-card-flags{gap:4px!important;margin-bottom:8px!important}
  #grid .product.nx44-product-card .nx44-card-flags>span{padding:4px 5px!important;font-size:6.1px!important;gap:3px!important}
  #grid .product.nx44-product-card .nx44-online i{width:5px!important;height:5px!important;box-shadow:none!important}
  #grid .product.nx44-product-card .product-info h3{font-size:12px!important;margin-bottom:5px!important}
  #grid .product.nx44-product-card .nx44-product-desc{display:none!important}
  #grid .product.nx44-product-card .nx44-provider-line{font-size:7px!important;gap:3px!important;margin-bottom:8px!important}
  #grid .product.nx44-product-card .nx44-provider-line strong{font-size:7.5px!important}
  #grid .product.nx44-product-card .nx44-verified{width:11px!important;height:11px!important;font-size:7px!important}
  #grid .product.nx44-product-card .product-bottom{gap:5px!important}
  #grid .product.nx44-product-card .from{font-size:6px!important}
  #grid .product.nx44-product-card .price{font-size:16px!important}
  #grid .product.nx44-product-card .nx-product-status{font-size:6.4px!important;gap:3px!important;margin-top:5px!important}
  #grid .product.nx44-product-card .nx-product-status i{width:6px!important;height:6px!important}
  #grid .product.nx44-product-card .add{padding:8px 8px!important;border-radius:10px!important;font-size:7px!important;gap:3px!important}
  #grid .product.nx44-product-card .add b{font-size:13px!important}
  #grid .product.nx44-product-card .nx44-card-benefits{margin-top:10px!important;padding:7px 2px!important;border-radius:12px!important}
  #grid .product.nx44-product-card .nx44-card-benefits>div{column-gap:3px!important;padding:0 3px!important}
  #grid .product.nx44-product-card .nx44-benefit-icon{width:18px!important;height:18px!important;font-size:9px!important}
  #grid .product.nx44-product-card .nx44-card-benefits small{font-size:5px!important}
  #grid .product.nx44-product-card .nx44-card-benefits strong{font-size:5.2px!important}
  #grid .product.nx44-product-card .nx44-product-terms{padding:8px 6px!important;gap:5px!important;font-size:6px!important}
  #grid .product.nx44-product-card .nx44-product-terms i{max-width:34px!important}
}
@media(max-width:390px){
  #grid .product.nx44-product-card .nx44-card-flags>span{font-size:5.5px!important;padding:4px!important}
  #grid .product.nx44-product-card .nx44-provider-line{font-size:6.5px!important}
  #grid .product.nx44-product-card .price{font-size:15px!important}
  #grid .product.nx44-product-card .add{font-size:6.5px!important;padding:7px 6px!important}
  #grid .product.nx44-product-card .nx44-benefit-icon{width:16px!important;height:16px!important;font-size:8px!important}
  #grid .product.nx44-product-card .nx44-card-benefits small{font-size:4.7px!important}
  #grid .product.nx44-product-card .nx44-card-benefits strong{font-size:4.9px!important}
}