/* Capa visual V3 inspirada en Borderless, compatible con Tabler/Bootstrap 5. */
:root {
  --recinto-navy: #1c2438;
  --recinto-blue: #5367ff;
  --recinto-blue-dark: #4053e8;
  --recinto-ink: #202a3d;
  --recinto-muted: #7a8396;
  --recinto-bg: #f4f6fb;
  --recinto-border: #edf0f5;
  --recinto-card-shadow: 0 10px 30px rgba(29, 38, 59, .07);
}

body.recinto-v3-app {
  margin-top: 0 !important;
  min-height: 100vh;
  background: var(--recinto-bg);
  color: var(--recinto-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.recinto-v3-app .bg-dark { display: none !important; }
.recinto-v3-app .col-md-12[style*="background-image"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
  height: 76px !important;
  min-height: 76px !important;
  background: var(--recinto-navy) !important;
  background-image: none !important;
  box-shadow: 0 4px 18px rgba(18, 26, 43, .16);
}
.recinto-v3-app .col-md-12[style*="background-image"] .container { max-width: 1440px; }
.recinto-v3-app .col-md-12[style*="background-image"] .mt-3,
.recinto-v3-app .col-md-12[style*="background-image"] .mt-4 { margin-top: .55rem !important; }
.recinto-v3-app .col-md-12[style*="background-image"] img[alt="Tabler"] { height: 56px !important; }
.recinto-v3-app .navbar-nav { gap: .15rem; }
.recinto-v3-app .navbar-nav .nav-link {
  color: rgba(255,255,255,.72) !important;
  padding: .6rem .7rem !important;
  border-radius: .45rem;
  font-weight: 500;
  font-size: .88rem;
}
.recinto-v3-app .navbar-nav .nav-link:hover,
.recinto-v3-app .navbar-nav .nav-link:focus {
  color: #fff !important;
  background: rgba(255,255,255,.10);
}
.recinto-v3-app .nav-link-User,
.recinto-v3-app .nav-link-User-Puesto { color: #fff !important; }
.recinto-v3-app .page-wrapper { background: transparent; min-height: calc(100vh - 76px); }
.recinto-v3-app .page-header {
  margin: 0 0 1.5rem;
  padding: 1.8rem 0 1.15rem;
  color: var(--recinto-ink) !important;
}
.recinto-v3-app .page-header .page-title,
.recinto-v3-app .page-header h2,
.recinto-v3-app .page-header h4,
.recinto-v3-app .nav-link-subtitle { color: var(--recinto-ink) !important; }
.recinto-v3-app .page-pretitle { color: var(--recinto-blue); font-weight: 700; letter-spacing: .08em; font-size: .72rem; text-transform: uppercase; }
.recinto-v3-app .page-body { padding-bottom: 2.25rem; }
.recinto-v3-app .card {
  border: 0;
  border-radius: .8rem;
  box-shadow: var(--recinto-card-shadow);
  background: #fff;
}
.recinto-v3-app .card-header { 
  border-bottom: 1px solid var(--recinto-border); 
  background: transparent; 
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .75rem;
}
.recinto-v3-app .card-header .card-title { margin-bottom: 0; }
.recinto-v3-app .card-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.recinto-v3-app .card-body-actualizado { padding: 1.5rem; }
.recinto-v3-app .btn-primary,
.recinto-v3-app .btn-primary-actualizado,
.recinto-v3-app .btn-dashboard {
  background: var(--recinto-blue) !important;
  border-color: var(--recinto-blue) !important;
  color: #fff !important;
  border-radius: .45rem !important;
  box-shadow: 0 5px 12px rgba(83, 103, 255, .22);
}
.recinto-v3-app .btn-primary:hover,
.recinto-v3-app .btn-primary-actualizado:hover,
.recinto-v3-app .btn-dashboard:hover { background: var(--recinto-blue-dark) !important; border-color: var(--recinto-blue-dark) !important; }
.recinto-v3-app .form-control,
.recinto-v3-app .form-select {
  min-height: 42px;
  border-color: #e4e8f0;
  border-radius: .45rem;
  box-shadow: none;
}
.recinto-v3-app .form-control:focus,
.recinto-v3-app .form-select:focus { border-color: var(--recinto-blue); box-shadow: 0 0 0 .2rem rgba(83,103,255,.12); }
.recinto-v3-app .table { --tblr-table-border-color: var(--recinto-border); }
.recinto-v3-app .table thead th,
.recinto-v3-app table.dataTable thead th,
.recinto-v3-app .dataTable thead th,
.recinto-v3-app table.table thead th,
.recinto-v3-app .table-responsive table thead th {
  background: #2d3e6b !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.16) !important;
}
.recinto-v3-app .dropdown-menu { border: 0; border-radius: .65rem; box-shadow: 0 10px 24px rgba(25,35,55,.14); }

.v3-welcome-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding: 1.35rem 1.5rem;
  border-radius: .85rem;
  color: #fff;
  background: linear-gradient(115deg, #202a42, #3f51a6);
  box-shadow: 0 12px 26px rgba(39, 53, 100, .18);
}
.v3-welcome-panel h1 { margin: .1rem 0; font-size: 1.45rem; color: #fff; }
.v3-welcome-panel p { margin: 0; color: rgba(255,255,255,.72); }
.v3-welcome-panel .v3-date { font-size: .87rem; color: rgba(255,255,255,.78); text-align: right; }
.v3-filter-card { padding: 1.35rem; margin-bottom: 1.25rem; }
.v3-filter-card .v3-filter-title { color: var(--recinto-ink); font-weight: 700; margin-bottom: .9rem; }

/* Acceso */
body.recinto-v3-login {
  min-height: 100vh;
  margin: 0;
  color: var(--recinto-ink);
  background: #fff;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.recinto-v3-login .login-shell { width: 100%; min-height: 100vh; padding: 0; }
.recinto-v3-login .login-shell > .row { width: 100%; min-height: 100vh; margin: 0; }
.recinto-v3-login .login-illustration {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  overflow: hidden;
  background: linear-gradient(rgba(20, 29, 46, .45), rgba(20, 29, 46, .45)), url("../img/Fondo%20de%20marmol%20temporal.png") center center / cover no-repeat;
}
.recinto-v3-login .login-kicker { color: rgba(255,255,255,.72); font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
.recinto-v3-login .login-content .login-kicker { color: var(--recinto-blue); }
.recinto-v3-login .login-hero-logo { width: min(80%, 390px); max-height: 220px; object-fit: contain; filter: drop-shadow(0 12px 20px rgba(0,0,0,.35)); }
.recinto-v3-login .login-content { width: min(100%, 430px); margin: 0 auto; padding: 2rem; }
.recinto-v3-login .login-brand { width: 210px; max-height: 92px; object-fit: contain; object-position: left center; margin-bottom: 1.6rem; }
.recinto-v3-login .login-content h1,
.recinto-v3-login .login-title { margin: .35rem 0 .4rem; color: var(--recinto-ink); font-size: 1.8rem; font-weight: 700; }
.recinto-v3-login .login-intro,
.recinto-v3-login .login-subtitle { color: var(--recinto-muted); margin-bottom: 1.75rem; }
.recinto-v3-login .login-form .form-control { height: 50px; margin-bottom: 1rem; border: 1px solid #e5e9f1; border-radius: .5rem; box-shadow: none; }
.recinto-v3-login .login-form .form-control:focus { border-color: var(--recinto-blue); box-shadow: 0 0 0 .2rem rgba(83,103,255,.12); }
.recinto-v3-login .login-form .btn,
.recinto-v3-login .login-form .btn-login { width: 100%; min-height: 50px; margin: .5rem 0 1rem; border: 0; border-radius: .5rem; color: #fff; font-weight: 600; background: var(--recinto-blue); box-shadow: 0 8px 18px rgba(83,103,255,.24); }
.recinto-v3-login .login-form .btn:hover,
.recinto-v3-login .login-form .btn-login:hover { background: var(--recinto-blue-dark); }
.recinto-v3-login .login-alert { margin-bottom: 1rem; padding: .8rem 1rem; border-radius: .45rem; color: #9f2d36; background: #fff1f2; }
@media (max-width: 991.98px) {
  .recinto-v3-login .login-illustration { display: none; }
  .recinto-v3-login .login-content { padding: 2.5rem 1.5rem; }
  .recinto-v3-app .col-md-12[style*="background-image"] { height: 64px !important; min-height: 64px !important; }
  .recinto-v3-app .page-wrapper { min-height: calc(100vh - 64px); }
  .v3-welcome-panel { align-items: flex-start; flex-direction: column; }
  .v3-welcome-panel .v3-date { text-align: left; }
}

/* Dashboard: composición inspirada en dashboard-one de Borderless. */
.recinto-v3-dashboard .page-wrapper { background: #f5f6f8; }
.recinto-v3-dashboard .page { margin-bottom: 0 !important; }
.recinto-v3-dashboard .dashboard-one-main {
  min-height: calc(100vh - 98px);
  padding: 0 0 .65rem;
  background: #f5f6f8;
}
.recinto-v3-dashboard .dashboard-one-container {
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}
.recinto-v3-dashboard .recinto-dashboard-navbar,
.recinto-v3-dashboard .recinto-dashboard-navbar > .container-fluid { width: 100%; max-width: none; padding: 0 !important; }
.recinto-v3-dashboard .recinto-dashboard-navbar .col-md-12[style*="background-image"] {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 98px !important;
  min-height: 98px !important;
  left: 0 !important;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .col-md-12[style*="background-image"] .container {
  width: 100%;
  max-width: none;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .navbar-nav .nav-link {
  padding-right: .48rem !important;
  padding-left: .48rem !important;
  font-size: .68rem;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .navbar-nav .nav-link-title {
  font-size: .9rem !important;
  line-height: 1.1;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .navbar-nav .dropdown-toggle::after {
  width: .42rem;
  height: .42rem;
  margin-left: .25rem;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .nav-link-User {
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.1;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .nav-link-User-Puesto {
  font-size: .75rem;
  font-weight: 400;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .dropdown-menu .dropdown-item {
  font-size: .75rem;
  line-height: 1.25;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .dropdown-menu-card .card-title {
  font-size: .9rem;
  font-weight: 600;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .dropdown-menu-card .text-body {
  font-size: .75rem;
  line-height: 1.25;
}
.recinto-v3-dashboard .recinto-dashboard-navbar .dropdown-menu-card .text-muted {
  font-size: .7rem;
  line-height: 1.25;
}
.recinto-v3-dashboard .recinto-dashboard-navbar img[alt="Tabler"] {
  height: 58px !important;
  transform: none;
  transform-origin: center;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .38));
}
.recinto-v3-app > .page > header.navbar {
  width: 100%;
  max-width: none;
  padding: 0;
}
.recinto-v3-app > .page > header.navbar > .container-xl,
.recinto-v3-app > .page > header.navbar > .container-fluid {
  width: 100%;
  max-width: none;
  padding: 0 !important;
}
.recinto-v3-app > .page > header.navbar .col-md-12[style*="background-image"] {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 98px !important;
  min-height: 98px !important;
  left: 0 !important;
}
.recinto-v3-app > .page > header.navbar .col-md-12[style*="background-image"] .container {
  width: 100%;
  max-width: none;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.recinto-v3-app > .page > header.navbar .navbar-nav .nav-link { padding-right: .48rem !important; padding-left: .48rem !important; font-size: .68rem; }
.recinto-v3-app > .page > header.navbar .navbar-nav .nav-link-title { font-size: .9rem !important; line-height: 1.1; }
.recinto-v3-app > .page > header.navbar .navbar-nav .dropdown-toggle::after { width: .42rem; height: .42rem; margin-left: .25rem; }
.recinto-v3-app > .page > header.navbar .nav-link-User { font-size: .9rem; font-weight: 600; line-height: 1.1; }
.recinto-v3-app > .page > header.navbar .nav-link-User-Puesto { font-size: .75rem; font-weight: 400; }
.recinto-v3-app > .page > header.navbar img[alt="Tabler"] {
  height: 58px !important;
  transform: none;
  transform-origin: center;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .38));
}
.btn-primary,
.btn-secondary,
.btn-primary-actualizado,
.btn-secondary-actualizado,
.btn-primary .Text-button-actualizado,
.btn-secondary .Text-button-actualizado,
.btn-primary-actualizado .Text-button-actualizado,
.btn-secondary-actualizado .Text-button-actualizado {
  font-size: .72rem !important;
}
.recinto-v3-dashboard .container-xl { max-width: 1320px; }
.recinto-v3-dashboard .dashboard-one-heading {
  margin: 0;
  padding: .85rem 0 .35rem;
  border-radius: 0;
  color: var(--recinto-ink);
  background: transparent;
  box-shadow: none;
}
.recinto-v3-dashboard .dashboard-one-heading p {
  color: var(--recinto-blue);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.recinto-v3-dashboard .dashboard-one-heading h1 {
  margin: .2rem 0 .3rem;
  color: var(--recinto-ink);
  font-size: 1.7rem;
  letter-spacing: -.02em;
}
.recinto-v3-dashboard .dashboard-one-heading .v3-date { color: var(--recinto-muted); }
.recinto-v3-dashboard .dashboard-heading-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .65rem;
}
.recinto-v3-dashboard .dashboard-heading-controls {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: .65rem;
}
.recinto-v3-dashboard .dashboard-ticket-search,
.recinto-v3-dashboard .dashboard-plaza-select { margin: 0; text-align: left; }
.recinto-v3-dashboard .dashboard-ticket-search label,
.recinto-v3-dashboard .dashboard-plaza-select label {
  display: block;
  margin: 0 0 .28rem;
  color: var(--recinto-muted);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.recinto-v3-dashboard .dashboard-ticket-search .form-control,
.recinto-v3-dashboard .dashboard-plaza-select .form-select {
  min-width: 218px;
  min-height: 36px;
  padding-top: .35rem;
  padding-bottom: .35rem;
}
.recinto-v3-dashboard .dashboard-ticket-search-input {
  display: flex;
  align-items: center;
  gap: .35rem;
}
.recinto-v3-dashboard .dashboard-ticket-search-input .input-icon { flex: 1 1 auto; }
.recinto-v3-dashboard .dashboard-ticket-search .form-control { min-width: 176px; }
.recinto-v3-dashboard .dashboard-ticket-search-button {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fff;
  background: var(--recinto-blue);
  border: 0;
  border-radius: .4rem;
}
.recinto-v3-dashboard .dashboard-ticket-search-button:hover { background: #3658e8; }
.recinto-v3-dashboard .dashboard-quick-action { position: relative; }
.recinto-v3-dashboard .dashboard-quick-action .btn { min-width: 142px; }
.recinto-v3-dashboard .dashboard-quick-action .Text-button-actualizado { color: #fff !important; }
.recinto-v3-dashboard .dashboard-one-toolbar {
  margin: .2rem 0 .75rem;
  padding: .8rem 1.1rem;
  border: 1px solid #eceff3;
  border-radius: .65rem;
  background: #fff;
  box-shadow: 0 4px 15px rgba(29, 38, 59, .035);
}
.recinto-v3-dashboard .page-body { padding: 0; }
.recinto-v3-dashboard .page-body > .dashboard-one-container { padding-bottom: 1.25rem; }
.recinto-v3-dashboard .dashboard-one-toolbar .page-pretitle {
  color: #8b94a7;
  font-size: .7rem;
  letter-spacing: .08em;
}
.recinto-v3-dashboard .dashboard-one-toolbar .page-title,
.recinto-v3-dashboard .dashboard-one-toolbar h2,
.recinto-v3-dashboard .dashboard-one-toolbar h4 { font-size: 1rem; font-weight: 600; }
.recinto-v3-dashboard .dashboard-one-grid { row-gap: .75rem; }
.recinto-v3-dashboard .dashboard-one-grid > [class*="col-"] { display: flex; }
.recinto-v3-dashboard .dashboard-one-grid .card {
  width: 100%;
  border: 1px solid #edf0f3;
  border-radius: .65rem;
  box-shadow: 0 4px 18px rgba(38, 45, 62, .045);
  transition: transform .18s ease, box-shadow .18s ease;
}
.recinto-v3-dashboard .dashboard-one-grid .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(38, 45, 62, .09);
}
.recinto-v3-dashboard .dashboard-one-grid .card-body { padding: 1rem !important; }
.recinto-v3-dashboard .dashboard-one-grid .subheader-actualizado,
.recinto-v3-dashboard .dashboard-one-grid .subheader-actualizado-sm {
  color: #7b8494 !important;
  font-size: .7rem !important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.recinto-v3-dashboard .dashboard-one-grid h4,
.recinto-v3-dashboard .dashboard-one-grid .texto-actualizado,
.recinto-v3-dashboard .dashboard-one-grid .tabla-texto-link,
.recinto-v3-dashboard .dashboard-one-grid .tabla-texto-link a {
  font-size: .82rem !important;
  line-height: 1.2;
}
.recinto-v3-dashboard .dashboard-one-grid h4 { font-weight: 600; }
.recinto-v3-dashboard .dashboard-one-grid ul {
  margin: .35rem 0 0;
  padding-left: 1.15rem;
  font-size: .8rem;
  line-height: 1.12;
}
.recinto-v3-dashboard .dashboard-one-grid .h1 {
  color: var(--recinto-ink);
  font-size: 1.65rem;
  font-weight: 600;
}
.recinto-v3-dashboard .service-channels-card .card-body { padding: 1rem 1.35rem !important; }
.recinto-v3-dashboard .v3-service-channels {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: .8rem;
}
.recinto-v3-dashboard .v3-service-donut {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  width: 112px;
  height: 112px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: conic-gradient(#5267ff 0 calc(var(--atendidos) * 1%), #f08a8a calc(var(--atendidos) * 1%) 100%);
}
.recinto-v3-dashboard .v3-service-donut::before {
  position: absolute;
  width: 78px;
  height: 78px;
  content: "";
  background: #fff;
  border-radius: 50%;
}
.recinto-v3-dashboard .v3-service-donut-label { position: relative; text-align: center; }
.recinto-v3-dashboard .v3-service-donut-label strong { display: block; color: var(--recinto-ink); font-size: 1.3rem; line-height: 1; }
.recinto-v3-dashboard .v3-service-donut-label span { color: var(--recinto-muted); font-size: .62rem; text-transform: uppercase; }
.recinto-v3-dashboard .v3-service-channel-list { flex: 1 1 auto; min-width: 0; }
.recinto-v3-dashboard .v3-service-channel-item + .v3-service-channel-item { margin-top: .9rem; }
.recinto-v3-dashboard .v3-service-channel-label {
  display: flex;
  align-items: center;
  gap: .3rem;
  margin-bottom: .35rem;
  color: var(--recinto-ink);
  font-size: .72rem;
  white-space: nowrap;
}
.recinto-v3-dashboard .v3-service-channel-label strong { margin-left: auto; font-size: .72rem; }
.recinto-v3-dashboard .v3-channel-dot { width: 7px; height: 7px; border-radius: 50%; }
.recinto-v3-dashboard .v3-channel-dot-attended,
.recinto-v3-dashboard .v3-channel-bar-attended { background-color: #5267ff !important; }
.recinto-v3-dashboard .v3-channel-dot-cancelled,
.recinto-v3-dashboard .v3-channel-bar-cancelled { background-color: #f08a8a !important; }
.recinto-v3-dashboard .v3-service-channel-item .progress { height: 5px; }
.recinto-v3-dashboard #nummeroconvenios a,
.recinto-v3-dashboard #pagaresporcobrar a {
  font-size: 1.1rem !important;
  line-height: 1;
}
.recinto-v3-dashboard .tabla-texto-link a {
  display: inline-flex;
  align-items: center;
  padding: .35rem .65rem;
  color: var(--recinto-blue) !important;
  font-weight: 600;
  background: #eef1ff;
  border: 1px solid #dce2ff;
  border-radius: .4rem;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.recinto-v3-dashboard .tabla-texto-link a:hover {
  color: #fff !important;
  background: var(--recinto-blue);
  border-color: var(--recinto-blue);
  transform: translateY(-1px);
}
.recinto-v3-dashboard .dashboard-one-grid .progress { height: 5px; border-radius: 5px; background: #edf0f5; }
.recinto-v3-dashboard .dashboard-one-grid .progress-bar { border-radius: inherit; background: var(--recinto-blue) !important; }
.recinto-v3-dashboard .dashboard-one-grid .card-stamp { opacity: .08; }
.recinto-v3-dashboard .dashboard-one-grid .avatar { border-radius: .5rem; }
.modal-header { color: #fff; background: #2d3e6b; border-bottom-color: rgba(255, 255, 255, .16); }
.modal-header .modal-title { color: #fff; }
.modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
@media (max-width: 767.98px) {
  .recinto-v3-dashboard .dashboard-one-heading { padding-top: 1.4rem; }

  .recinto-v3-dashboard .dashboard-heading-actions { align-items: flex-start; }
  .recinto-v3-dashboard .dashboard-heading-controls { flex-wrap: wrap; justify-content: flex-start; }
  .recinto-v3-dashboard .dashboard-one-toolbar { padding: 1rem; }
  .recinto-v3-dashboard .dashboard-one-grid > [class*="col-"] { display: block; }
}

/* ==================== TABLAS V3 (Reportes) ==================== */
.table-v3-header {
  background: #2d3e6b !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.16) !important;
}
.table-v3-header th {
  background: #2d3e6b !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.16) !important;
  font-weight: 700;
  text-align: center;
  padding: 6px 8px !important;
}
.table-v3-header-row th {
  background: #5367ff !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.16) !important;
  font-weight: 700;
  text-align: center;
  padding: 6px 8px !important;
}
.table-v3-group-header-row {
  background: #5367ff !important;
  color: #fff !important;
  font-weight: 700;
}
.table-v3-group-header {
  background: #5367ff !important;
  color: #fff !important;
  font-weight: 700;
  padding: 6px 8px !important;
  text-align: center;
}
.table-v3-group-header-pabs { background: #5367ff !important; color: #fff !important; }
.table-v3-group-header-pagos { background: #1c2438 !important; color: #fff !important; }
.table-v3-group-header-servicios { background: #198754 !important; color: #fff !important; }
.table-v3-group-header-extras { background: #4053e8 !important; color: #fff !important; }
.table-v3-group-header-info { background: #1c2438 !important; color: #fff !important; }