@charset "UTF-8";
/**
 * Função para obter valores do mapa de pontos de largura (widthpoints)
 * 
 * @param {Arglist} $key... - Cadeia de chaves para acessar o mapa `$widthpoints`
 * @return {*} - Retorna o valor associado à chave fornecida ou `null` se não encontrado
 * 
 * Descrição:
 * Esta função utiliza a `map-deep-get` para percorrer o mapa `$widthpoints` 
 * e retornar um valor associado às chaves fornecidas. É útil para gerenciar 
 * configurações de largura de forma estruturada e centralizada.
 * 
 * 
 * $mobileLarge: get-widthpoint("small"); // Retorna 540px
 * $desktop: get-widthpoint("large"); // Retorna 960px
 * ```
 */
/**
 * Função para obter valores do mapa de sombras (shadows)
 * 
 * @param {Arglist} $key... - Cadeia de chaves para acessar o mapa `$shadows`
 * @return {*} - Retorna o valor associado à chave fornecida ou `null` se não encontrado
 * 
 * Descrição:
 * Esta função utiliza a `map-deep-get` para navegar no mapa `$shadows` 
 * e retornar valores de sombra específicos. É útil para gerenciar configurações 
 * de sombras de forma centralizada, facilitando a manutenção e consistência no design.
 * 
 * Exemplo de uso:
 * ```scss
 * $shadows: (
 *   1: 0px 1px 3px rgba(0, 0, 0, 0.2),
 *   2: 0px 3px 6px rgba(0, 0, 0, 0.3),
 *   3: 0px 6px 12px rgba(0, 0, 0, 0.4)
 * );
 * 
 * .ex {
 *   box-shadow: get-shadows(2); // Retorna 0px 3px 6px rgba(0, 0, 0, 0.3)
 * }
 * ```
 */
/**
 * Mixin SCSS: get-typography
 * Info: Este mixin aplica estilos de tipografia definidos em um mapa `$typography`.
 * Descrição:
 * - Utiliza a função `get-typography` para buscar propriedades de tipografia (como `font-size` e `line-height`).
 * - O mapa `$typography` deve conter as definições de estilos para diferentes tipos de texto (ex.: `heading`, `body`) e dispositivos (ex.: `desktop`, `mobile`).
 * - Facilita a aplicação consistente de estilos tipográficos, evitando a repetição de código.
 * 
 * Requisitos:
 * - O mapa `$typography` deve estar definido no projeto (normalmente em `_variables.scss`).
 * - A função `get-typography` deve estar implementada para acessar os valores do mapa.
 * 
 * Parâmetros:
 * - `$type`: O tipo de texto, como `heading` ou `body`. Deve corresponder a uma chave no mapa `$typography`.
 * - `$device`: O dispositivo para o qual o estilo será aplicado, como `desktop` ou `mobile`. Deve ser uma chave dentro de `$typography[$type]`.
 * 
 * Retorno:
 * - Aplica as propriedades `font-size` e `line-height` com base nos valores encontrados no mapa `$typography`.
 * 
 * Aplicação do mixin
 * .heading {
 *   @include get-typography(heading, desktop);
 * }
*/
/** 
*
* Mixin SCSS: generate-spacing-helpers
* Info: Este mixin gera classes utilitárias para aplicar espaçamentos de forma consistente e escalável.
*
* Requisitos:
* - O mapa `$spacing-scale` deve estar definido como uma lista de valores (ex.: `0, 1, 2, 3, 4, 5`).
* - A variável `$spacing-base` deve conter o valor base para multiplicação (ex.: `8px`).
*
* Parâmetros:
* - `$property`: Propriedade CSS alvo (ex.: `margin`, `padding`).
* - `$prefix`: Prefixo para as classes geradas (ex.: `m` para `margin`, `p` para `padding`).
*
* Retorno:
* - Gera classes utilitárias no formato `.prefix-scale`, `.prefixx-scale`, `.prefixy-scale`, `.prefixt-scale`, `.prefixb-scale`, etc.
*
* Resultado esperado:
* .m-1 { margin: 8px !important; }
* .mx-1 { margin-left: 8px !important; margin-right: 8px !important; }
*
*/
.asideBar > header .header__logo, .footer.footer--main .footer__logo, .header.header--main .header__top .header__top__logo {
  width: 100%;
  max-width: 45%;
}
.asideBar > header .header__logo img, .footer.footer--main .footer__logo img, .header.header--main .header__top .header__top__logo img {
  width: 100%;
  height: auto;
}

.footer.footer--main .footer__menu > ul > li > a, .header.header--main .header__menu > ul > li > a {
  position: relative;
}
.footer.footer--main .footer__menu > ul > li > a::after, .header.header--main .header__menu > ul > li > a::after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 2;
  display: block;
  width: 0%;
  height: 2px;
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
  inset-inline-start: 100%;
  background-color: #3f444b;
  opacity: 0;
}
.footer.footer--main .footer__menu > ul > li > a:hover::after, .header.header--main .header__menu > ul > li > a:hover::after, .footer.footer--main .footer__menu > ul > li > a:active::after, .header.header--main .header__menu > ul > li > a:active::after, .footer.footer--main .footer__menu > ul > li > a:focus::after, .header.header--main .header__menu > ul > li > a:focus::after, .footer.footer--main .footer__menu > ul > li > a:visited::after, .header.header--main .header__menu > ul > li > a:visited::after {
  width: 100%;
  inset-inline-start: 0%;
  opacity: 1;
}

.asideBar .asideBar__social, .footer.footer--main .footer__social {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.asideBar .asideBar__social > li > a, .footer.footer--main .footer__social > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 50%;
  background: var(--clr-light-1);
}
.asideBar .asideBar__social > li > a svg, .footer.footer--main .footer__social > li > a svg {
  width: 24px;
  height: 24px;
  fill: var(--clr-blue-1);
}
.asideBar .asideBar__social > li > a:hover, .footer.footer--main .footer__social > li > a:hover, .asideBar .asideBar__social > li > a:active, .footer.footer--main .footer__social > li > a:active, .asideBar .asideBar__social > li > a:focus, .footer.footer--main .footer__social > li > a:focus, .asideBar .asideBar__social > li > a:visited, .footer.footer--main .footer__social > li > a:visited {
  filter: brightness(0.8);
}

/**
 * Oculta elementos visualmente, mas mantém legíveis para leitores de tela
 * Baseado no HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 * 
 * Descrição: Essa classe é útil para ocultar elementos que são necessários
 * apenas para leitores de tela, garantindo que o layout visual não seja afetado.
 */
.screen-reader-text, .asideBar .asideBar__social > li > a span, .footer.footer--main .footer__social > li > a span,
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.bootstrap {
  /**
   * Bootstrap overrides
   */
}

.bootstrap .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.bootstrap .visible {
  visibility: visible !important;
}

.bootstrap .invisible {
  visibility: hidden !important;
}

.bootstrap .hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  .bootstrap .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .bootstrap .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .bootstrap .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .bootstrap .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .bootstrap .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .bootstrap .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .bootstrap .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap .hidden-xl-up {
    display: none !important;
  }
}
.bootstrap .hidden-xl-down {
  display: none !important;
}

.bootstrap .visible-print-block {
  display: none !important;
}

@media print {
  .bootstrap .visible-print-block {
    display: block !important;
  }
}
.bootstrap .visible-print-inline {
  display: none !important;
}

@media print {
  .bootstrap .visible-print-inline {
    display: inline !important;
  }
}
.bootstrap .visible-print-inline-block {
  display: none !important;
}

