/****************************************
** BIBLIOTECA DO INVESTIDOR :: FALKBOOKS
*****************************************/
/* 1. CONTAINER GERAL DO CARD */
.book-card.card_item_white {
    /* Reseta o card_item_white para o novo design */
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
    padding: 20px;
    height: 100%;
    /* Garante altura uniforme se estiver em grid */

    /* Configuração Flexbox para alinhar o botão no fundo */
    display: flex;
    flex-direction: column;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.book-card.card_item_white:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* 2. CAPA DO LIVRO (MUITO IMPORTANTE PARA o VISUAL) */
.book-card .book-cover {
    margin: 0 auto 25px auto;    
    /* Tamanho da capa para um visual mais sutil */
    text-align: center;
}

.book-card .book-cover img {
    width: 80%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    /* Sombra para dar profundidade */
}

/* 3. DETALHES DO LIVRO */
.book-details {
    flex-grow: 1;
    /* Permite que o bloco de detalhes cresça e empurre o footer */
    display: flex;
    flex-direction: column;
}

.book-details .book-title {
    color: var(--falk-dark);
    font-size: 1em;
    font-weight: 700;
    height: 50px;
    margin-bottom: 15px;
    text-align: center;
}

/* 4. METADADOS (TAGS em linha) - CLEAN */
.book-details .book-metadata {
    display: inline-block;
    justify-content: center;
    /* Centraliza as tags horizontalmente */
    gap: 15px;
    /* Espaço entre as tags */
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #dee2e6;
    /* Linha tracejada sutil */
}

.book-details .book-metadata span{
    margin-bottom: 10px;
}

.book-details .metadata-tag {
    color: var(--falk-gray);
    font-size: 0.9em;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.book-details .metadata-tag i {
    color: var(--falk-primary);
    /* Ciano da FalkCapital nos ícones */
    margin-right: 5px;
    font-size: 1em;
}

/* 5. DESCRIÇÃO */
.book-details .book-description {
    text-align: justify;
    font-size: 0.9em;
    line-height: 1.6;
    height: 250px;
    color: var(--falk-gray);
    margin-bottom: 20px;
    flex-grow: 1;
    /* Garante que o texto ocupe o espaço e alinhe o footer */
}

/* 6. FOOTER (Botão) - A partir da seção original 'book-footer' */
.book-card .book-footer {
    text-align: center;
    margin-top: auto;
    display: flex;
    justify-content: center; /* Centraliza o grupo de botões */
    flex-wrap: wrap; /* Permite a quebra de linha em telas menores */
    gap: 10px; /* Espaço entre os botões */
}

/* 7. ESTILOS DE BOTÃO COM LOGO E TEXTO ALINHADOS - NOVO DESIGN */
.book-card .book-footer .button-falk-logo,
.partnership-actions .button-falk-logo {
    /* Estrutura Flex para alinhamento horizontal e vertical */
    display: inline-flex;
    align-items: center; /* Alinhamento vertical centralizado */
    justify-content: flex-start; /* Alinha logo à esquerda */
    
    padding: 6px 12px 6px 6px; 
    font-size: 0.9em;
    font-weight: 500;
    
    /* Design Clean */
    background-color: #ffffff;
    color: var(--falk-dark); 
    border: 1px solid #dee2e6; 
    border-radius: 20px; 
    text-decoration: none;
    
    transition: all 0.3s ease;
}

/* Wrapper do Logo (o círculo) */
.book-card .book-footer .button-falk-logo .logo-wrapper,
.partnership-actions .button-falk-logo .logo-wrapper {
    /* Transforma o span em um círculo */
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 30px;
    height: 30px;
    min-width: 28px; 
    padding: 0 !important;
    flex-grow: 0;
    border-radius: 50%; 
    margin-right: 8px; 
    
    /* Estilo do Logo Padrão: Cor de Fundo Neutra ou da Marca (opcional) */
    background-color: #f0f0f0; /* Fundo cinza claro para destacar a imagem */
    overflow: hidden; /* Importante para garantir que a imagem não saia do círculo */
    
    transition: background-color 0.3s ease;

    border: 0px !important;
}

.book-card .book-footer .button-falk-logo .logo-wrapper  img,
.partnership-actions .button-falk-logo .logo-wrapper img {
margin: 0 !important;
border: 0px !important;
}

.partnership-actions .button-falk-logo .logo-wrapper img{
        width: 100%; /* A imagem preenche 80% do círculo para ter um pequeno respiro */
    height: 100%;
    object-fit: contain; /* Garante que o logo não seja cortado, mantendo a proporção */
}

/* Estilo da Imagem do Logo (Dentro do círculo) */
.book-card .book-footer .button-falk-logo .logo-wrapper .marketplace-logo {
    width: 80%; /* A imagem preenche 80% do círculo para ter um pequeno respiro */
    height: 80%;
    object-fit: contain; /* Garante que o logo não seja cortado, mantendo a proporção */
}

/* Wrapper do Texto */
.book-card .book-footer .button-falk-logo .text-wrapper {
    flex-grow: 1;
    text-align: left; 
    transition: color 0.3s ease;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 0.1em;
}


/* 8. ESTILOS ESPECÍFICOS PARA MARKETPLACES: EFEITO HOVER */

/* EFEITO GERAL HOVER */
.book-card .book-footer .button-falk-logo:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px); 
}

