/* =========================================
   productos.css - Estilos Específicos de Productos
========================================= */

.viaje-title {
  font-size: 38px;
  font-weight: bold;
  margin: 0;
  color: #fff;
}


.dashboard-card-comision {
  background: linear-gradient(135deg, #1f2937, #111827);
  border-color: rgba(148, 163, 184, 0.18);
}

.dashboard-card-comision .dashboard-value {
  color: #e5e7eb;
}

.dashboard-card-extra {
  background: linear-gradient(135deg, #3b0764, #1e1b4b);
  border-color: rgba(196, 181, 253, 0.18);
}

.dashboard-card-extra .dashboard-value {
  color: #d8b4fe;
}

.dashboard-card-venta {
  background: linear-gradient(135deg, #4c1d06, #7c2d12);
  border-color: rgba(251, 191, 36, 0.18);
}

.dashboard-card-venta .dashboard-value {
  color: #ffd166;
}

.dashboard-card-utilidad {
  background: linear-gradient(135deg, #052e16, #14532d);
  border-color: rgba(74, 222, 128, 0.18);
}

.dashboard-card-utilidad .dashboard-value {
  color: #31d67b;
}

/* Colores de Precios Específicos */
.money-usd {
  color: #f5f5f5;
  font-weight: 700;
}

.money-lps {
  color: #8ec5ff;
  font-weight: 700;
}

.money-venta {
  color: #ffd166;
  font-weight: 800;
  background: rgba(255, 209, 102, 0.12);
  border: 1px solid rgba(255, 209, 102, 0.18);
  border-radius: 10px;
  padding: 6px 10px;
  display: inline-block;
  min-width: 110px;
  text-align: center;
}

.money-utilidad {
  color: #31d67b;
  font-weight: 800;
  background: rgba(49, 214, 123, 0.12);
  border: 1px solid rgba(49, 214, 123, 0.18);
  border-radius: 10px;
  padding: 6px 10px;
  display: inline-block;
  min-width: 110px;
  text-align: center;
}

/* Ocultar ID visual y líneas limpias para listado tablaProductos */
#tablaProductos th:nth-child(1),
#tablaProductos td:nth-child(1) {
  display: none;
}

#tablaProductos th:last-child,
#tablaProductos td:last-child {
  border-right: none !important;
}

.table tbody td:last-child {
  border-top: none;
  background: #181818;
  position: sticky;
  right: 0;
  z-index: 2;
}

.table thead th:last-child {
  background: linear-gradient(180deg, #222, #1a1a1a);
  position: sticky;
  right: 0;
  z-index: 3;
}

/* Responsividad extra de productos */
@media (max-width: 1200px) {
  .dashboard-totals {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 1100px) {
  .viaje-title {
    font-size: 32px;
  }
}

@media (max-width: 700px) {
  .dashboard-totals {
    grid-template-columns: 1fr;
  }

  #tablaProductos th:last-child,
  #tablaProductos td:last-child {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
  }

  #tablaProductos tr td:last-child {
    box-shadow: none !important;
  }
}