/* Put your site-specific CSS here. This file is enqueued with cache-busting via filemtime(). */

/* FONTE: Força Outfit em todo o site com !important */
html,
body {
    font-family: 'Outfit', sans-serif !important;
}

/* Override específico para elementos que possam ter fontes diferentes */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
li,
button,
input,
textarea {
    font-family: 'Outfit', sans-serif !important;
}

/* [posts_destaque] INICIO */

.widget-destaque {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.container-esquerdo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.container-direito {
    display: flex;
    flex-direction: column;
}

.post-destaque-principal {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%;
    height: 420px;
    max-width: 100%;
    max-height: 100%;
}

.imagem-container {
    width: 100%;
    height: 310px;
    position: relative;
    overflow: hidden;
}

.post-destaque-principal img {
    transition: filter 0.6s ease !important;
    height: 100%;
    object-fit: cover;
}

.post-destaque-principal .categoria {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 16px;
    text-transform: uppercase;
}

.post-destaque-principal .titulo-imagem {
    position: absolute;
    bottom: 2px;
    left: 12px;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    margin: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    text-shadow: 5px 1px 9px rgb(0 0 0 / 57%);
}

.post-destaque-principal img:hover {
    filter: brightness(80%) !important;
}

.resumo-principal {
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    margin: 15px 30px 20px 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.card-menor {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.imagem-menor {
    flex-shrink: 0;
    width: 190px;
    height: 125px;
}

.imagem-menor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    transition: filter 0.6s ease;
}

.imagem-menor img:hover {
    filter: brightness(80%);
}

.conteudo-menor a {
    font-size: 18px;
    color: #333;
    text-decoration: none;
}

.conteudo-menor a:hover {
    color: #4D4D4D;
}

.conteudo-menor {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-grow: 1;
}

.titulo-menor {
    line-height: 0.7em;
    font-weight: 600;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.resumo-menor {
    font-size: 14px;
    color: #666;
    line-height: 1.5em;
    margin: 9px 0px 7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.meta-menor a {
    font-size: 14px;
    color: #999;
    text-decoration: none;
}

.meta-menor {
    font-size: 14px;
    margin: 0;
}

.site-inovelead .meta-principal a,
.site-inovelead .meta-menor a {
    color: #DDB40D;
}

.site-infocofinancas .meta-principal a,
.site-infocofinancas .meta-menor a {
    color: #008D3E;
}

.site-infocosaude .meta-principal a,
.site-infocosaude .meta-menor a {
    color: #00A848;
}

.site-casarinfoco .meta-principal a,
.site-casarinfoco .meta-menor a {
    color: #7E2EFF;
}

.site-techinfoco .meta-principal a,
.site-techinfoco .meta-menor a {
    color: #007AFF;
}

.site-inovelead .meta-principal a:hover,
.site-inovelead .meta-menor a:hover {
    color: #b59400;
}

.site-infocofinancas .meta-principal a:hover,
.site-infocofinancas .meta-menor a:hover {
    color: #006e32;
}

.site-infocosaude .meta-principal a:hover,
.site-infocosaude .meta-menor a:hover {
    color: #008235;
}

.site-casarinfoco .meta-principal a:hover,
.site-casarinfoco .meta-menor a:hover {
    color: #5e24cc;
}

.site-techinfoco .meta-principal a:hover,
.site-techinfoco .meta-menor a:hover {
    color: #005fcc;
}

@media screen and (max-width: 768px) {
    .widget-destaque {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 0 10px 0 10px;
    }

    .container-esquerdo {
        order: 1;
    }

    .container-direito {
        order: 2;
    }

    .card-menor {
        flex-direction: flex;
        align-items: left;
    }

    .imagem-menor {
        width: 130px;
        height: 130px;
    }

    .conteudo-menor {
        align-items: left;
        text-align: left;
    }
}

/* [posts_destaque] FIM */

/* [carrossel_destaques] INICIO */

/* Estilo do container do carrossel */
.widget-artigos-carrossel {
    display: flex;
    overflow-x: scroll;
    gap: 20px;
    /* Espaçamento entre os cards */
    padding: 10px 0;
    scroll-snap-type: x mandatory;
    /* Alinha os cards durante a rolagem */
}

/* Cards no carrossel */
.widget-artigos-carrossel .artigo-card {
    flex: 0 0 270px;
    /* Largura fixa dos cards */
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

/* Efeito de hover nos cards */
.widget-artigos-carrossel .artigo-card:hover {
    transform: translateY(-5px);
    /* Eleva o card um pouco no hover */
}

/* Scroll responsivo em mobile */
.widget-artigos-carrossel::-webkit-scrollbar {
    height: 10px;
}

.widget-artigos-carrossel::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 15px;
}

.widget-artigos-carrossel::-webkit-scrollbar-track {
    background: transparent;
}

/* Alterações para imagens e conteúdos */
.artigo-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.card-content h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* Limita o texto a 2 linhas */
}

.card-footer {
    padding: 0 10px 10px;
}

.card-footer .categoria-destaque a {
    font-size: 14px;
    color: #DDB40D;
    text-transform: lowercase;
    text-decoration: none;
}

.card-footer .categoria-destaque a:hover {
    color: #b59400;
}

/* [carrossel_destaques] FIM */

/* [subdomain_posts url="https://infocosaude.inovelead.com/" identifier="infocosaude"] INICIO */

/* Estilo do primeiro post (destaque) */
.infocosaude .post-destaque {
    position: relative;
    /* Necessário para elementos posicionados dentro do card */
    border-radius: 12px;
    /* Bordas arredondadas */
    overflow: hidden;
    /* Garante que os elementos não ultrapassem o card */
    margin: 0 auto 35px;
    /* Centraliza o card dentro do container e mantém o espaçamento inferior */
    background-color: #00A848;
    color: #fff;
    /* Texto branco */
    width: 100%;
    /* Largura fixa */
    height: 310px;
    /* Altura fixa */
    max-width: 100%;
    /* Ajusta a largura para no máximo 90% da tela */
    max-height: 100%;
    /* Ajusta a altura em telas menores */
}

/* Imagem do post destaque */
.post-destaque img {
    width: 100%;
    /* Tamanho total do contêiner */
    height: 215px;
    /* Altura fixa */
    object-fit: cover;
    /* Faz a imagem preencher o espaço sem distorcer */
    display: block;
    /* Remove espaçamento ao redor */
    transition: filter 0.6s ease;
    /* Transição suave ao aplicar e remover o hover */
}

/* Categoria dentro da imagem */
.infocosaude .post-destaque .categoria {
    position: absolute;
    /* Posiciona a categoria sobre a imagem */
    top: 12px;
    /* Distância do topo da imagem */
    right: 12px;
    /* Distância da direita da imagem */
    background-color: #00A848;
    color: #fff;
    /* Texto branco */
    font-size: 12px;
    /* Tamanho do texto */
    font-weight: 500;
    padding: 5px 10px;
    /* Espaçamento interno */
    border-radius: 16px;
    /* Bordas arredondadas */
    text-transform: uppercase;
    /* Letras maiúsculas */
}

/* Contêiner para o título */
.infocosaude .post-destaque .post-content {
    left: 0;
    /* Começa do lado esquerdo */
    width: 100%;
    /* Ocupa toda a largura do card */
    background-color: #00A848;
    /* Fundo do título */
    color: #fff;
    /* Texto branco */
    box-sizing: border-box;
    /* Inclui padding no cálculo do tamanho */
}

/* Título no destaque */
.post-destaque h3 {
    font-size: 18px;
    /* Tamanho do título */
    font-weight: 600;
    /* Peso da fonte */
    line-height: 1.2;
    /* Altura da linha */
    margin: 18px 24px;
    display: -webkit-box;
    /* Ativa o truncamento */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde texto extra */
    text-overflow: ellipsis;
    /* Adiciona reticências (...) */
    -webkit-line-clamp: 3;
    /* Limita a 3 linhas */
}

/* Hover somente na imagem do destaque */
.post-destaque img:hover {
    filter: brightness(80%);
    /* Escurecimento leve */
}

/* Estilo dos posts normais */
.post-item {
    display: flex;
    /* Alinha os elementos horizontalmente */
    align-items: left;
    /* Centraliza os elementos verticalmente */
    gap: 15px;
    /* Espaçamento entre a imagem e o texto */
    width: 100%;
    /* Largura total */
    max-width: 550px;
    /* Define um tamanho máximo para o card */
    height: 85px;
    /* Para permitir maior flexibilidade com o conteúdo */
    background-color: #fff;
    border-radius: 8px;
    /* Bordas suaves */
    margin: 0 auto 30px;
    /* Centraliza o card dentro do container e mantém o espaçamento inferior */
    box-shadow: none;
}

/* Ajustar a proporção da imagem */
.post-item .post-image {
    flex-shrink: 0;
    /* Garante que a imagem não seja encolhida */
    width: 130px;
    /* Maior largura para a imagem */
    height: 85px;
    /* Maior altura para a imagem */
}

.post-item .post-image img {
    width: 100%;
    /* Largura total do contêiner */
    height: 100%;
    /* Altura total do contêiner */
    object-fit: cover;
    /* Faz a imagem preencher o espaço sem distorcer */
    border-radius: 8px;
    /* Bordas arredondadas */
    transition: filter 0.3s ease;
    /* Transição suave no hover */
}

/* Ajustar o conteúdo (título e categoria) */
.post-item .post-content {
    display: flex;
    flex-direction: column;
    /* Alinha título e categoria em coluna */
    justify-content: space-around;
    /* Espaça bem o título e a categoria */
    flex-grow: 1;
    /* Garante que o texto ocupe o espaço restante */
}

.post-item h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    /* Remove margens padrão */
    color: #333;
    display: -webkit-box;
    /* Ativa o truncamento */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde texto extra */
    text-overflow: ellipsis;
    /* Adiciona reticências (...) */
    -webkit-line-clamp: 3;
    /* Limita a 3 linhas */
}

.post-item .categoria {
    font-size: 14px;
    color: #666;
    text-align: left;
    margin-top: 5px;
    /* Espaçamento entre o título e a categoria */
}

.infocosaude .post-item .categoria a {
    color: #00A848;
}

.infocosaude .post-item .categoria a:hover {
    color: #008235;
}

/* Hover para a imagem */
.post-item img:hover {
    filter: brightness(80%);
    /* Escurece um pouco no hover */
}

/* [subdomain_posts url="https://casarinfoco.inovelead.com/" identifier="casarinfoco"] INICIO */

/* Estilo do primeiro post (destaque) */
.casarinfoco .post-destaque {
    position: relative;
    /* Necessário para elementos posicionados dentro do card */
    border-radius: 12px;
    /* Bordas arredondadas */
    overflow: hidden;
    /* Garante que os elementos não ultrapassem o card */
    margin-bottom: 35px;
    /* Espaçamento entre o card e outros posts */
    background-color: #7E2EFF;
    color: #fff;
    /* Texto branco */
    width: 100%;
    /* Largura fixa */
    height: 310px;
    /* Altura fixa */
    max-width: 100%;
    /* Ajusta a largura para no máximo 90% da tela */
    max-height: 100%;
    /* Ajusta a altura em telas menores */
}

/* Imagem do post destaque */
.post-destaque img {
    width: 100%;
    /* Tamanho total do contêiner */
    height: 215px;
    /* Altura fixa */
    object-fit: cover;
    /* Faz a imagem preencher o espaço sem distorcer */
    display: block;
    /* Remove espaçamento ao redor */
    transition: filter 0.6s ease;
    /* Transição suave ao aplicar e remover o hover */
}

/* Categoria dentro da imagem */
.casarinfoco .post-destaque .categoria {
    position: absolute;
    /* Posiciona a categoria sobre a imagem */
    top: 12px;
    /* Distância do topo da imagem */
    right: 12px;
    /* Distância da direita da imagem */
    background-color: #7E2EFF;
    color: #fff;
    /* Texto branco */
    font-size: 12px;
    /* Tamanho do texto */
    font-weight: 500;
    padding: 5px 10px;
    /* Espaçamento interno */
    border-radius: 16px;
    /* Bordas arredondadas */
    text-transform: uppercase;
    /* Letras maiúsculas */
}

/* Contêiner para o título */
.casarinfoco .post-destaque .post-content {
    left: 0;
    /* Começa do lado esquerdo */
    width: 100%;
    /* Ocupa toda a largura do card */
    background-color: #7E2EFF;
    /* Fundo do título */
    color: #fff;
    /* Texto branco */
    box-sizing: border-box;
    /* Inclui padding no cálculo do tamanho */
}

/* Título no destaque */
.post-destaque h3 {
    font-size: 18px;
    /* Tamanho do título */
    font-weight: 600;
    /* Peso da fonte */
    line-height: 1.2;
    /* Altura da linha */
    margin: 18px 24px;
    display: -webkit-box;
    /* Ativa o truncamento */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde texto extra */
    text-overflow: ellipsis;
    /* Adiciona reticências (...) */
    -webkit-line-clamp: 3;
    /* Limita a 3 linhas */
}

/* Hover somente na imagem do destaque */
.post-destaque img:hover {
    filter: brightness(80%);
    /* Escurecimento leve */
}

/* Estilo dos posts normais */
.post-item {
    display: flex;
    /* Alinha os elementos horizontalmente */
    align-items: left;
    /* Centraliza os elementos verticalmente */
    gap: 15px;
    /* Espaçamento entre a imagem e o texto */
    width: 100%;
    /* Largura total */
    max-width: 550px;
    /* Define um tamanho máximo para o card */
    height: 85px;
    /* Para permitir maior flexibilidade com o conteúdo */
    background-color: #fff;
    border-radius: 8px;
    /* Bordas suaves */
    margin-bottom: 30px;
    box-shadow: none;
}

/* Ajustar a proporção da imagem */
.post-item .post-image {
    flex-shrink: 0;
    /* Garante que a imagem não seja encolhida */
    width: 130px;
    /* Maior largura para a imagem */
    height: 85px;
    /* Maior altura para a imagem */
}

.post-item .post-image img {
    width: 100%;
    /* Largura total do contêiner */
    height: 100%;
    /* Altura total do contêiner */
    object-fit: cover;
    /* Faz a imagem preencher o espaço sem distorcer */
    border-radius: 8px;
    /* Bordas arredondadas */
    transition: filter 0.3s ease;
    /* Transição suave no hover */
}

/* Ajustar o conteúdo (título e categoria) */
.post-item .post-content {
    display: flex;
    flex-direction: column;
    /* Alinha título e categoria em coluna */
    justify-content: space-around;
    /* Espaça bem o título e a categoria */
    flex-grow: 1;
    /* Garante que o texto ocupe o espaço restante */
}

.post-item h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    /* Remove margens padrão */
    color: #333;
}

.post-item .categoria {
    font-size: 14px;
    color: #666;
    text-align: left;
    margin-top: 5px;
    /* Espaçamento entre o título e a categoria */
}

.casarinfoco .post-item .categoria a {
    color: #7E2EFF;
}

.casarinfoco .post-item .categoria a:hover {
    color: #5e24cc;
}

/* Hover para a imagem */
.post-item img:hover {
    filter: brightness(80%);
    /* Escurece um pouco no hover */
}

/* [subdomain_posts url="https://casarinfoco.inovelead.com/" identifier="casarinfoco"] FIM */

/* [subdomain_posts url="https://infocofinancas.inovelead.com/" identifier="infocofinancas"] INICIO */

/* Estilo do primeiro post (destaque) */
.infocofinancas .post-destaque {
    position: relative;
    /* Necessário para elementos posicionados dentro do card */
    border-radius: 12px;
    /* Bordas arredondadas */
    overflow: hidden;
    /* Garante que os elementos não ultrapassem o card */
    margin-bottom: 35px;
    /* Espaçamento entre o card e outros posts */
    background-color: #01A669;
    color: #fff;
    /* Texto branco */
    width: 100%;
    /* Largura fixa */
    height: 310px;
    /* Altura fixa */
    max-width: 100%;
    /* Ajusta a largura para no máximo 90% da tela */
    max-height: 100%;
    /* Ajusta a altura em telas menores */
}

/* Imagem do post destaque */
.post-destaque img {
    width: 100%;
    /* Tamanho total do contêiner */
    height: 215px;
    /* Altura fixa */
    object-fit: cover;
    /* Faz a imagem preencher o espaço sem distorcer */
    display: block;
    /* Remove espaçamento ao redor */
    transition: filter 0.6s ease;
    /* Transição suave ao aplicar e remover o hover */
}

/* Categoria dentro da imagem */
.infocofinancas .post-destaque .categoria {
    position: absolute;
    /* Posiciona a categoria sobre a imagem */
    top: 12px;
    /* Distância do topo da imagem */
    right: 12px;
    /* Distância da direita da imagem */
    background-color: #01A669;
    color: #fff;
    /* Texto branco */
    font-size: 12px;
    /* Tamanho do texto */
    font-weight: 500;
    padding: 5px 10px;
    /* Espaçamento interno */
    border-radius: 16px;
    /* Bordas arredondadas */
    text-transform: uppercase;
    /* Letras maiúsculas */
}

/* Contêiner para o título */
.infocofinancas .post-destaque .post-content {
    left: 0;
    /* Começa do lado esquerdo */
    width: 100%;
    /* Ocupa toda a largura do card */
    background-color: #01A669;
    /* Fundo do título */
    color: #fff;
    /* Texto branco */
    box-sizing: border-box;
    /* Inclui padding no cálculo do tamanho */
}

/* Título no destaque */
.post-destaque h3 {
    font-size: 18px;
    /* Tamanho do título */
    font-weight: 600;
    /* Peso da fonte */
    line-height: 1.2;
    /* Altura da linha */
    margin: 14px 24px;
    display: -webkit-box;
    /* Ativa o truncamento */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde texto extra */
    text-overflow: ellipsis;
    /* Adiciona reticências (...) */
    -webkit-line-clamp: 3;
    /* Limita a 3 linhas */
}

/* Hover somente na imagem do destaque */
.post-destaque img:hover {
    filter: brightness(80%);
    /* Escurecimento leve */
}

/* Estilo dos posts normais */
.post-item {
    display: flex;
    /* Alinha os elementos horizontalmente */
    align-items: left;
    /* Centraliza os elementos verticalmente */
    gap: 15px;
    /* Espaçamento entre a imagem e o texto */
    width: 100%;
    /* Largura total */
    max-width: 550px;
    /* Define um tamanho máximo para o card */
    height: 85px;
    /* Para permitir maior flexibilidade com o conteúdo */
    background-color: #fff;
    border-radius: 8px;
    /* Bordas suaves */
    margin-bottom: 30px;
    box-shadow: none;
}

/* Ajustar a proporção da imagem */
.post-item .post-image {
    flex-shrink: 0;
    /* Garante que a imagem não seja encolhida */
    width: 130px;
    /* Maior largura para a imagem */
    height: 85px;
    /* Maior altura para a imagem */
}

.post-item .post-image img {
    width: 100%;
    /* Largura total do contêiner */
    height: 100%;
    /* Altura total do contêiner */
    object-fit: cover;
    /* Faz a imagem preencher o espaço sem distorcer */
    border-radius: 8px;
    /* Bordas arredondadas */
    transition: filter 0.3s ease;
    /* Transição suave no hover */
}

/* Ajustar o conteúdo (título e categoria) */
.post-item .post-content {
    display: flex;
    flex-direction: column;
    /* Alinha título e categoria em coluna */
    justify-content: space-around;
    /* Espaça bem o título e a categoria */
    flex-grow: 1;
    /* Garante que o texto ocupe o espaço restante */
}

.post-item h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    /* Remove margens padrão */
    color: #333;
}

