/* =====================================================
   VIACOL — Tabla sin scroll (solo bloque) + toolbar extra
   ===================================================== */
.vcp-sede-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}
.vcp-sede-wrap #vcp-sede-table_wrapper .dt-scroll,
.vcp-sede-wrap #vcp-sede-table_wrapper .dt-scroll-body {
  overflow-x: hidden !important;
  overflow-y: visible;
}
.vcp-sede-wrap #vcp-sede-table,
.vcp-sede-wrap #vcp-sede-table_wrapper .dt-scroll-headInner > table {
  width: 100% !important;
  table-layout: fixed !important;
}
.vcp-sede-wrap #vcp-sede-table th,
.vcp-sede-wrap #vcp-sede-table td {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding: 10px 8px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}
.vcp-sede-wrap #vcp-sede-table td:nth-child(2),
.vcp-sede-wrap #vcp-sede-table td:nth-child(7) {
  word-break: break-all;
}
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(1)  { width: 14% !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(2)  { width: 16% !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(3)  { width: 8%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(4)  { width: 7%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(5)  { width: 8%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(6)  { width: 9%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(7)  { width: 8%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(8)  { width: 10% !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(9)  { width: 8%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(10) { width: 6%  !important; }
.vcp-sede-wrap #vcp-sede-table colgroup col:nth-child(11) { width: 6%  !important; }
.vcp-sede-wrap #vcp-sede-table thead th {
  font-size: 12px !important;
  padding: 10px 8px !important;
  letter-spacing: .02em !important;
}

/* Toolbar extra encima de DataTables */
.vcp-sede-wrap .vsn-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #d2d2d7;
  background: #fff;
}
.vsn-toolbar .vsn-btn {
  appearance: none;
  border: 1px solid #d2d2d7;
  background: #fbfbfd;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: .15s ease;
}
.vsn-toolbar .vsn-btn:hover { background:#fff; border-color:#0071e3; color:#0071e3; }
.vsn-toolbar .vsn-btn.primary { background:#0071e3; color:#fff; border-color:#0071e3; }
.vsn-toolbar .vsn-btn.primary:hover { filter: brightness(1.05); }

/* Móvil: dejamos scroll si no cabe */
@media (max-width: 1024px) {
  .vcp-sede-wrap #vcp-sede-table_wrapper .dt-scroll,
  .vcp-sede-wrap #vcp-sede-table_wrapper .dt-scroll-body {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
