/* ══════════════════════════════════════
   BUQUES.CSS — Estilos específicos
   del módulo de gestión de buques
══════════════════════════════════════ */

/* ── Badges de tipo de carga ── */
.tipo-Contenedor     { background: rgba(24,95,165,0.10);  color: #185FA5; }
.tipo-Granel-Seco    { background: rgba(180,120,60,0.12); color: #92400E; }
.tipo-Granel-Liquido { background: rgba(245,158,11,0.12); color: #B45309; }
.tipo-Cemento        { background: rgba(107,114,128,0.12);color: #374151; }
.tipo-RoRo           { background: rgba(239,68,68,0.10);  color: #DC2626; }
.tipo-General        { background: rgba(16,185,129,0.10); color: #065F46; }

/* ── Badges de estado ── */
.estado-EnPuerto   { background: rgba(16,185,129,0.10); color: #059669; }
.estado-EnTransito { background: rgba(245,158,11,0.10); color: #D97706; }
.estado-Programado { background: rgba(139,92,246,0.10); color: #7C3AED; }
.estado-Zarpado    { background: rgba(107,114,128,0.10);color: #6B7280; }

/* ── Fila de ETA/ETD ── */
.eta-etd {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  color: var(--gris-texto);
}
.eta-etd span { display: flex; align-items: center; gap: 4px; }