.post-item .categoria {
    font-size: 14px;
    color: #666;
    text-align: left;
    margin-top: 5px;
    /* Espaçamento entre o título e a categoria */
}

.infocofinancas .post-item .categoria a {
    color: #01A669;
}

.infocofinancas .post-item .categoria a:hover {
    color: #008439;
}

/* Hover para a imagem */
.post-item img:hover {
    filter: brightness(80%);
    /* Escurece um pouco no hover */
}

/* [subdomain_posts url="https://infocofinancas.inovelead.com/" identifier="infocofinancas"] FIM */

/* [widget_artigos url="https://techinfoco.inovelead.com/"] INICIO */

/* Container principal do Widget */
.widget-artigos {
    display: grid;
    /* Usando grid layout */
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    /* Define colunas dinâmicas */
    gap: 20px;
    /* Espaçamento entre os cards */
    margin: 20px 0;
    /* Espaçamento vertical */
}

/* Estilo dos cards dos artigos */
.artigo-card {
    background-color: #fff;
    /* Fundo branco */
    border-radius: 12px;
    /* Bordas arredondadas */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Leve sombra */
    height: 340px;
    /* Altura fixa */
    overflow: hidden;
    /* Garante que conteúdo extra não ultrapasse o card */
    transition: box-shadow 0.3s ease;
    /* Suaviza a sombra no hover */
    display: flex;
    /* Layout flexbox para o card */
    flex-direction: column;
    /* Organização em coluna */
}