@media print {
  .bootstrap .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .bootstrap .hidden-print {
    display: none !important;
  }
}
.bootstrap .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .bootstrap .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .bootstrap .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .bootstrap .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .bootstrap .container {
    max-width: 1280px;
  }
}
.bootstrap .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bootstrap .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bootstrap .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.bootstrap .no-gutters > .col,
.bootstrap .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.bootstrap .col-1,
.bootstrap .col-2,
.bootstrap .col-3,
.bootstrap .col-4,
.bootstrap .col-5,
.bootstrap .col-6,
.bootstrap .col-7,
.bootstrap .col-8,
.bootstrap .col-9,
.bootstrap .col-10,
.bootstrap .col-11,
.bootstrap .col-12,
.bootstrap .col,
.bootstrap .col-auto,
.bootstrap .col-sm-1,
.bootstrap .col-sm-2,
.bootstrap .col-sm-3,
.bootstrap .col-sm-4,
.bootstrap .col-sm-5,
.bootstrap .col-sm-6,
.bootstrap .col-sm-7,
.bootstrap .col-sm-8,
.bootstrap .col-sm-9,
.bootstrap .col-sm-10,
.bootstrap .col-sm-11,
.bootstrap .col-sm-12,
.bootstrap .col-sm,
.bootstrap .col-sm-auto,
.bootstrap .col-md-1,
.bootstrap .col-md-2,
.bootstrap .col-md-3,
.bootstrap .col-md-4,
.bootstrap .col-md-5,
.bootstrap .col-md-6,
.bootstrap .col-md-7,
.bootstrap .col-md-8,
.bootstrap .col-md-9,
.bootstrap .col-md-10,
.bootstrap .col-md-11,
.bootstrap .col-md-12,
.bootstrap .col-md,
.bootstrap .col-md-auto,
.bootstrap .col-lg-1,
.bootstrap .col-lg-2,
.bootstrap .col-lg-3,
.bootstrap .col-lg-4,
.bootstrap .col-lg-5,
.bootstrap .col-lg-6,
.bootstrap .col-lg-7,
.bootstrap .col-lg-8,
.bootstrap .col-lg-9,
.bootstrap .col-lg-10,
.bootstrap .col-lg-11,
.bootstrap .col-lg-12,
.bootstrap .col-lg,
.bootstrap .col-lg-auto,
.bootstrap .col-xl-1,
.bootstrap .col-xl-2,
.bootstrap .col-xl-3,
.bootstrap .col-xl-4,
.bootstrap .col-xl-5,
.bootstrap .col-xl-6,
.bootstrap .col-xl-7,
.bootstrap .col-xl-8,
.bootstrap .col-xl-9,
.bootstrap .col-xl-10,
.bootstrap .col-xl-11,
.bootstrap .col-xl-12,
.bootstrap .col-xl,
.bootstrap .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.bootstrap .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.bootstrap .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.bootstrap .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.bootstrap .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.bootstrap .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.bootstrap .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.bootstrap .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.bootstrap .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.bootstrap .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.bootstrap .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.bootstrap .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.bootstrap .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.bootstrap .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.bootstrap .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.bootstrap .order-first {
  order: -1;
}

.bootstrap .order-last {
  order: 13;
}

.bootstrap .order-0 {
  order: 0;
}

.bootstrap .order-1 {
  order: 1;
}

.bootstrap .order-2 {
  order: 2;
}

.bootstrap .order-3 {
  order: 3;
}

.bootstrap .order-4 {
  order: 4;
}

.bootstrap .order-5 {
  order: 5;
}

.bootstrap .order-6 {
  order: 6;
}

.bootstrap .order-7 {
  order: 7;
}

.bootstrap .order-8 {
  order: 8;
}

.bootstrap .order-9 {
  order: 9;
}

.bootstrap .order-10 {
  order: 10;
}

.bootstrap .order-11 {
  order: 11;
}

.bootstrap .order-12 {
  order: 12;
}

.bootstrap .offset-1 {
  margin-left: 8.3333333333%;
}

.bootstrap .offset-2 {
  margin-left: 16.6666666667%;
}

.bootstrap .offset-3 {
  margin-left: 25%;
}

.bootstrap .offset-4 {
  margin-left: 33.3333333333%;
}

.bootstrap .offset-5 {
  margin-left: 41.6666666667%;
}

.bootstrap .offset-6 {
  margin-left: 50%;
}

.bootstrap .offset-7 {
  margin-left: 58.3333333333%;
}

.bootstrap .offset-8 {
  margin-left: 66.6666666667%;
}

.bootstrap .offset-9 {
  margin-left: 75%;
}

.bootstrap .offset-10 {
  margin-left: 83.3333333333%;
}

.bootstrap .offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .bootstrap .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-sm-first {
    order: -1;
  }
  .bootstrap .order-sm-last {
    order: 13;
  }
  .bootstrap .order-sm-0 {
    order: 0;
  }
  .bootstrap .order-sm-1 {
    order: 1;
  }
  .bootstrap .order-sm-2 {
    order: 2;
  }
  .bootstrap .order-sm-3 {
    order: 3;
  }
  .bootstrap .order-sm-4 {
    order: 4;
  }
  .bootstrap .order-sm-5 {
    order: 5;
  }
  .bootstrap .order-sm-6 {
    order: 6;
  }
  .bootstrap .order-sm-7 {
    order: 7;
  }
  .bootstrap .order-sm-8 {
    order: 8;
  }
  .bootstrap .order-sm-9 {
    order: 9;
  }
  .bootstrap .order-sm-10 {
    order: 10;
  }
  .bootstrap .order-sm-11 {
    order: 11;
  }
  .bootstrap .order-sm-12 {
    order: 12;
  }
  .bootstrap .offset-sm-0 {
    margin-left: 0;
  }
  .bootstrap .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap .offset-sm-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap .offset-sm-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap .offset-sm-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .bootstrap .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-md-first {
    order: -1;
  }
  .bootstrap .order-md-last {
    order: 13;
  }
  .bootstrap .order-md-0 {
    order: 0;
  }
  .bootstrap .order-md-1 {
    order: 1;
  }
  .bootstrap .order-md-2 {
    order: 2;
  }
  .bootstrap .order-md-3 {
    order: 3;
  }
  .bootstrap .order-md-4 {
    order: 4;
  }
  .bootstrap .order-md-5 {
    order: 5;
  }
  .bootstrap .order-md-6 {
    order: 6;
  }
  .bootstrap .order-md-7 {
    order: 7;
  }
  .bootstrap .order-md-8 {
    order: 8;
  }
  .bootstrap .order-md-9 {
    order: 9;
  }
  .bootstrap .order-md-10 {
    order: 10;
  }
  .bootstrap .order-md-11 {
    order: 11;
  }
  .bootstrap .order-md-12 {
    order: 12;
  }
  .bootstrap .offset-md-0 {
    margin-left: 0;
  }
  .bootstrap .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap .offset-md-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap .offset-md-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap .offset-md-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .bootstrap .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-lg-first {
    order: -1;
  }
  .bootstrap .order-lg-last {
    order: 13;
  }
  .bootstrap .order-lg-0 {
    order: 0;
  }
  .bootstrap .order-lg-1 {
    order: 1;
  }
  .bootstrap .order-lg-2 {
    order: 2;
  }
  .bootstrap .order-lg-3 {
    order: 3;
  }
  .bootstrap .order-lg-4 {
    order: 4;
  }
  .bootstrap .order-lg-5 {
    order: 5;
  }
  .bootstrap .order-lg-6 {
    order: 6;
  }
  .bootstrap .order-lg-7 {
    order: 7;
  }
  .bootstrap .order-lg-8 {
    order: 8;
  }
  .bootstrap .order-lg-9 {
    order: 9;
  }
  .bootstrap .order-lg-10 {
    order: 10;
  }
  .bootstrap .order-lg-11 {
    order: 11;
  }
  .bootstrap .order-lg-12 {
    order: 12;
  }
  .bootstrap .offset-lg-0 {
    margin-left: 0;
  }
  .bootstrap .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap .offset-lg-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap .offset-lg-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap .offset-lg-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .bootstrap .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-xl-first {
    order: -1;
  }
  .bootstrap .order-xl-last {
    order: 13;
  }
  .bootstrap .order-xl-0 {
    order: 0;
  }
  .bootstrap .order-xl-1 {
    order: 1;
  }
  .bootstrap .order-xl-2 {
    order: 2;
  }
  .bootstrap .order-xl-3 {
    order: 3;
  }
  .bootstrap .order-xl-4 {
    order: 4;
  }
  .bootstrap .order-xl-5 {
    order: 5;
  }
  .bootstrap .order-xl-6 {
    order: 6;
  }
  .bootstrap .order-xl-7 {
    order: 7;
  }
  .bootstrap .order-xl-8 {
    order: 8;
  }
  .bootstrap .order-xl-9 {
    order: 9;
  }
  .bootstrap .order-xl-10 {
    order: 10;
  }
  .bootstrap .order-xl-11 {
    order: 11;
  }
  .bootstrap .order-xl-12 {
    order: 12;
  }
  .bootstrap .offset-xl-0 {
    margin-left: 0;
  }
  .bootstrap .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap .offset-xl-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap .offset-xl-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap .offset-xl-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.bootstrap .img-fluid {
  max-width: 100%;
  height: auto;
}

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

