body {
  background-color: #f5f7fa;
  font-family: "Poppins", sans-serif;
}
.no-wrap {
  white-space: nowrap;
}

.stat-card {
  border: none;
  border-radius: 16px;
  padding: 22px;
  color: #fff;
  background: linear-gradient(135deg, #2e6cc4 0%, #58a0c8 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s ease;
}
.stat-card:hover {
  background: linear-gradient(135deg, #1e4c8f 0%, #3b8db7 100%);
  transform: translateY(-3px);
}
.stat-number {
  font-size: 34px;
  font-weight: 700;
}
.stat-label {
  font-size: 15px;
  opacity: 0.95;
}
.stat-card i {
  font-size: 42px;
  opacity: 0.85;
}

.chart-container {
  background: #fff;
  border-radius: 16px;
  padding: 25px 20px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.chart-container h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1e293b;
}
.chart-container canvas {
  max-height: 250px !important;
}

.card-modern {
  border: none;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  padding: 25px;
}

/* Start Styling Card */
.card {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06) !important;
}

.bg-gradient-info {
  background: linear-gradient(135deg, #2e6cc4 0%, #58a0c8 100%);
}

.btn-primary {
  background-color: #1e4c8f !important;
  border-color: #1e57abff !important;
  color: #ffffff;
  font-weight: semi-bold;
}

.btn-primary:hover {
  background-color: #19407bff !important;
  border-color: #1e57abff !important;
}

#video {
  background-color: #213555;
  /*background-image:url('dist/img/background/peta.png');*/
  background-repeat: no-repeat;
  opacity: 0.9;
  background-size: cover;
  /*background-position: center;*/
  height: 100%;
}

#peta {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  #peta {
    height: 380px;
  }
}

.row {
  margin-left: -5px;
  margin-right: -5px;
}
[class*="col-"] {
  padding: 5px;
}