/* Certificados por vencer (ADR plataforma/046 F-b): globo del muelle + modal. Piel de plataforma. */
.gbal-muelle .gm-chip.gm-cert { background: #AB0010; }
.gbal-muelle .gm-chip.gm-cert .num { color: #AB0010; }
.cert-cuerpo { padding: 0; }
.cert-cargando, .cert-vacio { padding: 22px 20px; color: #6b6b70; font-size: 14px; }
.cert-vacio .fas { color: #1e7e34; margin-right: 6px; }
.cert-tabla th { font-size: 10.5px; text-transform: uppercase; letter-spacing: .9px; color: #6b6b70; background: #f2f2f3; border-top: 0; white-space: nowrap; }
.cert-tabla td { vertical-align: middle; font-size: 13.5px; }
.cert-tabla .cert-emp { min-width: 220px; }
.cert-tabla .cert-cert { min-width: 170px; }
.cert-tabla td:last-child { white-space: nowrap; }
.cert-corto { display: none; }
.cert-tabla .cliente-id { font-variant-numeric: tabular-nums; color: #6b6b70; }
.cert-fila-mal td { background: rgba(176, 42, 55, .04); }
.cert-chip { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; padding: 3px 9px; border-radius: 99px; white-space: nowrap; }
.cert-mal { background: #fbe9eb; color: #b02a37; }
.cert-espera { background: #fbf3e2; color: #856404; }
.cert-gris { background: #f2f2f3; color: #6b6b70; border: 1px solid #e4e4e8; }
.cert-tabla .btn-sm { min-height: 40px; display: inline-flex; align-items: center; white-space: nowrap; }
.cert-pie { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; }
.cert-nota { font-size: 12.5px; }
.cert-pie .btn { margin-left: auto; }
/* en teléfono, pantalla completa con la clase canónica .modal-cel (index.css); aquí sólo las columnas */
@media (max-width: 767px) {
  .cert-tabla td, .cert-tabla th { padding: 8px 10px; }
  /* en teléfono el certificado va bajo la empresa y se esconde su columna: tres columnas caben, cuatro no */
  .cert-tabla .cert-emp { min-width: 150px; }
  .cert-tabla .cert-cert, .cert-tabla th:nth-child(2) { display: none; }
  .cert-corto { display: block; margin-top: 2px; }
}