/* Container para a imagem */
.artigo-card img {
    width: 100%;
    /* Preenche a largura do card */
    height: 220px;
    /* Altura fixa da imagem */
    object-fit: cover;
    /* Garante que a imagem preencha o espaço sem distorção */
    border-top-left-radius: 12px;
    /* Bordas arredondadas no topo */
    border-top-right-radius: 12px;
    /* Bordas arredondadas no topo */
    transition: filter 0.5s ease;
    /* Transição no hover */
}

/* Conteúdo principal (título) */
.artigo-card .card-content {
    flex-grow: 1;
    /* Faz o espaço entre o título e o rodapé crescer */
    padding: 15px 15px 5px 15px;
    /* Espaçamento interno */
    display: flex;
    /* Define o layout interno como flexbox */
    flex-direction: column;
    /* Organiza título e categoria em coluna */
}

/* Título dos cards */
.artigo-card h3 {
    font-size: 16px;
    /* Tamanho do título */
    font-weight: 600;
    /* Negrito */
    margin: 0;
    /* Remove margens extras */
    color: #333;
    /* Cor do texto */
    display: -webkit-box;
    /* Ativa truncamento */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde conteúdo adicional */
    text-overflow: ellipsis;
    /* Adiciona reticências (...) */
    -webkit-line-clamp: 3;
    /* Limita o título a 3 linhas */
    height: 60px;
    /* Altura fixa equivalente a 3 linhas */
}

