/* Fuerza fondo en tabla y celdas */
.tabla-productos,
.tabla-productos th,
.tabla-productos td {
  background-color: rgba(255, 255, 255, 0.03) !important;
  color: #fff;
}

/* Cabecera */
.tabla-productos thead th {
  background-color: rgba(13, 202, 240, 0.18) !important;
  color: #0dcaf0;
  border-bottom: none;
}

/* Hover fila */
.tabla-productos tbody tr:hover td {
  background-color: rgba(13, 202, 240, 0.1) !important;
}
/* Tabla general */
.tabla-productos {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
}

/* Cabecera */
.tabla-productos thead {
  background: rgba(13, 202, 240, 0.15);
}

.tabla-productos thead th {
  border-bottom: none;
  font-weight: 600;
  color: #0dcaf0;
  font-size: 0.9rem;
}

/* Filas */
.tabla-productos tbody tr {
  transition: background 0.2s ease;
}

.tabla-productos tbody tr:hover {
  background-color: rgba(13, 202, 240, 0.08);
}

/* Celdas */
.tabla-productos td,
.tabla-productos th {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.55rem;
  vertical-align: middle;
}



/* Responsive: texto un poco más chico */
@media (max-width: 768px) {
  .tabla-productos td,
  .tabla-productos th {
    font-size: 0.85rem;
  }
}