/* ===============================
   CERTIFICADOS – RESPONSIVE
=============================== */
@media (max-width: 768px) {

  .card__header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .card__header h3 {
    margin-bottom: 6px;
  }

  .card__header input[type="file"],
  .card__header input[type="password"],
  .card__header button {
    width: 100%;
  }

  .card__header button {
    margin-top: 6px;
  }
}

/* ===============================
   TABLAS – RESPONSIVE (MÓVIL)
=============================== */
@media (max-width: 768px) {

  .table {
    border: 0;
  }

  .table thead {
    display: none; /* ocultamos encabezado */
  }

  .table tr {
    display: block;
    margin-bottom: 12px;
    background: #fff;
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    padding: 12px;
  }

  .table td {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border: 0;
    font-size: 13px;
  }

  .table td::before {
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
  }

  /* Etiquetas por columna */
  #tablaCerts td:nth-child(1)::before {
    content: "No. Certificado";
  }

  #tablaCerts td:nth-child(2)::before {
    content: "Estado";
  }

  #tablaCerts td:nth-child(3)::before {
    content: "Fecha";
  }
}