/* font-family: "Eina 04 W03 Light"; */
/* font-family: "Eina 04 W03 Regular"; */
/* font-family: "Eina 04 W03 SemiBold"; */
/* font-family: "Eina 04 W03 BoldItalic"; */
/* font-family: "Eina 04 W03 LightItalic"; */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css");

:root {
  --dl-color-blue-500: #f2f0e1ff;
  --dl-color-gray-500: #595959;
  --dl-color-gray-700: #999999;
  --dl-color-gray-800: #D9D9D9;
  --dl-color-gray-900: #f8f9faff;
  --dl-color-pink-100: #ecdbd4ff;
  --dl-color-pink-200: #f4cebfff;
  --dl-color-pink-300: #dfa791ff;
  --dl-color-pink-500: #c68369ff;
  --dl-color-pink-700: #d07f62ff;
  --dl-size-size-unit: 1rem;
  --dl-color-gray-black: #000000;
  --dl-color-gray-white: #FFFFFF;
  --dl-space-space-unit: 1rem;
  --dl-color-primary-700: #93b09dff;
  --dl-size-size-halfunit: 0.5rem;
  --dl-color-secondary-100: #d2d6daff;
  --dl-color-secondary-200: #5c5c5cff;
  --dl-color-secondary-400: #000000ff;
  --dl-color-secondary-500: #aaacd6ff;
  --dl-color-secondary-600: #75779eff;
  --dl-color-secondary-700: #3e4057ff;
  --dl-radius-radius-round: 50%;
  --dl-size-size-doubleunit: 2rem;
  --dl-size-size-tripleunit: 3rem;
  --dl-space-space-halfunit: 0.5rem;
  --dl-space-space-sixunits: 6rem;
  --dl-radius-radius-radius1: 1rem;
  --dl-radius-radius-radius5: 0.5rem;
  --dl-space-space-fourunits: 4rem;
  --dl-radius-radius-radius40: 40px;
  --dl-radius-radius-radius75: 0.75rem;
  --dl-size-size-unitandahalf: 1.5rem;
  --dl-space-space-doubleunit: 2rem;
  --dl-space-space-tripleunit: 3rem;
  --dl-space-space-twelveunits: 12rem;
  --dl-size-size-triplequarterunit: 0.75rem;
  --dl-space-space-unitandahalfunit: 1.5rem;
  --dl-space-space-triplequarterunit: 0.75rem;
  --categoria-bra-azul: #4d75b4;
  --categoria-bra-verde: #74b79c;
  --categoria-bra-amarela: #ebac4b;
}

@font-face {
  font-family: 'Eina';
  src: url("fonts/Eina04-Regular.ttf");
  font-weight: 300;
}

@font-face {
  font-family: 'Eina';
  src: url("fonts/Eina04-Bold.ttf");
  font-weight: 700;
}

* {
  font-family: "Eina";
}

body {
  display: unset;
  margin: 0px;
  background-color: var(--dl-color-blue-500);
}

@keyframes logomorph {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.carrossel-override {
  position: absolute;
  width: 100vw;
  /* height: 39vh; */
}

.form-input-bra {
  width: 49%;
  margin: 1rem 0rem;
  border-radius: var(--bs-border-radius-pill);
  border: 2px solid var(--dl-color-blue-500);
  padding: 0.5rem 1.75rem;
  color: var(--dl-color-blue-500);

}

.form-input-bra::placeholder {
  color: var(--dl-color-blue-500);
}

.form-input-bra:focus-visible {
  outline: 4px solid var(--dl-color-blue-500);
}

.form-input-bra:-webkit-autofill,
.form-input-bra:-webkit-autofill:hover,
.form-input-bra:-webkit-autofill:focus {
  background-color: rgba(0, 0, 0, 0);
}

.form-textarea-bra {
  width: 100%;
  height: 150px;
  border-radius: var(--bs-border-radius-2xl);
  border: 2px solid var(--dl-color-blue-500);
  padding: 0.5rem 1.75rem;
  color: var(--dl-color-blue-500);
}

.form-textarea-bra:focus-visible {
  outline: 4px solid var(--dl-color-blue-500);
}

.form-btn-bra {
  color: var(--dl-color-primary-700);
  background-color: var(--dl-color-blue-500);
  border: none;
  padding: 0.5rem 1.75rem;
  border-radius: var(--bs-border-radius-pill);
  margin: 0.75rem 0.5rem;
}

.form-select-bra {
  width: 49%;
  margin: 1rem 0rem;
  border-radius: var(--bs-border-radius-pill);
  border: 2px solid var(--dl-color-blue-500);
  padding: 0.5rem 1.75rem;
  color: var(--dl-color-blue-500);
}

.form-select-bra:focus-visible {
  outline: 4px solid var(--dl-color-blue-500);
}

.form-select-bra:-webkit-autofill,
.form-select-bra:-webkit-autofill:hover,
.form-select-bra:-webkit-autofill:focus {
  background-color: rgba(0, 0, 0, 0);
}

.form-input-bra-double {
  width: 40%;
  margin: 1rem 10% 0rem 0rem;
  border-radius: var(--bs-border-radius-pill);
  border: 2px solid var(--dl-color-blue-500);
  padding: 0.5rem 1.75rem;
  color: var(--dl-color-blue-500);
}

.form-input-bra-double::placeholder {
  color: var(--dl-color-blue-500);
}

.form-input-bra-double:focus-visible {
  outline: 4px solid var(--dl-color-blue-500);
}

.form-input-bra-double:-webkit-autofill,
.form-input-bra-double:-webkit-autofill:hover,
.form-input-bra-double:-webkit-autofill:focus {
  background-color: rgba(0, 0, 0, 0);
}

.lds-ring {
  margin-top: 1rem;
  padding-top: 0rem;
  align-self: center;
  display: none;
  position: relative;
  width: 80px;
  height: 80px;
  background-color: var(--dl-color-secondary-700);
  border-radius: 100rem;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #ffffff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--dl-color-blue-500) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#loader {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: sticky;
  z-index: 9999999999999;
  background-color: white;
}

#carregamento {
  /* visibility: hidden; */
  width: 100%;
  height: 100%;
  position: relative;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 5000;
}

#carregamento img {
  width: 30px;
  position: absolute;
  top: 5tr;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

#carregamento .circle-preloader {
  display: block;
  width: 60px;
  height: 60px;
  border: 2px solid #ccc;
  border-bottom-color: #000;
  border-radius: 50%;
  position: absolute;
  top: -537px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}