:root {
    --default: #00bcf2;
    --default-dark: #016b88;
    --border-color: #E7EAF0;
}

body {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}

.featured-font,
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
    font-family: "Parkinsans", sans-serif;
}

body * {
    border-color: var(--border-color);
}

a {
    color: var(--default);
}

a:hover,
a:focus,
a:active {
    color: var(--default-dark);
}

.text-gradient {
    background: linear-gradient(to right, #00bcf2, #00b294);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }

  .bg-gradient-theme {
    background: linear-gradient(to right, #00bcf2, #00b294);
    padding: 20px; /* Ajuste para espaçamento interno */
    border-radius: 12px; /* Para arredondar */
}

  .border-gradient {
    border: 8px solid;
    border-image-source: linear-gradient(to right, #00bcf2, #00b294);
    border-image-slice: 1;
    border-radius: 12px !important;
}

  .has-search .form-control {
    padding-left: 2.375rem;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, .08);
    color: rgba(33, 37, 41, 0.75);
  }

  .has-search .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 3.2rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
  }

  .has-search input:focus {
    border-color: var(--default);
  }

  .has-search .form-control::placeholder {
    color: #aaa;
  }

.card-hover:hover,
.card-hover:focus,
.card-hover:active {
    border-color: rgba(0, 190, 242, 0.5);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.container-860 {
    max-width: 860px;
    margin: 0 auto;
}

.spinner-section,
.response-section {
    display: none;
}