@import url("../assets/font/dala/dala.css");

@import url("../assets/font/metric/metric.css");

.fontComic {
  font-family: 'Comic Neue', cursive;
}



@tailwind base;
@tailwind components;
@tailwind utilities;


@layer components {

  button,
  a {
    @apply focus-visible: outline-black
  }

  .bt {
    @apply bg-gray-100 p-3 rounded-lg text-base font-semibold border-2 border-gray-100 hover: bg-gray-200 hover:border-gray-200 transition-colors focus-visible:outline-black;
  }

  .bt-disable {
    @apply bt bg-gray-200 text-gray-400 border-gray-200 hover: bg-gray-200 hover:border-gray-200 cursor-not-allowed;
  }

  .bt-primary {
    @apply bt bg-brand-primary-600 border-brand-primary-600 text-gray-50 hover: bg-brand-primary-700 hover:border-brand-primary-700;
  }

  .bt-outline {
    @apply bt bg-transparent border-gray-900 hover: border-gray-900 hover:bg-gray-50;
  }

  .bt-primary.bt-outline {
    @apply border-brand-primary-600 text-brand-primary-600 hover: bg-brand-primary-50
  }

  .bt-primary.bt-disable {
    @apply bg-brand-primary-200 border-brand-primary-200 text-brand-primary-50 hover: bg-brand-primary-200
  }

  .bt-negative {
    @apply bt bg-red-50 border-red-50 text-red-900 hover: bg-red-100 hover:border-red-100;
  }

  .bt-positive {
    @apply bt bg-green-50 border-green-50 text-green-900 hover: bg-green-100 hover:border-green-100;
  }

  .bt-medium {
    @apply p-2 text-sm;
  }

}

body {
  -webkit-font-smoothing: antialiased;
}

.preto {
  color: black !important;
}

.font_titulo {
  font-family: "DalaFloda-roman", "Arial";
  font-size: 35px;
  /*text-transform: capitalize;*/
}

.font_ap {
  font-family: "DalaFloda-roman", "Arial";
  font-size: 26px;
  text-transform: capitalize;
}

.font_Rst {
  font-family: "Copyright Klim Type Foundry" !important;
  font-size: 20px;
}

.cinza {
  color: #5C5858 !important;
}

.goldz {
  color: #B58E3E !important;
}

@media (max-width: 600px) {
  .font_titulo {
    font-family: "DalaFloda-roman", "Arial";
    font-size: 27px;
  }
}

.modal-dialog {
  z-index: 40;
}

.modal {
  display: none;
}

.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.cxpromomob {
  position: absolute;
  top: 95px;
  width: 100%;
}














.wajust {
  width: 50% !important;
}

@media (max-width: 992px) {
  .wajust {
    width: 100% !important;
  }

  .cxpromomob {
    position: absolute;
    top: 93px;
    width: 100%;
  }

  .caixaQuarto2 {
    margin-top: 228px !important;
    font-size: 11px;
  }

  .promo_D {
    margin-top: -22px !important;
  }
}