@charset "UTF-8";
@font-face {
  font-family: "novelaposter";
  src: url("fonts/novela-poster-webfont.eot");
  src: url("fonts/novela-poster-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-poster-webfont.woff2") format("woff2"), url("fonts/novela-poster-webfont.woff") format("woff"), url("fonts/novela-poster-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelaposter_italic";
  src: url("fonts/novela-posteritalic-webfont.eot");
  src: url("fonts/novela-posteritalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-posteritalic-webfont.woff2") format("woff2"), url("fonts/novela-posteritalic-webfont.woff") format("woff"), url("fonts/novela-posteritalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_squareregular";
  src: url("fonts/basiersquare-regular-webfont.eot");
  src: url("fonts/basiersquare-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquare-regular-webfont.woff2") format("woff2"), url("fonts/basiersquare-regular-webfont.woff") format("woff"), url("fonts/basiersquare-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelablack";
  src: url("fonts/novela-black-webfont.eot");
  src: url("fonts/novela-black-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-black-webfont.woff2") format("woff2"), url("fonts/novela-black-webfont.woff") format("woff"), url("fonts/novela-black-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelablack_italic";
  src: url("fonts/novela-blackitalic-webfont.eot");
  src: url("fonts/novela-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-blackitalic-webfont.woff2") format("woff2"), url("fonts/novela-blackitalic-webfont.woff") format("woff"), url("fonts/novela-blackitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelabold";
  src: url("fonts/novela-bold-webfont.eot");
  src: url("fonts/novela-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-bold-webfont.woff2") format("woff2"), url("fonts/novela-bold-webfont.woff") format("woff"), url("fonts/novela-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelabold_italic";
  src: url("fonts/novela-bolditalic-webfont.eot");
  src: url("fonts/novela-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-bolditalic-webfont.woff2") format("woff2"), url("fonts/novela-bolditalic-webfont.woff") format("woff"), url("fonts/novela-bolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "noveladisplay_italic";
  src: url("fonts/novela-displayitalic-webfont.eot");
  src: url("fonts/novela-displayitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-displayitalic-webfont.woff2") format("woff2"), url("fonts/novela-displayitalic-webfont.woff") format("woff"), url("fonts/novela-displayitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "noveladisplay_regular";
  src: url("fonts/novela-displayregular-webfont.eot");
  src: url("fonts/novela-displayregular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-displayregular-webfont.woff2") format("woff2"), url("fonts/novela-displayregular-webfont.woff") format("woff"), url("fonts/novela-displayregular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelaregular";
  src: url("fonts/novela-regular-webfont.eot");
  src: url("fonts/novela-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-regular-webfont.woff2") format("woff2"), url("fonts/novela-regular-webfont.woff") format("woff"), url("fonts/novela-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelaregular_italic";
  src: url("fonts/novela-regularitalic-webfont.eot");
  src: url("fonts/novela-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-regularitalic-webfont.woff2") format("woff2"), url("fonts/novela-regularitalic-webfont.woff") format("woff"), url("fonts/novela-regularitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelasemibold";
  src: url("fonts/novela-semibold-webfont.eot");
  src: url("fonts/novela-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-semibold-webfont.woff2") format("woff2"), url("fonts/novela-semibold-webfont.woff") format("woff"), url("fonts/novela-semibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "novelasemibold_italic";
  src: url("fonts/novela-semibolditalic-webfont.eot");
  src: url("fonts/novela-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novela-semibolditalic-webfont.woff2") format("woff2"), url("fonts/novela-semibolditalic-webfont.woff") format("woff"), url("fonts/novela-semibolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monobold";
  src: url("fonts/basiersquaremono-bold-webfont.eot");
  src: url("fonts/basiersquaremono-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-bold-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-bold-webfont.woff") format("woff"), url("fonts/basiersquaremono-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monobold_italic";
  src: url("fonts/basiersquaremono-bolditalic-webfont.eot");
  src: url("fonts/basiersquaremono-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-bolditalic-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-bolditalic-webfont.woff") format("woff"), url("fonts/basiersquaremono-bolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monomedium";
  src: url("fonts/basiersquaremono-medium-webfont.eot");
  src: url("fonts/basiersquaremono-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-medium-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-medium-webfont.woff") format("woff"), url("fonts/basiersquaremono-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monoMdIt";
  src: url("fonts/basiersquaremono-mediumitalic-webfont.eot");
  src: url("fonts/basiersquaremono-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-mediumitalic-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-mediumitalic-webfont.woff") format("woff"), url("fonts/basiersquaremono-mediumitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monoregular";
  src: url("fonts/basiersquaremono-regular-webfont.eot");
  src: url("fonts/basiersquaremono-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-regular-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-regular-webfont.woff") format("woff"), url("fonts/basiersquaremono-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monoRgIt";
  src: url("fonts/basiersquaremono-regularitalic-webfont.eot");
  src: url("fonts/basiersquaremono-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-regularitalic-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-regularitalic-webfont.woff") format("woff"), url("fonts/basiersquaremono-regularitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monosemibold";
  src: url("fonts/basiersquaremono-semibold-webfont.eot");
  src: url("fonts/basiersquaremono-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-semibold-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-semibold-webfont.woff") format("woff"), url("fonts/basiersquaremono-semibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_square_monoSBdIt";
  src: url("fonts/basiersquaremono-semibolditalic-webfont.eot");
  src: url("fonts/basiersquaremono-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquaremono-semibolditalic-webfont.woff2") format("woff2"), url("fonts/basiersquaremono-semibolditalic-webfont.woff") format("woff"), url("fonts/basiersquaremono-semibolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "basier_squaremedium";
  src: url("fonts/basiersquare-medium-webfont.eot");
  src: url("fonts/basiersquare-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiersquare-medium-webfont.woff2") format("woff2"), url("fonts/basiersquare-medium-webfont.woff") format("woff"), url("fonts/basiersquare-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* https://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* Melhoria para elementos HTML5 no IE */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Remove estilos padrão de listas */
ol, ul {
  list-style: none;
}

/* Corrige herança de fontes em elementos de formulário */
input, button, textarea, select {
  font: inherit;
}

/* Remove bordas padrão em elementos de formulário no Chrome e Safari */
button, input {
  border: none;
  outline: none;
}

/* Normaliza o comportamento de tabelas */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Variaves */
body {
  color: #333333;
  font-size: 16px;
  font-family: "basier_squareregular";
}

html {
  scroll-behavior: smooth;
}

header {
  background-color: #3d3c41;
  padding: 20px 0px;
  display: flex;
  justify-content: center;
}
header img {
  width: auto;
  height: 30px;
}

.container {
  max-width: 90% !important;
  display: flex;
}

.display-lg {
  display: block;
}

.display-md {
  display: none;
}

.conteudo {
  display: flex;
  justify-content: center;
}
.conteudo aside {
  width: 50%;
  position: sticky;
  top: 0; /* Fixa a aside no topo da tela ao rolar */
  height: 100vh; /* Garante que ocupe toda a altura da tela */
  overflow: hidden;
}
.conteudo aside .conteudo-aside {
  height: 100vh; /* Garante que ocupe toda a altura da tela */
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Coloca um espaço entre os elementos */
  height: 100%; /* Se necessário, pode ser altura fixa ou dinâmica */
  animation: slideFade 13s infinite;
}
@keyframes slideFade {
  0%, 10% {
    opacity: 1;
    background-image: url("imagens/foto-1.png");
  }
  33%, 43% {
    opacity: 1;
    background-image: url("imagens/foto-2.png");
  }
  66%, 76% {
    opacity: 1;
    background-image: url("imagens/foto-3.png");
  }
  90%, 100% {
    opacity: 1;
    background-image: url("imagens/foto-1.png");
  }
}
.conteudo aside .conteudo-aside .simbolo-ile {
  width: auto;
  height: 280px;
}
.conteudo aside .conteudo-aside nav {
  margin-bottom: 40px;
}
.conteudo aside .conteudo-aside nav li {
  font-family: "basier_squaremedium";
  font-size: 2.9375em;
}
.conteudo aside .conteudo-aside nav li a {
  color: #fefb6c;
  text-decoration: none;
}
.conteudo aside .conteudo-aside nav li a:hover {
  color: #e5e5e7;
}
.conteudo main {
  width: 50%;
  padding: 20px;
}
.conteudo main a {
  text-decoration: none;
  color: #333333;
}
.conteudo main h1 {
  font-family: "novelaposter";
  font-size: 2.125em;
}
.conteudo main .frase-destaque {
  margin-top: 80px;
}
.conteudo main .frase-destaque blockquote {
  font-family: "noveladisplay_regular";
  font-size: 2.9375em;
  line-height: 1.1em;
  width: 97%;
}
.conteudo main .frase-destaque blockquote cite {
  font-family: "basier_square_monoregular";
  font-size: 0.2765957447em;
  text-transform: uppercase;
}
.conteudo main .frase-destaque blockquote .texto-italico {
  font-family: "novelaregular_italic";
  font-style: italic;
}
.conteudo main .frase-destaque ul {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-top: 20px;
}
.conteudo main .frase-destaque li {
  font-family: "basier_square_monoregular";
  font-size: 0.8125em;
  text-transform: uppercase;
}
.conteudo main .barracao {
  padding-bottom: 80px;
}
.conteudo main .cadernos {
  margin-top: 40px;
}
.conteudo main .cadernos h2 {
  font-size: 5.875em;
}
.conteudo main .cadernos article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px;
  border: solid #333333;
  border-width: 1px 0;
  border-top: 0px;
}
.conteudo main .cadernos article .dados {
  width: 80%;
}
.conteudo main .cadernos article .dados h3 {
  font-family: "noveladisplay_regular";
  font-size: 2.125em;
  margin-bottom: 20px;
  height: 80px;
}
.conteudo main .cadernos article .dados ul {
  display: flex;
  justify-content: space-between;
}
.conteudo main .cadernos article .dados li {
  font-family: "basier_squaremedium";
  font-size: 1em;
  /*&:last-child:hover{
      color: $amarelo!important;
  }*/
}
.conteudo main .cadernos article img {
  width: 90px;
  height: auto;
}
.conteudo main .cadernos .first {
  border-top: 1px solid #333333;
}
.conteudo main .texto-sobre {
  padding-top: 80px;
}
.conteudo main .texto-sobre .hidden {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, opacity 0.2s ease-out;
}
.conteudo main .texto-sobre .show {
  opacity: 1;
}
.conteudo main .texto-sobre p {
  font-size: 1.3125em;
  margin-bottom: 14px;
}
.conteudo main .texto-sobre footer {
  justify-content: start;
  margin-top: 5px;
  padding-top: 0px;
}
.conteudo main .texto-sobre footer ul {
  display: flex;
  justify-content: space-between;
  width: 80%;
}
.conteudo main .texto-sobre footer li {
  font-family: "basier_square_monoregular";
  font-size: 0.8125em;
  text-transform: uppercase;
}
.conteudo main .texto-sobre footer li button {
  font-size: 0.9375em;
  padding: 0px;
  border: 0px;
  background-color: transparent;
  color: #333333;
  cursor: pointer;
  text-transform: uppercase;
}

.rodape {
  display: flex;
  justify-content: center;
  padding-top: 60px;
  margin-bottom: 80px;
  font-size: 0.8125em;
  text-transform: uppercase;
}
.rodape .container {
  display: block;
  max-width: 80% !important;
}
.rodape .container .regua-principal {
  margin-bottom: 100px;
}
.rodape .container .regua-principal p {
  margin-top: -50px;
}
.rodape .container p {
  font-size: 0.8125em;
}
.rodape .container a {
  text-decoration: none;
  color: #333333;
}
.rodape .container ul {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.rodape .container li {
  font-family: "basier_squareregular";
  font-size: 0.8125em;
}

@media (max-width: 1024px) {
  .container {
    max-width: 100% !important;
    display: block;
    padding: 0px !important;
  }
  .display-lg {
    display: none;
  }
  .display-md {
    display: block;
  }
  .conteudo-hero {
    height: 100vh; /* Garante que ocupe toda a altura da tela */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Coloca um espaço entre os elementos */
    height: 100vh; /* Se necessário, pode ser altura fixa ou dinâmica */
    animation: slideFade2 13s infinite;
  }
  @keyframes slideFade2 {
    0%, 10% {
      opacity: 1;
      background-image: url("imagens/foto-mobile-1.jpg");
    }
    33%, 43% {
      opacity: 1;
      background-image: url("imagens/foto-mobile-2.jpg");
    }
    66%, 76% {
      opacity: 1;
      background-image: url("imagens/foto-mobile-3.jpg");
    }
    90%, 100% {
      opacity: 1;
      background-image: url("imagens/foto-mobile-1.jpg");
    }
  }
  .conteudo-hero .simbolo-ile {
    width: auto;
    height: 200px;
  }
  .conteudo-hero nav {
    margin-bottom: 80px;
  }
  .conteudo-hero nav li {
    font-family: "basier_squaremedium";
    font-size: 2.9375em;
    line-height: 1.1em;
  }
  .conteudo-hero nav li a {
    color: #fefb6c;
    text-decoration: none;
  }
  .conteudo-hero nav li a:hover {
    color: #e5e5e7;
  }
  .conteudo {
    display: block;
  }
  .conteudo aside {
    width: 100%;
    display: none;
  }
  .conteudo main {
    width: 100%;
  }
  .conteudo main h1 {
    margin-bottom: 20px;
  }
  .conteudo main .frase-destaque {
    margin-top: 60px;
  }
  .conteudo main .frase-destaque blockquote {
    line-height: 1.1em;
  }
  .conteudo main .frase-destaque cite {
    display: block;
    margin-top: 20px;
  }
  .conteudo main .cadernos {
    margin-top: 80px;
  }
  .conteudo main .cadernos h2 {
    display: none;
  }
  .conteudo main .cadernos article .dados {
    width: 100%;
  }
  .conteudo main .cadernos article .dados br {
    display: none;
  }
  .conteudo main .cadernos article img {
    display: none !important;
  }
  .rodape {
    padding-top: 60px;
  }
  .rodape .container {
    max-width: 90% !important;
  }
  .rodape .logo-paisagem-foto {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
  }
  .rodape .logo-paisagem-foto img {
    width: 160px;
  }
  .rodape .centralizado-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .rodape .centralizado-mobile .logo-ile {
    width: 80px;
    margin-bottom: 60px;
  }
  .rodape .centralizado-mobile p {
    margin-bottom: 20px;
  }
  .rodape .centralizado-mobile .realizacao {
    width: 150px;
  }
  .topo {
    background-color: transparent !important;
    background-color: #3d3c41 !important;
  }
  .topo ul li a {
    border-top: 8px solid #3d3c41 !important;
  }
  .topo ul .dropdown-menu {
    background: #3d3c41 !important;
  }
}/*# sourceMappingURL=estilos.css.map */