.elementor-961 .elementor-element.elementor-element-8d21944 > .elementor-container{max-width:1280px;}.elementor-961 .elementor-element.elementor-element-8d21944{margin-top:30px;margin-bottom:30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-961 .elementor-element.elementor-element-f19dba6{text-align:center;}.elementor-961 .elementor-element.elementor-element-f19dba6 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:45px;font-weight:800;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-961 .elementor-element.elementor-element-fa27568{text-align:center;color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-961 .elementor-element.elementor-element-b9f5708{--grid-columns:1;}.elementor-961 .elementor-element.elementor-element-b5a2c41{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-961 .elementor-element.elementor-element-d0ca001 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:16px;font-weight:400;}@media(min-width:768px){.elementor-961 .elementor-element.elementor-element-21048b9{width:78%;}.elementor-961 .elementor-element.elementor-element-3ea7b08{width:22%;}}@media(max-width:1024px){.elementor-961 .elementor-element.elementor-element-b9f5708{--grid-columns:2;}.elementor-961 .elementor-element.elementor-element-b5a2c41{--grid-columns:2;--grid-row-gap:0px;--grid-column-gap:0px;}}@media(max-width:767px){.elementor-961 .elementor-element.elementor-element-b9f5708{--grid-columns:1;}.elementor-961 .elementor-element.elementor-element-b5a2c41{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-04cabc1 */.lista-categorias-ascendentes {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.lista-categorias-ascendentes li {
  border: 1px solid #263a39;
  border-radius: 5px;
  padding: 5px 14px;
  transition: all 0.3s ease;
}

.lista-categorias-ascendentes li a {
  color: #263a39;
  text-decoration: none;
  font-weight: 500;
  display: block;
  transition: all 0.3s ease;
  font-size: 12px;
}

/* Hover elegante */
.lista-categorias-ascendentes li:hover {
  background-color: #be513a;
  border-color: #be513a;
}

.lista-categorias-ascendentes li:hover a {
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b5a2c41 */.elementor-961 .elementor-element.elementor-element-b5a2c41{
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
}

.elementor-961 .elementor-element.elementor-element-b5a2c41 .elementor-button{
    transition: 0.5s;
    background: transparent !important;
}

.elementor-961 .elementor-element.elementor-element-b5a2c41 .elementor-button-text,
.elementor-961 .elementor-element.elementor-element-b5a2c41 .elementor-button-icon{
    position: relative;
    z-index: 55;
}

/*cor de fundo*/
.elementor-961 .elementor-element.elementor-element-b5a2c41 .elementor-button::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #be513a, #263a39 ); /*altere a cor aqui*/
  z-index: 3;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
    border-radius: 5px;
    transition: 0.5s;
}


/*cor do hover*/
.elementor-961 .elementor-element.elementor-element-b5a2c41 .elementor-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #263a39, #be513a); /*altere a cor aqui*/
  z-index: 12;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
    border-radius: 5px;
    transition: 1.5s;
    opacity: 0;
}

.elementor-961 .elementor-element.elementor-element-b5a2c41 .elementor-button:hover::after {
    transition: 1.5s;
    opacity: 1;
    box-shadow: 0px 0px 20px 0px white;
}

/*cor do brilho*/
.elementor-961 .elementor-element.elementor-element-b5a2c41::before {
  position: absolute;
  content: "";
  top: -40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; /*altere a cor aqui*/
  z-index: 2;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: 40px;
  height: 100px;
  filter: blur(15px);
    border-radius: 5px;
  animation: rodar 5s infinite linear;
  transform-origin: center bottom;
}

/*animação do brilho*/
@keyframes rodar{
    0%{
        transform: translate(-50%, -50%) rotate(0);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* --- ESTILOS PARA PAGINAÇÃO DO ELEMENTOR LOOP GRID --- */

/* Estilo para os botões de paginação (números, "Anterior" e "Próximo") */
.elementor-pagination .page-numbers {
    background-color: #f0f0f0;  /* Cor de fundo para o estado NORMAL */
    color: #333333;           /* Cor do texto para o estado NORMAL */
    border-radius: 5px;        /* Opcional: para arredondar as bordas */
    padding: 10px 15px;        /* Opcional: para dar mais espaçamento interno */
    margin: 0 5px;             /* Opcional: para espaçamento entre os botões */
    transition: all 0.3s ease; /* Opcional: para uma transição suave no hover */
}

/* Estilo para quando o mouse passa por cima de um botão (hover) */
.elementor-pagination .page-numbers:hover {
    background-color: #dddddd;  /* Cor de fundo no hover */
    color: #000000;           /* Cor do texto no hover */
}

/* Estilo para o botão da página ATUAL/SELECIONADA */
.elementor-pagination .page-numbers.current {
    background-color:#263A39;  /* Cor de fundo para o item SELECIONADO (ex: azul) */
    color: #ffffff;           /* Cor do texto para o item SELECIONADO (ex: branco) */
    font-weight: bold;         /* Opcional: deixa o número da página atual em negrito */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-14282ff *//*
 * ===================================================================
 * CSS Final para o Botão "Ver Mais"
 * Versão: "Blindada" com !important para evitar conflitos com o tema
 * ===================================================================
*/

.btn-ver-mais-autores {
  /* Estilo Principal */
  background-color: transparent !important;
  border: 1px solid #BE513A !important;
  color: #BE513A !important;

  /* Layout e Fonte */
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  transition: none !important; /* Garante que não haja animação */
}

/*
 * Regra para o estado :hover
 * Força a cor a NÃO MUDAR ao passar o mouse.
*/
.btn-ver-mais-autores:hover {
  color: #BE513A !important;
  background-color: transparent !important;
}

/*
 * Regra para o estado :active (clique)
 * Garante que o estilo não se perca durante o clique.
*/
.btn-ver-mais-autores:active {
  color: #BE513A !important;
  background-color: transparent !important;
}/* End custom CSS */