html {
  font-size: 100%;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: sans-serif, Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #333;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background: none;
  border: none; /* Remove borda */
  padding: 0;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
  padding-left: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin: 0;
  font-weight: normal;
  line-height: 1.5;
}

code,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

hr {
  border: none;
  height: 1px;
  background-color: #ddd;
}

button {
  cursor: pointer;
}

:root {
  --clr-orange-1: #ff5722;
  --clr-orange-2: #fdece7;
  --clr-orange-3: #fcd9cf;
  --clr-orange-4: #f9b39f;
  --clr-orange-5: #f58d70;
  --clr-orange-6: #f26740;
  --clr-orange-7: #bf340d;
  --clr-orange-8: #8f270a;
  --clr-orange-9: #601a06;
  --clr-orange-10: #300d03;
  --clr-purple-1: #5F2FEF;
  --clr-purple-2: #f8ecf8;
  --clr-purple-3: #f0d9f2;
  --clr-purple-4: #e1b3e5;
  --clr-purple-5: #d38dd8;
  --clr-purple-6: #c468ca;
  --clr-purple-7: #913597;
  --clr-purple-8: #6d2772;
  --clr-purple-9: #481a4c;
  --clr-purple-10: #240d26;
  --clr-blue-1: #1C53F2;
  --clr-blue-2: #eff6ff;
  --clr-blue-3: #dbeafe;
  --clr-blue-4: #bfdbfe;
  --clr-blue-5: #93c5fd;
  --clr-blue-6: #60a5fa;
  --clr-blue-7: #3b82f6;
  --clr-blue-8: #2563eb;
  --clr-blue-9: #1d4ed8;
  --clr-blue-10: rgb(30, 64, 175);
  --clr-red-1: #f44336;
  --clr-red-2: #fee8e7;
  --clr-red-3: #fcd2cf;
  --clr-red-4: #faa49e;
  --clr-red-5: #f7776e;
  --clr-red-6: #f44a3e;
  --clr-red-7: #c1170b;
  --clr-red-8: #911108;
  --clr-red-9: #610b05;
  --clr-red-10: #300603;
  --clr-yellow-1: #ffc107;
  --clr-yellow-2: #fff9e5;
  --clr-yellow-3: #fff2cc;
  --clr-yellow-4: #ffe699;
  --clr-yellow-5: #ffd966;
  --clr-yellow-6: #ffcc33;
  --clr-yellow-7: #cc9900;
  --clr-yellow-8: #997300;
  --clr-yellow-9: #664d00;
  --clr-yellow-10: #332600;
  --clr-green-1: #19c98b;
  --clr-green-2: #e8fcf5;
  --clr-green-3: #d2f9eb;
  --clr-green-4: #a4f4d8;
  --clr-green-5: #77eec4;
  --clr-green-6: #4ae8b1;
  --clr-green-7: #17b57e;
  --clr-green-8: #11885e;
  --clr-green-9: #0b5b3f;
  --clr-green-10: #062d1f;
  --clr-grey-1: #fafafa;
  --clr-grey-2: #e6e6e6;
  --clr-grey-3: #cccccc;
  --clr-grey-4: #b3b3b3;
  --clr-grey-5: #999999;
  --clr-grey-6: #7b7b7b;
  --clr-grey-7: #666666;
  --clr-grey-8: #4d4d4d;
  --clr-grey-9: #333333;
  --clr-grey-10: #1a1a1a;
  --clr-dark-1: #000000;
  --clr-dark-2: #252525;
  --clr-light-1: #ffffff;
  --clr-light-2: #fafafa;
  --clr-gradient-blue: linear-gradient(45deg, rgb(30, 59, 138) -70%, rgb(37, 99, 235) 100%);
}
@supports (scroll-behavior: smooth) {
  :root {
    scroll-behavior: smooth;
  }
}

figure picture {
  width: 100%;
  height: 100%;
}
figure picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

/**
* Info: Cria definições Font-weight
*/
/**
  * Info: Define o Font-type
  */
.font--primary, body, body > a,
.article,
.article > a,
h1,
h1 > a,
.h1,
.h1 > a,
h2,
h2 > a,
.h2,
.h2 > a,
h3,
h3 > a,
.h3,
.card.card--candidato .card__title,
.h3 > a,
.card.card--candidato .card__title > a,
h4,
h4 > a,
.h4,
.h4 > a,
h5,
h5 > a,
.h5,
.h5 > a,
h6,
h6 > a,
.h6,
.h6 > a,
p,
p > a {
  font-family: "Roboto", Sans-serif;
}

.font--secondary, a,
button,
time {
  font-family: "Roboto", sans-serif;
}

.font--light {
  font-weight: 300;
}

.font--regular, html,
body {
  font-weight: 400;
}

.font--bold, h1,
.h1,
h2,
.h2,
h3,
.h3,
.card.card--candidato .card__title,
h4,
.h4,
h5,
.h5,
b,
strong {
  font-weight: 700;
}

/**
* Info: Cria as definições Fonts e variações
*/
html,
body {
  font-size: 14px;
  line-height: 24px;
}
@media ((min-width: 992px)) {
  html,
  body {
    font-size: 16px;
    line-height: 26px;
  }
}

h1,
.h1 {
  font-size: 25px;
  line-height: 25px;
}
@media ((min-width: 992px)) {
  h1,
  .h1 {
    font-size: 32px;
    line-height: 32px;
  }
}

