@font-face {
    font-family: 'NeueKabel';
    src: url(/fonts/NeueKabel/NeueKabel.otf);
    src: url(/fonts/NeueKabel/NeueKabel.otf);
}

@font-face {
  font-family: 'NeueKabel Light';
  src: url(/fonts/NeueKabel/NeueKabel-Light.otf);
}

@font-face {
  font-family: 'NeueKabel Book';
  src: url(/fonts/NeueKabel/NeueKabel-Book.otf);
}

@font-face {
  font-family: 'NeueKabel Extra Light';
  src: url(/fonts/NeueKabel/NeueKabel-ExtraLight.otf);
}

@font-face {
  font-family: "TT Chocolate Trial Regular";
  src: url(/fonts/Chocolate/TT\ Chocolates\ Trial\ Regular.otf);
}

@font-face {
  font-family: "TT Chocolate Trial Light";
  src: url(/fonts/Chocolate/tt-chocolates-trial.light.ttf);
}

@font-face {
  font-family: "Novecento Sans";
  src: url(/fonts/Novecento_Sans/Novecentosanswide-Normal.otf);
}

@font-face {
  font-family: "Novecento Sans Light";
  src: url(/fonts/Novecento_Sans/Novecentosanswide-Light.otf);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* * {
  outline:  red 1px solid;
} */

:root{
  --bege:#FEF7E5;
  --preto:#000000;
  --azul_escuro:#092040;
  --azul_claro:#6385AB;
  --branco_azulado:#F7F9FA;

  --brancoAzulado-fundo:#F7F9FA;
  --azulEscuro-brancoAzulado:#092040;
}

html.dark-mode{
  --brancoAzulado-fundo:#1C1D26;
  --azulEscuro-brancoAzulado:#F7F9FA;
}

body{
  background-color: var(--brancoAzulado-fundo);
  font-family:'NeueKabel';
  color:var(--branco_azulado);
}

.imagem_postagem{
  object-fit: cover;
  width: 24.883vw;
  height: 18vw;
}

@media(max-width:900px){
  .corpo_postagem{
    grid-template-columns: repeat(2, 1fr) !important;

    & .imagem_postagem{
      width: 38vw !important;
    }
  }

    #livro{
    object-fit: contain;
    width: 50%;
    background-color: var(--azul_escuro);
    height: 30vw;
  }

}

  .btn_reuniao:hover{
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}

.banner{
    padding: 10% 0;
    background-color: #000;
    padding-left: 7%;
    align-content: center;
    border-radius: 0 0 25px 25px;
    background-image: url(../images/publicacao/banner.svg);
    background-size: cover;

    & h1{
        margin-bottom: 2%;
        font-family: "Novecento Sans Light";
        font-size: clamp(2rem, 4.167vw, 7rem);
    }
    & h2{
      font-size: clamp(0.7rem, 1.25vw, 2.5rem);
    }
}

.corpo_postagem{
    padding: 7% 7% 3% 7%;
    display: grid;
    
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    & .postagem{
        color: var(--azulEscuro-brancoAzulado);
        margin-bottom: 15%;
        justify-self: center;
        width:min-content;
        height: auto;

        & .imagem_postagem{
            border-radius: 15px;
            width: 23.833vw;
            height: 18vw;
        }
        & h2{
            font-size: clamp(0.8rem, 2.25vw, 2.5rem);
            max-width: 100%;
        }
        & p{
            font-family: "NeueKabel Extra Light";
            font-size: clamp(0.3rem, 1.333vw, 2rem);
            
        }
    }
}