/* Rodapé do card */
.artigo-card .card-footer {
    margin-top: auto;
    /* Empurra para o final do card */
    padding: 0px 15px 15px;
    /* Espaçamento interno */
    text-align: left;
    /* Categoria alinhada à esquerda */
}

/* Categoria nos cards */
.artigo-card .categoria {
    font-size: 14px;
    /* Tamanho menor para a categoria */
    font-weight: 400;
    /* Peso da fonte */
    text-transform: lowercase;
    /* Letras minúsculas */
    margin: 0;
    /* Remove margens extras */
}

/* Link da categoria */
.artigo-card .categoria a {
    color: #007AFF;
    /* Cor azul do link */
    text-decoration: none;
    /* Remove sublinhado */
}

/* Efeito de hover no link da categoria */
.artigo-card .categoria a:hover {
    color: #006ee5;
    /* Tom mais escuro no hover */
}

/* Ajustes para telas menores (até 768px) */
@media (max-width: 768px) {
    .widget-artigos {
        grid-template-columns: 1fr;
        /* Apenas uma coluna no mobile */
    }

    .artigo-card {
        width: 100%;
        /* Card ocupa toda a largura disponível */
    }
}

/* [widget_artigos url="https://techinfoco.inovelead.com/"] FIM */

/* [posts_mais_recentes] INICIO */

