@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/PlusJakartaSans-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/PlusJakartaSans-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/PlusJakartaSans-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/PlusJakartaSans-700.ttf') format('truetype');
}

@font-face {
  font-family: 'milhas-icons';
  src: local('milhas-icons'),
    url('../fonts/milhaspix-icons.woff2') format('woff2');
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'milhas-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-miles:before {
  content: "\e90a";
  /* Código Unicode associado ao ícone */
}

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: none;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background-color: #F7F8FA !important;

}

ul,
li,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

.hide {
  display: none !important;
}


#containerPrincipal {
  max-width: 1100px;
  width: 100%;
  padding: 0rem 0.55rem;
}

@media (min-width: 1100px) {
  #containerPrincipal {
    margin: 0 auto;
    padding: 0px;
  }
}

@media (max-width: 1100px) {

  .footer {
    padding: 0px 3px !important;
  }

}

.container {
  width: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
  border: 1px solid #F2F3F5;
  padding: 14px 0px;
  background-color: #fff;
  border-radius: 8px;
}

#main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-bottom: 0;
}

#main #containerPrincipal {
  flex: 1 1 0;
}

footer {
  margin-top: 0;
}

.footer {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
}

.decorationFooter {
  position: absolute;
  left: 0px;
  top: 30px;
}

.decorationFooter svg {
  height: 440px;
}

.divisorFooter {
  background-color: rgb(97 127 149 / 63%);
  height: 1px;
  margin: 10px 0px;
  width: 100%;
}

.footerHeader div {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.footerHeader div img {
  transition: 0.15s;
  max-width: 28px;
  filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3063%) hue-rotate(347deg) brightness(97%) contrast(87%);
  /* filter: brightness(0) saturate(100%) invert(6%) sepia(39%) saturate(6510%) hue-rotate(240deg) brightness(112%) contrast(112%); */
}

.footerHeader div img:hover {
  transform: scale(1.04);
}

.footerMain {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 9px;
}

.footerMain>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  max-width: 320px
}

.footerMain>div:first-child span {
  font-size: 13px;
}

.footerMain>div:first-child img {
  max-width: 120px;
  max-height: 32px;
}

.footerMain p {
  font-weight: 500;
  font-size: 15px;
}

.navbarFooter {
  display: flex;
  gap: 6rem;
}

.opcoesFooter {
  display: flex;
  gap: 6rem;
}

.opcoesFooter>div,
.navegue {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.opcoesFooter ul,
.navegue ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.opcoesFooter ul li a,
.navegue ul li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
  white-space: nowrap;
}

.opcoesFooter ul li a img {
  max-width: 22px;
}

.contato {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contato>div:last-child ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.contato>div:last-child ul li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
}

.buttonsContato {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.buttonsContato a {
  color: #191919;
  background-color: #FFFFFF;
  border-radius: 62px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 15px;
}

.buttonsContato a:hover {
  transform: scale(1.025);
  color: #191919;
}

.buttonsContato ul li a img {
  max-width: 22px;
}


.footerBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  margin-top: -5px;
  font-size: 13px;
}

.footerBottom ul {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

footer a {
  color: #fff;
  transition: 0.2s;
}

footer a:hover {
  color: #e7e7e7;
}


.avisoVencido,
.avisoGratis {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: #F00000;
  padding: 0.35rem 0.8rem 0.4rem;
  border-radius: 24px;
  width: max-content;
  margin-bottom: 10px;
  font-size: 0.85rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.025);
  color: #fff;
  text-wrap: nowrap;
  font-weight: 500;
  min-width: 385px;
  transition: 0.2s;
}

.avisoGratis {
  min-width: auto;
  background-color: #00A650;
}

.vencidoAvisoLink:hover .avisoVencido,
.vencidoGratisLink:hover .avisoGratis {
  transform: scale(1.005);
}

.reguralizeAgora {
  color: #039CF9;
  font-weight: 500;
}

.reguralizeAgora:hover {
  text-decoration: underline;
}


.breadcrumbs img {
  width: 15px;
}

.avisoVencido img,
.avisoGratis img {
  max-width: 24.5px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(339deg) brightness(100%) contrast(102%);
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: #fff;
  padding: 0.5rem 0.8rem;
  border-radius: 24px;
  width: max-content;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.85rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.025);
}

.breadcrumbs p {
  color: #111;
  font-weight: 500;
}



@media (max-width: 500px) {
  .footerBottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: start;
    padding-bottom: 5px;
  }

  .slick-list{
    margin-top: 15px;
  }

  .footerHeader{
    padding-top: 10px;
  }

  .footerMain {
    justify-content: space-between;
    padding: 9px 0px;
  }

  .navbarFooter {
    display: none !important
  }
}