@import 'fonts.css';

.table-wrapper, .table-wrap {
  overflow-x: auto; /* scroll horizontal en móvil */
  margin-top: 16px;
}

.camp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  table-layout: fixed;
  min-width: 760px; /* mantiene columnas legibles; el wrapper hace scroll en móvil */
}

/* Las 4 columnas de campamentos, todas del mismo ancho */
.camp-table th:not(:first-child),
.camp-table td:not(:first-child) {
  width: calc((100% - 180px) / 4);
}

.camp-table th,
.camp-table td {
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 10px 14px;
  vertical-align: middle;
  text-align: center;
}

.camp-table thead th {
  background: rgba(32, 60, 44, 0.95);
  color: #ffffff;
  font-weight: 600;
}

.camp-table .row-label {
  background: rgba(32, 60, 44, 0.6);
  color: #ffffff;
  font-weight: 600;
  white-space: nowrap;
  width: 180px;
}

.camp-table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.03);
}

.camp-photo {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
  margin: 0 auto;
}