/* Estilo do Widget */
.widget-destaques {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 20px 0;

    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    /* Exemplo de layout responsivo */

}

.widget-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.widget-image img {
    width: 170px;
    height: 115px;
    object-fit: cover;
    border-radius: 8px;
    transition: filter 0.5s ease;
}

.widget-image img:hover {
    filter: brightness(80%);
}

.widget-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.widget-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 5px;
}

.widget-content a {
    color: #333;
    text-decoration: none;
}

.widget-content a:hover {
    color: #333;
}

.widget-content .resumo {
    color: #666;
    font-size: 14px;
    margin: 0 0 10px;
}

.widget-links {
    font-size: 14px;
    color: #000;
}

.widget-links a {
    text-decoration: none;
}

/* Cores personalizadas para os links */
.site-inovelead .widget-links a {
    color: #DDB40D;
}

.site-infocofinancas .widget-links a {
    color: #008D3E;
}

.site-infocosaude .widget-links a {
    color: #00A848;
}

.site-casarinfoco .widget-links a {
    color: #7E2EFF;
}

.site-techinfoco .widget-links a {
    color: #007AFF;
}

/* Hover para os links */
.site-inovelead .widget-links a:hover {
    color: #b59400;
}

.site-infocofinancas .widget-links a:hover {
    color: #006e32;
}

.site-infocosaude .widget-links a:hover {
    color: #008235;
}

.site-casarinfoco .widget-links a:hover {
    color: #5e24cc;
}

.site-techinfoco .widget-links a:hover {
    color: #005fcc;
}

/* RESPONSIVIDADE PARA TELAS MENORES */
@media screen and (max-width: 768px) {
    .widget-item {
        flex-direction: column;
        /* Reorganiza o layout em coluna */
        align-items: left;
        /* Centraliza o conteúdo no mobile */
        text-align: left;
        /* Alinha os textos ao centro */
    }

    .widget-image {
        margin-bottom: 5px;
        /* Espaçamento entre imagem e conteúdo */
    }

    .widget-image img {
        width: 100%;
        /* Faz a imagem ocupar toda a largura disponível */
        height: auto;
        /* Mantém a proporção da imagem */
    }

    .widget-content h3 {
        font-size: 18px;
        /* Reduz o tamanho da fonte para telas menores */
        margin-bottom: 10px;
    }

    .widget-content .resumo {
        font-size: 14px;
        /* Mantém um tamanho confortável de leitura */
        margin-bottom: 10px;
    }

    .widget-links {
        font-size: 13px;
        /* Ajusta o tamanho das informações de categorias */
    }
}

/* [posts_mais_recentes] FIM */

/* CSS para [ultimas_noticias_tag_topnews] */

.widget-ultimas-noticias-topnews {
    display: flex;
    flex-direction: column;
    gap: 30px;
    /* Aumentei um pouco o gap geral */
    margin-bottom: 40px;
}

