#urt-territorial-indicators-app{
  width:100%;
  margin:40px 0;
}

.urt-ti-layout{
  display:flex;
  gap:24px;
  align-items:stretch;
}

.urt-ti-main-card{
  flex:1;
  background:#ffffff;
  border-radius:24px;
  padding:24px;
  box-shadow:0 0 10px rgba(0,0,0,.08);
}

.urt-ti-main-card h2{
  color:#2e63d3;
  font-size: clamp(26px, 2.5vw + 1rem, 30px);
  font-weight:700;
  margin-bottom:20px;
}

.urt-ti-content{
  display:flex;
  gap:20px;
}

.urt-ti-map-card{
  flex:1;
  background:#edf2fb;
  border-radius:18px;
  padding:20px;
  min-height:340px;
}

.urt-ti-map-card h3{
  color:#2e63d3;
  margin-bottom:10px;
}

.urt-ti-map-card p{
  color:#5a5a5a;
  font-size:14px;
}

#urt-ti-map{
  width:100%;
  height:220px;
}

.urt-ti-progress-card{
  width:300px;
  background:#edf2fb;
  border-radius:18px;
  padding:20px;
}

.urt-ti-progress-card h3{
  color:#2e63d3;
  margin-bottom:25px;
}

.urt-ti-progress-item{
  margin-bottom:25px;
}

.urt-ti-progress-item span{
  display:block;
  margin-bottom:8px;
  font-size:15px;
}

.urt-ti-bar{
  height:12px;
  border:1px solid #2e63d3;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

.urt-ti-bar div{
  height:100%;
  width:0;
  background:#2e63d3;
  transition:all .4s;
}

.urt-ti-filters-card{
  width:360px;
  background:#ffffff;
  border-radius:24px;
  padding:24px;
  box-shadow:0 0 10px rgba(0,0,0,.08);
}

.urt-ti-filters-card h2{
  color:#2e63d3;
  margin-bottom:24px;
  font-size: clamp(26px, 2.5vw + 1rem, 30px);
  font-weight:700;
}

.urt-ti-filters-card select{
  width:100%;
  height:52px;
  border:1px solid #2e63d3;
  border-radius:20px;
  margin-bottom:16px;
  padding:0 20px;
  font-size: 20px;
  background: #F7F7F7;
  color: #2e63d3;
}

#urt-ti-download{
  width:100%;
  height:56px;
  border:none;
  border-radius:20px;
  background:#2e63d3;
  color:#fff;
  font-size:20px;
  cursor:pointer;
}

#urt-ti-download:hover{
  opacity:.9;
}

.urt-ti-department{
  fill:#b6c6e8;
  stroke:#ffffff;
  stroke-width:1;
  transition:all .3s ease;
}

.urt-ti-department:hover{
  fill:#6b8fe5;
  cursor:pointer;
}


.urt-ti-department {
  fill: #8FA8D8 !important;
  stroke: #FFFFFF;
  stroke-width: 1;
  cursor: pointer;
  transition: all .2s ease;
}

.urt-ti-department:hover {
  fill: #5C83D6;
}

.urt-ti-department-selected {
  fill: #F4B000 !important;
  stroke: #FFFFFF !important;
  stroke-width: 2;
}


@media (max-width: 768px) {
 .urt-ti-content {
    flex-direction: column;
  }
  .urt-ti-progress-card {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .urt-ti-layout {
    flex-direction: column;
  }
  .urt-ti-filters-card {
    width: 100%;
  }
}

.urt-ti-projects-count {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 10px;
  color: #2e63d3;
}

.urt-ti-projects-count strong {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.urt-ti-projects-count span {
  font-size: 14px;
  color: #5a5a5a;
}