@import "../../../theme/cores.scss";

:host {
  @apply w-full block relative z-[9993];
}

header {
  @apply flex flex-row justify-between top-0 space-x-4;
  @apply text-white py-4 pr-4 relative bg-primary;
  background-color: $azul-2;
  transition: all 0.3s ease-in-out;
}

.data-hoje {
  @apply hidden sm:block;
}

.logo {
  &-title {
    font-family: "Exo 2", sans-serif !important;
  }
}

.menu{
  @apply md:min-w-[6rem];
}

.menu-open {
  .menu {
    @apply md:min-w-[14rem];
  }
}