/* --- Post Principal --- */
.un-post-principal {
    display: flex;
    /* FUNDAMENTAL: garante o layout lado a lado */
    flex-direction: row;
    /* Explicita a direção, embora seja o padrão */
    background-color: #fff;
    /* Fundo branco para o card */
    border-radius: 8px;
    overflow: hidden;
    /* Para o border-radius funcionar com a imagem */
}

.un-link-post-principal {
    display: flex;
    flex-direction: row;
    /* Garante que os filhos do link (imagem e conteúdo) fiquem lado a lado */
    text-decoration: none;
    color: inherit;
    width: 100%;
    /* O link deve ocupar todo o espaço do .un-post-principal */
}

.un-imagem-container-principal {
    flex: 0 0 49%;
    /* LARGURA DA IMAGEM: Ajuste este valor (ex: 40%, 50%) */
    position: relative;
    /* Para a tag de categoria */
    background-color: #e9e9e9;
    /* Placeholder visual */
    min-height: 280px;
    /* Garante uma altura mínima para a imagem, ajuste conforme o design */
    border-radius: 8px;
}

.un-imagem-container-principal img {
    order: 1;
    width: 100%;
    height: 100%;
    /* Faz a imagem preencher o container */
    object-fit: cover;
    /* Cobre o espaço sem distorcer */
    display: block;
    border-radius: 8px;
    transition: filter 0.6s ease;
}

.un-link-post-principal:hover .un-imagem-container-principal img {
    filter: brightness(80%);
}

.un-categoria-imagem {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 16px;
    text-transform: uppercase;
    z-index: 1;
    background-color: #F56500;
}

.un-conteudo-principal {
    flex-grow: 1;
    /* Ocupa o espaço restante ao lado da imagem */
    padding: 0px 30px;
    /* Aumentei um pouco o padding */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.un-titulo-principal {
    font-size: 28px;
    /* Ajustado para a referência */
    font-weight: 600;
    /* Mais peso para o título principal */
    color: #333;
    /* Cor mais escura */
    line-height: 1.35;
    margin: 0 0 12px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.un-resumo-principal {
    font-size: 15px;
    /* Ajustado */
    color: #4D4D4D;
    /* Cor do resumo */
    line-height: 1.65;
    margin: 0 0 18px 0;
    /* Mais margem inferior */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    /* Ou 4, dependendo do espaço */
}

.un-data-principal {
    font-size: 13px;
    /* Ajustado */
    color: #666;
    /* Cor da data */
    text-transform: uppercase;
    font-weight: 500;
}

.un-data-principal::before {
    content: '🕒';
    margin-right: 6px;
    opacity: 0.7;
}

/* --- Posts Menores --- */
.un-posts-menores {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    /* Aumentei o gap */
}

.un-card-menor {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    /* Sombra um pouco mais visível */
    display: flex;
    /* Para o link wrapper preencher */
    flex-direction: column;
    /* Garante que o conteúdo do card empilhe corretamente */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    /* Transição para hover */
}

.un-card-menor:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    /* Efeito de elevação no hover */
}

.un-link-card-menor {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.un-imagem-container-menor {
    width: 100%;
    height: 160px;
    /* Aumentei a altura das imagens menores */
    overflow: hidden;
    background-color: #f0f0f0;
    /* Placeholder */
}

.un-imagem-container-menor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.un-conteudo-menor {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.un-titulo-menor {
    font-size: 16px;
    /* Ajustado */
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0 0 10px 0;
    /* Mais espaço abaixo do título */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    /* Consistente com o principal */
    min-height: calc(1.4em * 3);
    /* Reserva espaço para 3 linhas */
}

.un-meta-menor {
    margin-top: auto;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    /* Para quebrar linha em telas pequenas se necessário */
    gap: 5px;
    /* Espaço entre data e categoria se quebrar linha */
}

.un-data-menor {
    font-size: 13px;
    color: #777;
}

.un-data-menor::before {
    content: '🕒';
    margin-right: 4px;
    opacity: 0.7;
}

.un-categoria-menor {
    font-size: 12px;
    color: #F56500;
    text-transform: lowercase;
}

.un-categoria-menor a {
    color: #F56500;
    font-size: 14px;
}

.un-categoria-menor a:hover {
    color: #BB4D00;
}

/* --- Responsividade --- */
@media screen and (max-width: 1024px) {

    /* Tablet */
    .un-post-principal {
        flex-direction: column;
        /* Muda para coluna */
        display: flex;
    }

    .un-link-post-principal {
        display: flex;
        flex-direction: column;
    }

    .un-imagem-container-principal {
        flex-basis: auto;
        width: 100%;
        height: 300px;
        min-height: 0;
        order: 1;
        /* Imagem primeiro */
    }

    .un-imagem-container-principal img {
        order: 1;
        width: 100%;
        height: 100%;
    }

    .un-conteudo-principal {
        order: 2;
        width: 100%;
        /* Largura total do conteúdo quando empilhado */
        padding: 20px 10px;
        justify-content: flex-start;
        /* Alinhar no topo quando empilhado */
    }

    .un-titulo-principal {
        font-size: 22px;
        /* Título menor no tablet */
    }

    .un-posts-menores {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        /* Mais flexível para 2 colunas */
        gap: 20px;
    }
}

@media screen and (max-width: 600px) {

    /* Mobile */
    .un-posts-menores {
        grid-template-columns: 1fr;
        /* 1 coluna */
    }

    .un-imagem-container-principal {
        height: auto;
    }

    .un-titulo-principal {
        font-size: 20px;
        -webkit-line-clamp: 2;
        /* Menos linhas no mobile */
    }

    .un-resumo-principal {
        font-size: 14px;
        -webkit-line-clamp: 2;
    }

    .un-imagem-container-menor {
        height: 140px;
        /* Imagens menores também ajustadas */
    }

    .un-titulo-menor {
        font-size: 16px;
        -webkit-line-clamp: 2;
        min-height: calc(1.4em * 2);
        /* Ajustar para 2 linhas */
    }

    .un-data-principal,
    .un-data-menor,
    .un-categoria-menor {
        font-size: 11px;
        /* Meta info menor no mobile */
    }
}

/* [ultimas_noticias_tag_topnews] FIM */



.lista-posts-mais-noticias-ajax.loading {
    position: relative;
    /* Para posicionar o spinner/texto dentro */
    min-height: 150px;
    /* Para que o container não colapse enquanto vazio */
    /* background-color: rgba(255, 255, 255, 0.8); /* Exemplo de opacidade */
}

.lista-posts-mais-noticias-ajax.loading::before {
    /* Usando um pseudo-elemento para o texto/spinner */
    content: "Carregando...";
    /* Ou use background-image para um GIF */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* font-style: italic; */
    color: #555;
    /* Se usar imagem:
    content: "";
    background: url('caminho/para/seu/spinner.gif') no-repeat center center;
    */
}

/* custom-style.css */

/* ... (seu CSS de loading) ... */


#filtros-mais-noticias-tabs a.elementor-button {
    /* SEU ID REAL AQUI */
    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ESTILO BASE PARA OS LINKS DOS BOTÕES DE FILTRO (cores de DESABILITADO) */
#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="todos"] a.elementor-button {
    /* SEU ID REAL AQUI */
    background-color: #A5A5A5 !important;
    color: white !important;
    /* Ajuste a cor do texto se necessário para contraste com o fundo cinza */
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="inovelead"] a.elementor-button {
    /* SEU ID REAL AQUI */
    background-color: #B9B192 !important;
    color: white !important;
    /* Exemplo de cor de texto mais escura para fundos claros */
}

/* ... etc para os outros filtros, ajuste a 'color' para contraste com o 'background-color' de desabilitado ... */
/* Por exemplo, branco sobre #A7C7B5 pode não ter contraste suficiente */
#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="infocosaude"] a.elementor-button {
    background-color: #A7C7B5 !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="casarinfoco"] a.elementor-button {
    background-color: #AFA2C5 !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="infocofinancas"] a.elementor-button {
    background-color: #9ABBAF !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="techinfoco"] a.elementor-button {
    background-color: #7D9CBD !important;
    color: white !important;
}


/* ESTILO PARA O LINK DO BOTÃO ATIVO (quando o link <a> tem a classe .mn-filtro-ativo) */
#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="todos"] a.elementor-button.mn-filtro-ativo {
    /* SEU ID REAL AQUI */
    background-color: #4D4D4D !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="inovelead"] a.elementor-button.mn-filtro-ativo {
    /* SEU ID REAL AQUI */
    background-color: #DDB40D !important;
    color: white !important;
    /* Texto escuro para fundo amarelo */
}

