.page-index {
  --brand-link-blue: #1652F0;
  --brand-blue: #1652F0;
  --brand-orange: #FF7A00;
  --brand-orange-600: #E56E00;
  --divider: 1px solid rgba(2, 6, 23, .08);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, .06);
  --radius-md: 14px;
}

.page-index .btn-outline-accent {
  border: 1px solid var(--brand-orange);
  color: var(--brand-orange);
}

.page-index .btn-outline-accent:hover {
  border: 1px solid var(--brand-orange);
  background: rgba(255, 122, 0, .08);
  color: var(--brand-orange);
}

.page-index .btn-accent {
  background: var(--brand-orange);
  color: #fff;
  border: 0;
}

.page-index .btn-accent:hover {
  background: var(--brand-orange-600);
  color: #fff;
}

.page-index .tab-rs i { color: var(--brand-blue); }
.page-index .tab-ficha i { color: var(--brand-orange); }
.page-index .tab-ejec i { color: #198754; }
.page-index .search-lg .input-group-text i { color: #6f42c1; }

.page-index .icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
}

.page-index .icon-wrap i { font-size: 22px; }
.page-index .kpi-blue { background: rgba(13, 110, 253, .15); }
.page-index .kpi-blue i { color: #0d6efd; }
.page-index .kpi-indigo { background: rgba(111, 66, 193, .15); }
.page-index .kpi-indigo i { color: #6f42c1; }
.page-index .kpi-green { background: rgba(25, 135, 84, .15); }
.page-index .kpi-green i { color: #198754; }
.page-index .kpi-violet { background: rgba(124, 58, 237, .15); }
.page-index .kpi-violet i { color: #7c3aed; }

.page-index .surface {
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.page-index .shadow-md {
  box-shadow: var(--shadow-sm);
  border: 0;
  border-radius: 16px;
}

.page-index .elevate-hover:hover {
  transform: translateY(-1px);
  transition: transform .12s ease;
}

.page-index .feed-card .card-body { padding: .75rem .75rem; }

.page-index .count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
  padding: .22rem .6rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: .78rem;
  line-height: 1;
  border: 1px solid transparent;
  letter-spacing: .01em;
  font-variant-numeric: tabular-nums;
}

.page-index .count-badge.badge-province { background: #ede9fe; color: #6d28d9; border-color: #c4b5fd; }
.page-index .count-badge.badge-district { background: #dcfce7; color: #166534; border-color: #86efac; }
.page-index .count-badge.badge-correg { background: #ffedd5; color: #c2410c; border-color: #fdba74; }

.page-index .chev-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  transition: transform .18s ease, background .18s ease, color .18s ease;
  margin-left: .35rem;
}

.page-index .feed-item:hover .chev-pill { transform: translateX(3px); }
.page-index .col-province .chev-pill { background: #ede9fe; color: #6d28d9; }
.page-index .col-district .chev-pill { background: #dcfce7; color: #166534; }
.page-index .col-correg .chev-pill { background: #ffedd5; color: #c2410c; }
.page-index .feed-item:hover .count-badge.badge-province { background: #e9d5ff; }
.page-index .feed-item:hover .count-badge.badge-district { background: #bbf7d0; }
.page-index .feed-item:hover .count-badge.badge-correg { background: #fed7aa; }

.page-index .hero-title { margin-bottom: .35rem; }
.page-index .hero-sub { color: #475569; }
.page-index .search-mode-select { border-radius: 10px; }

@media (max-width: 991.98px) {
  .page-index .hero .container { padding-top: .75rem; }
  .page-index .folder-tabs { display: none; }
  .page-index .kpi-stack .row > [class^="col-"] { width: 100%; }
  .page-index .kpi-stack .stat-card { width: 100%; }
}

@media (min-width: 992px) {
  .page-index .search-mode-select-wrapper { display: none; }
}

.page-index .regions-6col .region-link {
  text-decoration: none;
  color: var(--brand-blue);
  border-radius: 8px;
  padding: .35rem .5rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
}

.page-index .regions-6col .region-link:hover {
  background: #f8fafc;
}

.page-index .regions-6col .region-link .truncate-1 {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

.page-index .regions-6col .region-link .small {
  color: #64748b !important;
}