/* Botão Amazon: Cor Laranja (#FF9900) */
.book-card .book-footer .btn-amazon:hover {
    border-color: #ff9900; 
}
.book-card .book-footer .btn-amazon:hover .logo-wrapper {
    background-color: #ff9900; /* Círculo Laranja */
}
.book-card .book-footer .btn-amazon:hover .text-wrapper {
    color: #ff9900; /* Texto Laranja */
}

/* Botão Shopee: Cor Laranja/Vermelho (#EE4D2D) */
.book-card .book-footer .btn-shopee:hover {
    border-color: #ee4d2d;
}
.book-card .book-footer .btn-shopee:hover .logo-wrapper {
    background-color: #ee4d2d; /* Círculo Shopee */
}
.book-card .book-footer .btn-shopee:hover .text-wrapper {
    color: #ee4d2d; /* Texto Shopee */
}

/* Botão Mercado Livre: Cor Azul (#0073e6) */
.book-card .book-footer .btn-mercadolivre:hover {
    border-color: #ffe600; 
}
.book-card .book-footer .btn-mercadolivre:hover .logo-wrapper {
    background-color: #ffe600; /* Círculo Azul */
}
.book-card .book-footer .btn-mercadolivre:hover .text-wrapper {
    color: #0073e6; /* Texto Azul */
}

/* ****************************************
** 9. BANNER DE PARCERIA (100% WIDTH)
**************************************** */
.partnership-banner.card_item_white {
    /* Estilo do container principal */
    padding: 25px 30px; 
    margin: 15px 0; 
    width: 100%;
    
    display: flex;
    flex-direction: column; /* Organiza o texto e os botões verticalmente */
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
    text-align: center;
}

/* Estilo da Mensagem Principal */
.partnership-banner .partnership-message {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.6;
    color: var(--text-dark);
    margin: 0 0 15px 0; /* Adiciona espaço abaixo do texto */
}

/* Destaque do Texto */
.partnership-banner .highlight {
    font-weight: 700;
    color: var(--color-primary); 
    display: block; 
    margin-bottom: 1em;
}

/* Container dos botões de Ação dentro do Banner */
.partnership-banner .partnership-actions {
    display: flex;
    flex-wrap: wrap; /* Permite quebrar em telas muito pequenas */
    justify-content: center;
    gap: 15px; /* Espaçamento entre os botões */
    width: 100%; /* Ocupa a largura total para centralizar melhor */
}

/* Ajuste fino dos botões para que se ajustem ao conteúdo */
.partnership-banner .partnership-actions .button-falk-logo {
    flex-grow: 0; /* Impede que o botão se estique */
    width: fit-content; /* Ajusta ao tamanho do texto + logo */
    max-width: 48%; /* Garante que dois caibam lado a lado em telas maiores */
    min-width: 150px; /* Garante um tamanho mínimo para serem clicáveis */
}


/* ****************************************
** 10. ESTILOS ESPECÍFICOS PARA PARCERIA (TELEGRAM E WEBSITE)
** Os estilos de button-falk-logo, logo-wrapper e text-wrapper
** (definidos nas seções 7 e 8) se aplicam aqui.
**************************************** */

/* Botão Telegram: Cor Azul (#0088CC) */
.partnership-banner .btn-telegram{
    color: #0073e6 !important;
}
.partnership-banner .btn-telegram:hover {
    border-color: #0088cc; 
}
.partnership-banner .btn-telegram:hover .logo-wrapper {
    background-color: #0088cc; 
}
.partnership-banner .btn-telegram:hover .text-wrapper {
    color: #0088cc; 
}
/* Estado Normal: Aplica a cor da marca Telegram ao logo wrapper */
.partnership-banner .btn-telegram .logo-wrapper {
    background-color: #0088cc; 
    color: #0088cc;
}



/* Botão Website/Parceiro: Cor Falk Amarelo (var(--falk-yellow)) */
.partnership-banner .btn-website:hover {
    border-color: var(--text-dark); 
}
.partnership-banner .btn-website:hover .text-wrapper {
    color: var(--text-dark); 
}
/* Estado Normal: Aplica a cor primária da Falk Capital ao logo wrapper */
.partnership-banner .btn-website .logo-wrapper {
    background-color: var(--falk-primary); 
}