/* ... etc para os outros filtros ativos, ajuste 'color' para contraste ... */
#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="infocosaude"] a.elementor-button.mn-filtro-ativo {
    background-color: #00A848 !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="casarinfoco"] a.elementor-button.mn-filtro-ativo {
    background-color: #7E2EFF !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="infocofinancas"] a.elementor-button.mn-filtro-ativo {
    background-color: #01A669 !important;
    color: white !important;
}

#filtros-mais-noticias-tabs div.elementor-widget-button[data-filtro="techinfoco"] a.elementor-button.mn-filtro-ativo {
    background-color: #007AFF !important;
    color: white !important;
}


/* custom-style.css */

.todos-topnews-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    /* Cria colunas responsivas */
    gap: 30px;
    /* Espaçamento entre os itens do grid */
    margin-top: 20px;
}

.todos-topnews-grid-item {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    /* Para o border-radius funcionar com a imagem */
    display: flex;
    /* Para alinhar o conteúdo interno se necessário */
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.todos-topnews-grid-item .grid-item-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Para o link ocupar todo o card */
}

.todos-topnews-grid-item .grid-item-imagem-container {
    width: 100%;
    padding-top: 56.25%;
    /* Proporção 16:9 para a imagem */
    position: relative;
    overflow: hidden;
}

.todos-topnews-grid-item .grid-item-imagem-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Garante que a imagem cubra o container sem distorcer */
    transition: transform 0.3s ease;
}

.todos-topnews-grid-item .grid-item-link:hover .grid-item-imagem-container img {
    transform: scale(1.05);
}

.todos-topnews-grid-item .grid-item-conteudo {
    padding: 15px 25px;
    flex-grow: 1;
    /* Faz o conteúdo ocupar o espaço restante */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* Empurra a meta para baixo se houver espaço */
}

.todos-topnews-grid-item .grid-item-titulo {
    font-size: 1.1em;
    margin: 0 0 10px 0;
    color: #333;
}

.todos-topnews-grid-item .grid-item-meta {
    font-size: 0.85em;
    color: #777;
    margin-top: auto;
    /* Empurra a meta para o final do card */
}