h2,
.h2 {
  font-size: 22px;
  line-height: 32px;
}
@media ((min-width: 992px)) {
  h2,
  .h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

h3,
.h3,
.card.card--candidato .card__title {
  font-size: 18px;
  line-height: 28px;
}
@media ((min-width: 992px)) {
  h3,
  .h3,
  .card.card--candidato .card__title {
    font-size: 20px;
    line-height: 20px;
  }
}

h4,
.h4,
h5,
.h5 {
  font-size: 14px;
  line-height: 24px;
}
@media ((min-width: 992px)) {
  h4,
  .h4,
  h5,
  .h5 {
    font-size: 16px;
    line-height: 26px;
  }
}

.small, .content figure figcaption, .pages .pages__content figure figcaption,
.content .wp-block-image figcaption,
.pages .pages__content .wp-block-image figcaption {
  font-size: 12px;
  line-height: 22px;
}
@media ((min-width: 992px)) {
  .small, .content figure figcaption, .pages .pages__content figure figcaption,
  .content .wp-block-image figcaption,
  .pages .pages__content .wp-block-image figcaption {
    font-size: 15px;
    line-height: 25px;
  }
}

.xsmall, .card .card__info > *, .tags, .btn.btn--iconed {
  font-size: 10px;
  line-height: 20px;
}
@media ((min-width: 992px)) {
  .xsmall, .card .card__info > *, .tags, .btn.btn--iconed {
    font-size: 12px;
    line-height: 16px;
  }
}

button,
.link,
.breadcrumbs ul li a {
  font-size: 20px;
  line-height: 22px;
}
@media ((min-width: 992px)) {
  button,
  .link,
  .breadcrumbs ul li a {
    font-size: 15px;
    line-height: 25px;
  }
}

/**
 * Oculta o texto, mas mantém legível para leitores de tela
 * 1. Necessário em navegadores baseados no WebKit devido a um bug de implementação;
 *    Veja: https://code.google.com/p/chromium/issues/detail?id=457146
 * 
 * Descrição: Essa classe esconde o texto visualmente, mas mantém sua
 * acessibilidade para tecnologias assistivas, como leitores de tela.
 */
.hide-text, .btn.btn--svg, .btn.btn--close, .btn.btn--search,
.visually-hidden {
  overflow: hidden;
  padding: 0;
  /* 1 */
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  white-space: nowrap;
  color: transparent;
}

/**
 * Alias para .visually-hidden
 * Descrição: Essa classe estende `visually-hidden`, permitindo reutilização
 * e consistência no código.
 */
/**
 * Classes para debug durante o desenvolvimento
 * 
 * Descrição: Essas classes ajudam na visualização de estruturas e hierarquias
 * durante o desenvolvimento, destacando bordas e áreas com cores específicas.
 * 
 * - `.debug`: Define contornos com diferentes estilos e cores para inspecionar
 *   elementos de forma hierárquica.
 * - `.item`: Estiliza itens com cores e opacidades distintas para análise visual.
 */
.debug {
  transform-box: border-box;
  outline: 1px solid red;
}
.debug .debug {
  outline: 1px dashed green;
}
.debug .debug .debug {
  outline: 1px solid blue;
}
.debug .item {
  display: flex;
  width: 100%;
  height: 60px;
  background: purple;
  opacity: 0.4;
}
.debug .item ~ .item {
  background: orange;
}

.justify-center {
  justify-content: center;
}

.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 8px !important;
}

.m-2 {
  margin: 16px !important;
}

.m-3 {
  margin: 24px !important;
}

.m-4 {
  margin: 32px !important;
}

