.elementor-2084 .elementor-element.elementor-element-9ff1f0f{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* --- ESTILOS ATUALIZADOS PARA A PÁGINA DE FAVORITOS --- */

/* Container principal da lista */
.lista-favoritos-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Cards um pouco maiores */
    gap: 25px;
}

/* Card individual do post favorito */
.item-favorito {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; /* Garante que a imagem com borda arredondada não vaze */
    display: flex;
    flex-direction: column; /* Organiza imagem e conteúdo verticalmente */
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    transition: transform 0.2s ease-in-out;
}

.item-favorito:hover {
    transform: translateY(-5px);
}

/* Imagem de destaque */
.item-favorito img {
    width: 100%; /* << PONTO CHAVE: Ocupa toda a largura do card */
    height: 180px; /* Altura fixa para as imagens */
    object-fit: cover; /* Garante que a imagem cubra a área sem distorcer */
    display: block;
}

/* Container do conteúdo (título, meta, botão) */
.item-favorito-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Faz este container ocupar o espaço restante */
}

/* Título do post */
.item-favorito .titulo-favorito {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 10px 0;
    flex-grow: 1; /* Empurra o conteúdo abaixo para o final */
}

.item-favorito .titulo-favorito a {
    text-decoration: none;
    color: #111;
}

/* Container para os metadados */
.item-favorito-meta {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between; /* Coloca data de um lado, autor do outro */
}

/* Botão de excluir */
.botao-remover-favorito {
    background-color: #f44336; /* Vermelho para exclusão */
    color: white;
    border: none;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    width: 100%; /* Ocupa toda a largura da área de conteúdo */
    transition: background-color 0.3s;
}

.botao-remover-favorito:hover {
    background-color: #d32f2f;
}

.botao-remover-favorito:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

/* Estilos para o novo Título da Página de Favoritos */
.titulo-favoritos-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px; /* Espaço entre o título e a lista de cards */
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.titulo-favoritos-wrapper svg {
    margin-right: 12px;
    color: #333; /* Cor do ícone */
    width: 28px; /* Tamanho do ícone */
    height: 28px;
}

.titulo-favoritos-wrapper .titulo-meus-favoritos {
    font-size: 28px; /* Tamanho do texto do título */
    margin: 0; /* Remove margens padrão do h2 */
    color: #333;
}

/* Estilos para a página de favoritos vazia */
.favoritos-vazios-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    margin-top: 40px;
    text-align: center;
    border: 2px dashed #e0e0e0;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.favoritos-vazios-icone {
    width: 60px;
    height: 60px;
    stroke-width: 1.5;
    color: #cccccc;
    margin-bottom: 25px;
}

.favoritos-vazios-mensagem {
    font-size: 22px;
    color: #555;
    font-weight: 500;
    margin-top: 0;
}

.favoritos-vazios-botao {
    display: inline-block;
    padding: 12px 28px;
    background-color: #0073aa;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin-top: 30px;
}

.favoritos-vazios-botao:hover {
    background-color: #005a87;
    color: #ffffff;
    transform: translateY(-2px);
}/* End custom CSS */