.todos-topnews-grid-item .grid-item-meta a {
    color: #555;
    text-decoration: none;
}

.todos-topnews-grid-item .grid-item-meta a:hover {
    text-decoration: underline;
}

.todos-topnews-grid-nenhum-post {
    padding: 20px;
    text-align: center;
    color: #777;
}

/* custom-style.css */

/* ... (seus estilos existentes para .todos-topnews-grid-container e .todos-topnews-grid-item) ... */

.todos-topnews-grid-item .grid-item-imagem-container {
    width: 100%;
    padding-top: 56.25%;
    /* Proporção 16:9 para a imagem */
    position: relative;
    /* Necessário para posicionar a etiqueta do segmento */
    overflow: hidden;
    background-color: #f0f0f0;
    /* Cor de fundo enquanto a imagem carrega */
}

.todos-topnews-grid-item .grid-item-imagem-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Etiqueta de Segmento sobre a Imagem */
.grid-item-segmento-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    /* Distância do topo */
    /*left: 10px;*/
    /* Distância da esquerda */
    /* Ou para canto superior direito:
    top: 10px;    
    left: auto;
    */
    padding: 5px 10px;
    font-size: 0.75em;
    /* Tamanho pequeno para a etiqueta */
    font-weight: 500;
    color: #ffffff;
    /* Cor do texto da etiqueta, geralmente branco */
    border-radius: 16px;
    /*z-index: 1;*/
    /* Para ficar sobre a imagem */
    text-transform: uppercase;
}

.todos-topnews-grid-item .grid-item-titulo {
    font-size: 1.1em;
    /* Ajuste conforme necessário */
    font-weight: 600;
    /* Se o design pedir */
    line-height: 1.3;
    /* Ajuste para controlar a altura da linha */
    color: #333;
    margin: 0 0 8px 0;
    /* Espaço abaixo do título */

    /* Ellipsis para 3 linhas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Você pode precisar definir uma altura máxima se o -webkit-line-clamp não for suficiente
       ou para navegadores que não o suportam perfeitamente.
       Ex: max-height: calc(1.3em * 3);  (line-height * número de linhas)
       Mas geralmente o -webkit-line-clamp funciona bem nos navegadores modernos. */
}

/* Novo Estilo para o Excerpt */
.todos-topnews-grid-item .grid-item-excerpt {
    font-size: 0.9em;
    /* Ajuste conforme necessário */
    line-height: 1.4;
    /* Ajuste para controlar a altura da linha */
    color: #555;
    margin: 0 0 12px 0;
    /* Espaço abaixo do excerpt */
    flex-grow: 1;
    /* Permite que o excerpt ocupe espaço, mas o footer-meta o empurrará */

    /* Ellipsis para 2 linhas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Ex: max-height: calc(1.4em * 2); */
}


/* Novo Estilo para Meta do Rodapé (Data e Categoria) */
.todos-topnews-grid-item .grid-item-footer-meta {
    font-size: 13px;
    /* Tamanho menor para meta */
    color: #777;
    margin-top: auto;
    /* Empurra para o final do card se houver espaço (devido ao flex-grow do excerpt) */
    padding-top: 8px;
    /* Pequeno espaço acima, caso o excerpt seja curto */
    border-top: 1px solid #f0f0f0;
    /* Linha sutil de separação, opcional */
    display: flex;
    /* Para alinhar data e categoria na mesma linha */
    flex-wrap: wrap;
    /* Permite quebrar se não couber */
    align-items: center;
    gap: 10px;
}

.todos-topnews-grid-item .grid-item-categoria a {
    color: #F56500;
}

.todos-topnews-grid-item .grid-item-categoria a:hover {
    color: #BB4D00;
}

.todos-topnews-grid-item .grid-item-categoria-destaque a {
    color: #DDB40D;
}

.todos-topnews-grid-item .grid-item-categoria-destaque a:hover {
    color: #B28E00;
}


.todos-topnews-grid-item .grid-item-data {
    color: #666;
    text-decoration: none;
}

.todos-topnews-grid-item .grid-item-data::before {
    content: '🕒';
    margin-right: 4px;
    opacity: 0.7;
}

.todos-topnews-grid-item .grid-item-bullet {
    margin: 0 5px;
    /* Espaçamento para o bullet */
}

/* ===================== INOVELEAD ASYNC LOADER STYLES ===================== */

.inovelead-async-container {
    min-height: 200px;
    position: relative;
}

.inovelead-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: #666;
    font-size: 16px;
}

.inovelead-loading::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007AFF;
    border-radius: 50%;
    animation: inovelead-spin 1s linear infinite;
    margin-right: 10px;
}

@keyframes inovelead-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.inovelead-loaded {
    animation: inovelead-fade-in 0.3s ease-in;
}

@keyframes inovelead-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.inovelead-error {
    color: #d32f2f;
    padding: 20px;
    text-align: center;
    background-color: #ffebee;
    border-radius: 4px;
    margin: 20px 0;
}

/* SOLUÇÃO 1: Estilo para fallback quando cache não existe */
.inovelead-empty-cache {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border-radius: 12px;
    text-align: center;
}

.inovelead-empty-message {
    margin: 0;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.8;
}

/* Barra de cookies: remove borda default dos botões (Ok, Política de privacidade, X) */
#cookie-notice button,
#cookie-notice .cn-button,
#cookie-notice #cn-close-notice {
    border: none !important;
}