.m-5 {
  margin: 40px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mx-1 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mx-2 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mx-3 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mx-4 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mx-5 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mt-1 {
  margin-top: 8px !important;
}

.mb-1 {
  margin-bottom: 8px !important;
}

.ml-1 {
  margin-left: 8px !important;
}

.mr-1 {
  margin-right: 8px !important;
}

.mt-2 {
  margin-top: 16px !important;
}

.mb-2 {
  margin-bottom: 16px !important;
}

.ml-2 {
  margin-left: 16px !important;
}

.mr-2 {
  margin-right: 16px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.ml-3 {
  margin-left: 24px !important;
}

.mr-3 {
  margin-right: 24px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

.ml-4 {
  margin-left: 32px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.mt-5 {
  margin-top: 40px !important;
}

.mb-5 {
  margin-bottom: 40px !important;
}

.ml-5 {
  margin-left: 40px !important;
}

.mr-5 {
  margin-right: 40px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 8px !important;
}

.p-2 {
  padding: 16px !important;
}

.p-3 {
  padding: 24px !important;
}

.p-4 {
  padding: 32px !important;
}

.p-5 {
  padding: 40px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-1 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-2 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.px-3 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-4 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.px-5 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pt-1 {
  padding-top: 8px !important;
}

.pb-1 {
  padding-bottom: 8px !important;
}

.pl-1 {
  padding-left: 8px !important;
}

.pr-1 {
  padding-right: 8px !important;
}

.pt-2 {
  padding-top: 16px !important;
}

.pb-2 {
  padding-bottom: 16px !important;
}

.pl-2 {
  padding-left: 16px !important;
}

.pr-2 {
  padding-right: 16px !important;
}

.pt-3 {
  padding-top: 24px !important;
}

.pb-3 {
  padding-bottom: 24px !important;
}

.pl-3 {
  padding-left: 24px !important;
}

.pr-3 {
  padding-right: 24px !important;
}

.pt-4 {
  padding-top: 32px !important;
}

.pb-4 {
  padding-bottom: 32px !important;
}

.pl-4 {
  padding-left: 32px !important;
}

.pr-4 {
  padding-right: 32px !important;
}

.pt-5 {
  padding-top: 40px !important;
}

.pb-5 {
  padding-bottom: 40px !important;
}

.pl-5 {
  padding-left: 40px !important;
}

.pr-5 {
  padding-right: 40px !important;
}

.header.header--main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header.header--main .header__top,
.header.header--main .header__menu {
  display: flex;
  align-items: center;
}
.header.header--main .header__top {
  justify-content: center;
  background: var(--clr-blue-1);
}
.header.header--main .header__top .header__top__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 8px;
}
.header.header--main .header__top .header__top__content > * {
  width: 33.3333333333%;
  justify-content: center;
}
.header.header--main .header__top .header__top__content > *:first-child {
  justify-content: flex-start;
}
.header.header--main .header__top .header__top__content > *:last-child {
  justify-content: flex-end;
}
.header.header--main .header__top .header__top__buttons {
  position: relative;
  display: flex;
}
.header.header--main .header__top .header__top__buttons.buttons--main .btn--inLive {
  display: none;
}
.header.header--main .header__top .header__top__buttons.buttons--helpers .btn--search {
  display: none;
}
.header.header--main .header__top .header__top__buttons .header__search {
  display: none;
  position: absolute;
  top: 0px;
  right: -100%;
  padding: 0px;
  background: transparent;
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.header.header--main .header__top .header__top__buttons .header__search.active {
  display: flex;
  right: 0%;
}
.header.header--main .header__menu {
  padding: 15px 0px;
  background: var(--clr-grey-1);
}
.header.header--main .header__menu > ul {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  justify-content: flex-start;
  flex-wrap: inherit !important;
  white-space: nowrap;
}
.header.header--main .header__menu > ul::-webkit-scrollbar {
  display: none !important;
}
.header.header--main .header__menu > ul > li > a {
  flex-grow: 1;
  white-space: nowrap;
  padding: 0px 14px;
  font-size: 12px;
  font-weight: 700;
}
.header.header--main .header__search {
  width: 100%;
  padding: 16px;
  background: var(--clr-grey-2);
}
@media ((min-width: 992px)) {
  .header.header--main .header__top .header__top__content {
    max-width: 1280px;
  }
  .header.header--main .header__top .header__top__buttons.buttons--main {
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .header.header--main .header__top .header__top__buttons.buttons--main .btn--inLive {
    display: flex;
  }
  .header.header--main .header__top .header__top__buttons.buttons--helpers .btn--search {
    display: flex;
  }
  .header.header--main .header__top .header__top__buttons.buttons--helpers .btn--inLive {
    display: none;
  }
  .header.header--main .header__top .header__top__buttons .header__search {
    max-width: 300px;
  }
  .header.header--main .header__top .header__top__logo {
    max-width: 20%;
  }
  .header.header--main > .header__search {
    display: none;
  }
  .header.header--main .header__menu {
    justify-content: center;
    padding: 10px 0px;
    background: var(--clr-grey-2);
  }
  .header.header--main .header__menu > ul {
    overflow-x: visible;
    overflow-y: visible;
    max-width: 1280px;
  }
  .header.header--main .header__menu > ul > li > a {
    font-size: 16px;
  }
}

.footer.footer--main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 10px 0px;
  color: var(--clr-light-1);
  background: var(--clr-blue-1);
}
.footer.footer--main .footer__logo {
  max-width: 70%;
}
.footer.footer--main .footer__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer.footer--main .footer__menu > ul > li {
  padding: 4px;
}
.footer.footer--main .footer__menu > ul > li > a {
  display: flex;
  justify-content: center;
  font-size: 11px;
  line-height: 0.9em;
  letter-spacing: -0.3px;
  word-spacing: 0em;
}
.footer.footer--main .footer__menu > ul > li > a::after {
  bottom: 0;
}
.footer.footer--main .footer__copy {
  font-family: "Roboto", Sans-serif;
  font-size: 11px;
  font-weight: 600;
}
@media ((min-width: 768px)) {
  .footer.footer--main .footer__logo {
    max-width: 30%;
  }
  .footer.footer--main .footer__menu {
    order: -1;
    width: 100%;
  }
  .footer.footer--main .footer__menu > ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    -moz-column-gap: 16px;
         column-gap: 16px;
    width: 100%;
  }
  .footer.footer--main .footer__menu > ul > li > a {
    padding: 16px 0px;
  }
}
@media ((min-width: 992px)) {
  .footer.footer--main .footer__logo {
    max-width: 24%;
  }
  .footer.footer--main .footer__menu > ul > li > a {
    font-size: 16px;
  }
}

.asideBar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  row-gap: 20px;
  position: fixed;
  top: 0;
  z-index: 2147483648;
  width: 100%;
  height: 100%;
  max-width: 360px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: var(--clr-light-2);
  opacity: 0;
  box-shadow: 1.95px 1.95px 2.6px rgba(0, 0, 0, 0.15);
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.asideBar > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px 16px;
  background-color: var(--clr-blue-1);
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);
}
.asideBar > nav {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
  padding: 0px 16px;
}
.asideBar > nav > ul {
  padding-bottom: 24px;
}
.asideBar > nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
}
.asideBar > nav ul > li {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
}
.asideBar > nav ul > li > a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding-left: 8px;
  border-radius: 3px;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: var(--clr-dark-2);
  background-color: var(--clr-light-1);
  transition: all 0.3s ease-in-out;
}
.asideBar > nav ul > li > a:hover {
  color: var(--clr-light-1);
  background-color: var(--clr-purple-1);
  filter: brightness(0.8);
}
.asideBar > nav .nav__title {
  position: relative;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  padding-left: 8px;
}
.asideBar > nav .nav__title::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 10%;
  width: 80%;
  height: 1px;
  background: var(--clr-blue-1);
}
.asideBar > nav::-webkit-scrollbar {
  width: 8px;
}
.asideBar > nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--clr-grey-1);
}
.asideBar > nav::-webkit-scrollbar-thumb {
  background: var(--clr-blue-1);
  border-radius: 3px;
}
.asideBar > nav::-webkit-scrollbar-thumb:hover {
  background: var(--clr-purple-1);
}
.asideBar > footer {
  width: 100%;
  padding: 24px 8px;
  text-align: center;
}
.asideBar > footer small {
  color: var(--cls-grey-8);
}
.asideBar.asideBar--left {
  left: -100%;
}
.asideBar.asideBar--right {
  right: -100%;
}
.asideBar.active {
  opacity: 1;
}
.asideBar.active.asideBar--left {
  left: 0%;
}
.asideBar.active.asideBar--right {
  right: 0%;
}
.btn.btn--hamburguer {
  display: flex;
  flex-direction: column;
  width: 32px;
  color: var(--clr-light-1);
}
.btn.btn--hamburguer span:not(.visually-hidden) {
  width: 100%;
  height: 3px;
  margin: 4px 0;
  border-radius: 2px;
  background-color: currentColor;
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.btn.btn--hamburguer:not(.active):hover span:nth-of-type(2), .btn.btn--hamburguer:not(.active):active span:nth-of-type(2), .btn.btn--hamburguer:not(.active):focus span:nth-of-type(2), .btn.btn--hamburguer:not(.active):visited span:nth-of-type(2) {
  width: 80%;
}
.btn.btn--hamburguer:not(.active):hover span:nth-of-type(3), .btn.btn--hamburguer:not(.active):active span:nth-of-type(3), .btn.btn--hamburguer:not(.active):focus span:nth-of-type(3), .btn.btn--hamburguer:not(.active):visited span:nth-of-type(3) {
  width: 50%;
}
.btn.btn--hamburguer:not(.active):hover span:last-of-type, .btn.btn--hamburguer:not(.active):active span:last-of-type, .btn.btn--hamburguer:not(.active):focus span:last-of-type, .btn.btn--hamburguer:not(.active):visited span:last-of-type {
  width: 70%;
}
.btn.btn--hamburguer.active span:not(.visually-hidden) {
  width: 0%;
}
.btn.btn--hamburguer.active span:not(.visually-hidden):nth-of-type(2) {
  width: 100%;
  transform: rotate(45deg) translate(6px, 5px);
}
.btn.btn--hamburguer.active span:not(.visually-hidden):last-of-type {
  width: 100%;
  transform: rotate(-45deg) translate(10px, -10px);
}
.btn.btn--inLive {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 12px;
  border-radius: 23px;
  padding: 5px 14px;
  color: var(--clr-blue-1);
  background: var(--clr-light-1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.btn.btn--inLive svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
@media ((min-width: 992px)) {
  .btn.btn--inLive {
    padding: 12px 24px;
    color: var(--clr-light-1);
    border: 1px solid var(--clr-light-1);
    background: transparent;
    box-shadow: none;
  }
}
.btn.btn--inLive:hover, .btn.btn--inLive:active, .btn.btn--inLive:focus, .btn.btn--inLive:visited {
  color: var(--clr-blue-1);
  background: var(--clr-light-1);
}
.btn.btn--svg, .btn.btn--close, .btn.btn--search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--clr-dark-1);
}
.btn.btn--svg svg, .btn.btn--close svg, .btn.btn--search svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.btn.btn--svg:hover, .btn.btn--close:hover, .btn.btn--search:hover, .btn.btn--svg:active, .btn.btn--close:active, .btn.btn--search:active, .btn.btn--svg:focus, .btn.btn--close:focus, .btn.btn--search:focus, .btn.btn--svg:visited, .btn.btn--close:visited, .btn.btn--search:visited {
  color: var(--clr-purple-1);
}
.btn.btn--svg:hover, .btn.btn--close:hover, .btn.btn--search:hover {
  color: var(--clr-blue-1);
}
.btn.btn--search {
  color: var(--clr-light-1);
  padding: 8px;
  border: 1px solid currentColor;
  border-radius: 10px;
}
.btn.btn--search svg {
  width: 16px;
  height: 16px;
}
.btn.btn--search:hover, .btn.btn--search:active, .btn.btn--search:focus, .btn.btn--search:visited {
  background: var(--clr-light-1);
  border: transparent;
}
.btn.btn--close {
  color: var(--clr-light-1);
}
.btn.btn--close svg {
  stroke-width: 1.25;
  stroke: var(--clr-light-1);
}
.btn.btn--iconed {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 40px;
  border-radius: 20px 20px 20px 20px;
  font-weight: bold;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  color: var(--clr-blue-1);
  background: var(--clr-light-1);
}
.btn.btn--iconed svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.btn:hover, .btn:active, .btn:focus, .btn:visited {
  filter: brightness(0.8);
}

.link--generic, .content a, .pages .pages__content a, .link, .breadcrumbs ul li a {
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-decoration-thickness: 0.1em;
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.link--generic:hover, .content a:hover, .pages .pages__content a:hover, .link:hover, .breadcrumbs ul li a:hover {
  text-decoration-color: currentColor;
}

.breadcrumbs {
  display: flex;
  width: 100%;
}
.breadcrumbs ul {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  width: 100%;
  padding: 40px 0px;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.breadcrumbs ul li svg {
  width: 12px;
  height: 12px;
  fill: var(--clr-grey-5);
}

.pagination {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.pagination > * {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 5px;
  min-width: 42px;
  min-height: 42px;
}
.pagination > a {
  color: var(--clr-light-1);
  background: var(--clr-blue-1);
}
.pagination > a:hover {
  filter: brightness(0.8);
}
.pagination > span {
  background: var(--clr-blue-2);
}

.tags {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  border-radius: 5px;
  line-height: 12px;
}
.tags.tags--exibition {
  color: var(--clr-light-1);
  background: var(--clr-blue-1);
}
.tags.tags--post {
  color: var(--clr-light-1);
  background: #887878;
}

.card {
  display: flex;
}
.card .card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.card .card__image figure,
.card .card__image picture,
.card .card__image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.card .card__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.card .card__image:hover, .card .card__image:active, .card .card__image:focus, .card .card__image:visited {
  filter: brightness(0.8);
}
.card .card__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.card .card__subtitle {
  width: -moz-max-content;
  width: max-content;
  padding: 4px 8px;
  border-radius: 5px;
  word-break: break-word;
  line-height: 15px;
  color: var(--clr-grey-1);
  background: var(--clr-blue-1);
}
.card .card__info {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.card.card--rounded .card__image figure {
  overflow: hidden;
  border-radius: 10px;
}
.card.card--list {
  flex-direction: column;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 8px;
  padding: 0px 16px;
}
.card.card--list .card__image {
  aspect-ratio: 16/9;
  max-width: 400px;
  max-height: 250px;
}
.card.card--list .card__image.img--small {
  max-width: 200px;
}
.card.card--list .card__content {
  row-gap: 8px;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.card.card--list .card__content .card__info {
  order: -1;
}
.card.card--list.card--sm--mobile {
  flex-direction: row;
}
.card.card--list.card--sm--mobile .card__image {
  max-width: 90px;
}
@media ((min-width: 768px)) {
  .card.card--list.card--sm--mobile .card__content .card__title {
    font-size: 20px;
    line-height: 20px;
  }
  .card.card--list.card--sm--mobile .card__image {
    max-width: 400px;
  }
  .card.card--list.card--sm--mobile .card__image.img--small {
    max-width: 200px;
  }
}
.card.card--list.card--sm-desktop {
  row-gap: 8px;
}
.card.card--list.card--sm-desktop .card__title {
  font-size: 20px;
  line-height: 20px;
}
@media ((min-width: 768px)) {
  .card.card--list.card--sm-desktop {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .card.card--list.card--sm-desktop .card__title {
    font-size: 16px;
    line-height: 26px;
  }
  .card.card--list.card--sm-desktop .card__image {
    align-items: flex-start;
    max-width: 142px;
    max-height: 116px;
    min-height: 116px;
  }
  .card.card--list.card--sm-desktop .card__image figure,
  .card.card--list.card--sm-desktop .card__image picture img {
    width: 100%;
    height: 100%;
  }
}
@media ((min-width: 768px)) {
  .card.card--list {
    flex-direction: row;
  }
  .card.card--list.card--medium .card__image {
    max-width: 320px;
    min-height: 250px;
  }
  .card.card--list.card--list--big {
    align-items: center;
  }
  .card.card--list.card--list--big .card__image {
    aspect-ratio: 16/9;
    max-width: 290px;
    height: 320px;
    max-height: 220px;
  }
}
@media ((min-width: 992px)) {
  .card.card--list.card--list--big {
    align-items: center;
  }
  .card.card--list.card--list--big .card__image {
    max-width: 480px;
    max-height: 320px;
  }
}
.card.card--basic {
  flex-direction: column;
  row-gap: 8px;
}
.card.card--basic .card__image {
  max-height: 340px;
}
.card.card--basic .card__image figure {
  aspect-ratio: 16/9;
  max-width: 100%;
  max-height: 100%;
}
.card.card--basic .card__content {
  width: 100%;
}
.card.card--basic .card__content .card__info {
  order: -1;
  align-items: center;
}
.card.card--basic.card--program .card__content {
  flex-direction: row;
}
.card.card--basic.card--program .card__content .card__title {
  width: 100%;
  margin-left: 10px;
  border-bottom: 2px solid var(--clr-red-1);
}
.card.card--basic.card--program .card__content > div {
  order: -1;
}
.card.card--basic.card--program .card__image, .card.card--basic.card--video .card__image {
  min-height: 168px;
  max-height: 168px;
}
.card.card--basic.card--medium .card__image {
  min-height: 180px;
  max-height: 180px;
}
@media ((min-width: 768px)) {
  .card.card--basic.card--medium .card__image {
    max-height: 210px;
  }
}
.card.card--program .card__content > div {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.card.card--candidato {
  padding: 8px;
  border: 1px solid var(--clr-grey-4);
  border-radius: 8px;
}
.card.card--candidato .card__image {
  min-height: 0px;
  max-height: none;
}
.card.card--candidato .card__image figure {
  aspect-ratio: 1/1;
}
.card.card--with-list {
  flex-direction: column;
  row-gap: 8px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.card.card--with-list .card__image {
  overflow: hidden;
  border-radius: 16px;
}
.card.card--with-list .card__content__list {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.card.card--with-list .card__content__list > a {
  overflow: hidden;
  display: flex;
  width: 120px;
  border-radius: 8px;
}
@media ((min-width: 768px)) {
  .card.card--with-list {
    flex-direction: row;
    align-items: center;
  }
  .card.card--with-list .card__image {
    max-width: 35%;
  }
}

.searchBox {
  position: relative;
  display: flex;
  width: 100%;
}
.searchBox .searchBox__input {
  display: flex;
  width: 100%;
  height: 32px;
  padding-left: 10.6666666667px;
  padding-right: 10.6666666667px;
  border: 1px solid var(--clr-grey-4);
  border-radius: 5px;
  background: var(--clr-light-1);
}
.searchBox .searchBox__input:hover, .searchBox .searchBox__input:active, .searchBox .searchBox__input:focus, .searchBox .searchBox__input:visited {
  outline: var(--clr-purple-1);
}
.searchBox .btn--search {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  border: none;
  border-radius: 0 5px 5px 0px;
  background: var(--clr-grey-7);
}

.modal {
  overflow-y: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999999;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  width: 90%;
  height: -moz-max-content;
  height: max-content;
  max-width: 745px;
  max-height: 600px;
  padding: 32px 32px 64px 32px;
  border-radius: 9px;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.25s cubic-bezier(0.32, 0.74, 0.57, 1);
  box-shadow: 0px 48px 100px rgba(17, 12, 46, 0.15);
}
.modal.active {
  display: flex;
  opacity: 1;
}
.modal .modal__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.modal .modal__header .modal__header__logo {
  max-width: 50%;
}
.modal .modal__body {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  height: 100%;
}
.modal.modal--aovivo {
  background: var(--clr-blue-1);
}
.modal.modal--aovivo .modal__body h2 {
  width: 100%;
  color: var(--clr-light-1);
}
.modal.modal--aovivo .modal__body .modal__body__list {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
}
.modal.modal--aovivo .modal__body .modal__body__list > div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 140px;
  padding: 16px;
  border-radius: 10px 10px 0px 0px;
  background: var(--list--1--modal);
}
.modal.modal--aovivo .modal__body .modal__body__list > div > .btn {
  position: absolute;
  bottom: -22px;
}
.modal.modal--aovivo .modal__body .modal__body__list > div:first-of-type {
  --list--1--modal: #366ECE;
}
.modal.modal--aovivo .modal__body .modal__body__list > div:nth-of-type(2) {
  --list--1--modal: #FD5B12;
}
.modal.modal--aovivo .modal__body .modal__body__list > div:last-of-type {
  --list--1--modal: #2D4148;
}
@media ((min-width: 768px)) {
  .modal.modal--aovivo .modal__body h2 {
    max-width: 40%;
  }
  .modal.modal--aovivo .modal__body .modal__body__list {
    flex-direction: row;
  }
  .modal.modal--aovivo .modal__body .modal__body__list > div {
    flex: 1 0 0;
    max-width: 33.3333333333%;
    height: 190px;
  }
}
@media ((min-width: 768px)) {
  .modal {
    padding: 32px;
  }
  .modal .modal__header .modal__header__logo {
    max-width: 30%;
  }
}

.ads {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ads.ads--full {
  height: auto;
  min-height: 70px;
}
@media ((min-width: 992px)) {
  .ads.ads--full {
    min-height: 276px;
  }
}
.ads.ads--small {
  width: 100%;
  min-width: 300px;
  min-height: 250px;
}

.content > ol, .pages .pages__content > ol, .content > ul, .pages .pages__content > ul {
  padding-left: 24px;
}
.content > ol > li + li, .pages .pages__content > ol > li + li, .content > ul > li + li, .pages .pages__content > ul > li + li {
  margin-top: 8px;
}
.content > ol + *, .pages .pages__content > ol + *, .content > ul + *, .pages .pages__content > ul + * {
  margin-top: 32px;
}
.content > ol + p, .pages .pages__content > ol + p, .content > ul + p, .pages .pages__content > ul + p {
  margin-top: 24px;
}
.content script + *, .pages .pages__content script + * {
  margin-top: 32px;
}
.content > ol li, .pages .pages__content > ol li {
  list-style: decimal;
}
.content > ul li, .pages .pages__content > ul li {
  list-style: disc;
}
.content * + h1, .pages .pages__content * + h1, .content * + h2, .pages .pages__content * + h2, .content * + h3, .pages .pages__content * + h3, .content * + h4, .pages .pages__content * + h4, .content * + h5, .pages .pages__content * + h5, .content * + h6, .pages .pages__content * + h6, .content * + ul, .pages .pages__content * + ul, .content * + ol, .pages .pages__content * + ol {
  margin-top: 24px;
}
.content h1 + p, .pages .pages__content h1 + p, .content h1 + div, .pages .pages__content h1 + div, .content h1 + ol, .pages .pages__content h1 + ol, .content h1 + ul, .pages .pages__content h1 + ul, .content h1 + figure, .pages .pages__content h1 + figure, .content h1 + table, .pages .pages__content h1 + table, .content h1 + blockquote, .pages .pages__content h1 + blockquote,
.content h2 + p,
.pages .pages__content h2 + p,
.content h2 + div,
.pages .pages__content h2 + div,
.content h2 + ol,
.pages .pages__content h2 + ol,
.content h2 + ul,
.pages .pages__content h2 + ul,
.content h2 + figure,
.pages .pages__content h2 + figure,
.content h2 + table,
.pages .pages__content h2 + table,
.content h2 + blockquote,
.pages .pages__content h2 + blockquote,
.content h3 + p,
.pages .pages__content h3 + p,
.content h3 + div,
.pages .pages__content h3 + div,
.content h3 + ol,
.pages .pages__content h3 + ol,
.content h3 + ul,
.pages .pages__content h3 + ul,
.content h3 + figure,
.pages .pages__content h3 + figure,
.content h3 + table,
.pages .pages__content h3 + table,
.content h3 + blockquote,
.pages .pages__content h3 + blockquote,
.content h4 + p,
.pages .pages__content h4 + p,
.content h4 + div,
.pages .pages__content h4 + div,
.content h4 + ol,
.pages .pages__content h4 + ol,
.content h4 + ul,
.pages .pages__content h4 + ul,
.content h4 + figure,
.pages .pages__content h4 + figure,
.content h4 + table,
.pages .pages__content h4 + table,
.content h4 + blockquote,
.pages .pages__content h4 + blockquote,
.content h5 + p,
.pages .pages__content h5 + p,
.content h5 + div,
.pages .pages__content h5 + div,
.content h5 + ol,
.pages .pages__content h5 + ol,
.content h5 + ul,
.pages .pages__content h5 + ul,
.content h5 + figure,
.pages .pages__content h5 + figure,
.content h5 + table,
.pages .pages__content h5 + table,
.content h5 + blockquote,
.pages .pages__content h5 + blockquote,
.content h6 + p,
.pages .pages__content h6 + p,
.content h6 + div,
.pages .pages__content h6 + div,
.content h6 + ol,
.pages .pages__content h6 + ol,
.content h6 + ul,
.pages .pages__content h6 + ul,
.content h6 + figure,
.pages .pages__content h6 + figure,
.content h6 + table,
.pages .pages__content h6 + table,
.content h6 + blockquote,
.pages .pages__content h6 + blockquote {
  margin-top: 16px;
}
.content h1 + h1, .pages .pages__content h1 + h1, .content h1 + h2, .pages .pages__content h1 + h2, .content h1 + h3, .pages .pages__content h1 + h3, .content h1 + h4, .pages .pages__content h1 + h4, .content h1 + h5, .pages .pages__content h1 + h5, .content h1 + h6, .pages .pages__content h1 + h6,
.content h2 + h1,
.pages .pages__content h2 + h1,
.content h2 + h2,
.pages .pages__content h2 + h2,
.content h2 + h3,
.pages .pages__content h2 + h3,
.content h2 + h4,
.pages .pages__content h2 + h4,
.content h2 + h5,
.pages .pages__content h2 + h5,
.content h2 + h6,
.pages .pages__content h2 + h6,
.content h3 + h1,
.pages .pages__content h3 + h1,
.content h3 + h2,
.pages .pages__content h3 + h2,
.content h3 + h3,
.pages .pages__content h3 + h3,
.content h3 + h4,
.pages .pages__content h3 + h4,
.content h3 + h5,
.pages .pages__content h3 + h5,
.content h3 + h6,
.pages .pages__content h3 + h6,
.content h4 + h1,
.pages .pages__content h4 + h1,
.content h4 + h2,
.pages .pages__content h4 + h2,
.content h4 + h3,
.pages .pages__content h4 + h3,
.content h4 + h4,
.pages .pages__content h4 + h4,
.content h4 + h5,
.pages .pages__content h4 + h5,
.content h4 + h6,
.pages .pages__content h4 + h6,
.content h5 + h1,
.pages .pages__content h5 + h1,
.content h5 + h2,
.pages .pages__content h5 + h2,
.content h5 + h3,
.pages .pages__content h5 + h3,
.content h5 + h4,
.pages .pages__content h5 + h4,
.content h5 + h5,
.pages .pages__content h5 + h5,
.content h5 + h6,
.pages .pages__content h5 + h6,
.content h6 + h1,
.pages .pages__content h6 + h1,
.content h6 + h2,
.pages .pages__content h6 + h2,
.content h6 + h3,
.pages .pages__content h6 + h3,
.content h6 + h4,
.pages .pages__content h6 + h4,
.content h6 + h5,
.pages .pages__content h6 + h5,
.content h6 + h6,
.pages .pages__content h6 + h6 {
  margin-top: 24px;
}
.content p + figure, .pages .pages__content p + figure, .content p + p, .pages .pages__content p + p,
.content li + figure,
.pages .pages__content li + figure,
.content li + p,
.pages .pages__content li + p {
  margin-top: 16px;
}
.content p + blockquote, .pages .pages__content p + blockquote, .content p + section, .pages .pages__content p + section,
.content li + blockquote,
.pages .pages__content li + blockquote,
.content li + section,
.pages .pages__content li + section {
  margin-top: 40px !important;
}
.content p + h1, .pages .pages__content p + h1, .content p + h2, .pages .pages__content p + h2, .content p + h3, .pages .pages__content p + h3, .content p + h4, .pages .pages__content p + h4, .content p + h5, .pages .pages__content p + h5, .content p + h6, .pages .pages__content p + h6, .content p + ul, .pages .pages__content p + ul, .content p + ol, .pages .pages__content p + ol,
.content li + h1,
.pages .pages__content li + h1,
.content li + h2,
.pages .pages__content li + h2,
.content li + h3,
.pages .pages__content li + h3,
.content li + h4,
.pages .pages__content li + h4,
.content li + h5,
.pages .pages__content li + h5,
.content li + h6,
.pages .pages__content li + h6,
.content li + ul,
.pages .pages__content li + ul,
.content li + ol,
.pages .pages__content li + ol {
  margin-top: 24px;
}
.content p iframe[src^="https://www.youtube.com/embed/"], .pages .pages__content p iframe[src^="https://www.youtube.com/embed/"],
.content li iframe[src^="https://www.youtube.com/embed/"],
.pages .pages__content li iframe[src^="https://www.youtube.com/embed/"] {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.content em, .pages .pages__content em {
  font-style: italic;
}
.content pre, .pages .pages__content pre {
  text-wrap: wrap;
}
.content pre + *, .pages .pages__content pre + * {
  margin-top: 40px;
}
.content figure, .pages .pages__content figure,
.content .wp-block-image,
.pages .pages__content .wp-block-image {
  height: -moz-max-content;
  height: max-content;
  max-width: 100%;
}
.content figure + figure, .pages .pages__content figure + figure, .content figure + .wp-block-image, .pages .pages__content figure + .wp-block-image,
.content .wp-block-image + figure,
.pages .pages__content .wp-block-image + figure,
.content .wp-block-image + .wp-block-image,
.pages .pages__content .wp-block-image + .wp-block-image {
  margin-top: 24px;
}
.content figure + p, .pages .pages__content figure + p,
.content .wp-block-image + p,
.pages .pages__content .wp-block-image + p {
  margin-top: 32px;
}
.content figure + blockquote, .pages .pages__content figure + blockquote, .content figure + section, .pages .pages__content figure + section,
.content .wp-block-image + blockquote,
.pages .pages__content .wp-block-image + blockquote,
.content .wp-block-image + section,
.pages .pages__content .wp-block-image + section {
  margin-top: 40px !important;
}
.content .wp-video + *, .pages .pages__content .wp-video + * {
  margin-top: 32px;
}
.content .wp-video + p, .pages .pages__content .wp-video + p {
  margin-top: 24px;
}
.content * + section, .pages .pages__content * + section {
  margin-top: 40px;
}
.content section + *, .pages .pages__content section + * {
  margin-top: 40px;
}
.content hr, .pages .pages__content hr {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  border-color: var(--cls-grey-4);
}
.content blockquote:not(.tiktok-embed), .pages .pages__content blockquote:not(.tiktok-embed) {
  padding-left: 24px;
  border-left: 2px solid var(--cls-grey-6);
}
.content blockquote:not(.tiktok-embed) cite, .pages .pages__content blockquote:not(.tiktok-embed) cite {
  display: block;
  margin-top: 8px;
  color: var(--cls-grey-8);
}
.content blockquote:not(.tiktok-embed) + *, .pages .pages__content blockquote:not(.tiktok-embed) + * {
  margin-top: 32px !important;
}
.content a, .pages .pages__content a {
  color: var(--clr-blue-1);
}
.content a:hover, .pages .pages__content a:hover, .content a:active, .pages .pages__content a:active, .content a:focus, .pages .pages__content a:focus, .content a:visited, .pages .pages__content a:visited {
  color: var(--clr-purple-1);
}

.archive .article__author, .archive.archive--materiasColunistas .article__colunista {
  display: flex;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.archive .article__author > div, .archive.archive--materiasColunistas .article__colunista > div {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  width: 100%;
  padding: 0px 15px;
}
.archive .article__author .article__author_avatar, .archive.archive--materiasColunistas .article__colunista .article__author_avatar {
  width: 100%;
  height: 100%;
}
.archive .article__author .article__author_description, .archive.archive--materiasColunistas .article__colunista .article__author_description {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.archive .archive__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
}
.archive .archive__list li + li {
  padding-top: 24px;
  border-top: 1px solid var(--clr-grey-4);
}
.archive.archive--materiasColunistas .article__colunista > div {
  border-bottom: 2px solid var(--clr-grey-4);
}
.archive.archive--materiasColunistas .article__colunista .article__colunista__avatar {
  width: 100%;
  height: 250px;
  max-width: 200px;
}
.archive.archive--materiasColunistas .article__colunista .article__colunista__avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 250px;
}
.archive.archive--materiasColunistas .article__colunista .article__colunista__description h2 {
  color: var(--clr-blue-1);
}
@media ((min-width: 768px)) {
  .archive .article__author > div, .archive.archive--materiasColunistas .article__colunista > div {
    flex-direction: row;
    width: 50%;
  }
  .archive .article__author .article__author_avatar, .archive.archive--materiasColunistas .article__colunista .article__author_avatar {
    max-width: 124px;
  }
  .archive.archive--materiasColunistas .article__colunista > div {
    -moz-column-gap: 40px;
         column-gap: 40px;
    width: 100%;
  }
}

.pages .pages__hero {
  position: relative;
  display: flex;
  width: 100%;
}
.pages .pages__hero > img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
}
.pages .pages__hero.pages__hero--image {
  height: 350px;
}
.pages article {
  margin: 32px 0px;
}