:root{
  --obsv-gradient: linear-gradient(135deg, #F80 0%, #F36 100%);
  --obsv-gradient-oyentes: linear-gradient(135deg, #FFA64D 0%, #F6A24D 0.01%, #F67E04 100%, #FF8000 100%);
  --text-color: #333333;
  --text-dark:#1E2225;
  --light-gray: #F9F9FC;
  --dark-gray:#2B2B2B;
  --orange:#FFA64D;
  --white:#ffffff;
  --card-background: radial-gradient(100.00% 100% at 50% -0.00%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.75);
  --card-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.15);
  --card-border: 1px solid rgba(0, 0, 0, 0.15);
  --card-border-radius: 12px;
  --card-blur: blur(40px);
  --card-padding: 2em;
  --bar-background: rgba(30, 34, 37, 0.10);
  --bar-background-dark: rgba(16, 16, 16, 0.85);
}

.obsv-theme-dark .container-fluid{
  background-color: #1E2225;
}

.obsv-text-gradient {
  background: var(--obsv-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.obsv-text-orange{
  color: var(--orange);
}

.obsv-light-gray {
  background-color: var(--light-gray);
}

.obsv-bg-gradient {
  background-color: var(--obsv-gradient);
}

h2.section-title, h2.section-title-dark {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
h2.section-title-dark{
  color:var(--white);
}
@media(min-width:576px) {
  h2.section-title, h2.section-title-dark{
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
}

.card-data {
  background: var(--card-background);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  backdrop-filter: var(--card-blur);
  padding: var(--card-padding);
}
.row-card-data, .row-card-data .card-top, .card-data-dark{
  background: linear-gradient(0deg, rgba(47, 47, 47, 0.75), rgba(47, 47, 47, 0.75)), radial-gradient(100% 100% at 50% 0%, rgba(63, 63, 63, 0.75) 0%, rgba(17, 17, 17, 0) 100%);
  border: 2px solid rgba(255, 255, 255, 0.375);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  backdrop-filter: var(--card-blur);
  padding: var(--card-padding);
  color: var(--white);
}
.card-data h3 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.10;
  color: var(--card-background);
}
.card-data p, .cards-grid-dark .card-data p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 0;
}
.cards-grid-dark .card-data {
  background: var(--card-background);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  backdrop-filter: var(--card-blur);
  padding: var(--card-padding);
}

.cards-grid-dark .card-data h3{
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.10;
  color: var(--orange);
}
.cards-grid-dark .card-data p {
  color: var(--white);
}
.obsv-theme-dark .card-data.dark .data span.info{
  color: white;
}
.data-small{
  font-weight: 700!important;
  font-size:20px;
}
@media(min-width:576px) {
  .card-data h3, .cards-grid-dark .card-data h3 {
    font-size: 2.25rem;
  }
  .card-data p, .cards-grid-dark .card-data p {
    font-size: 1.125rem;
  }
  .data-small{
    font-weight: 700!important;
    font-size:22px;
  }
}