/* ==========================================================================
   ESTILOS DOS BOTÕES DE AFILIADO (AMAZON)
   ========================================================================== */

/* Contentor que agrupa os dois botões */
.botoes-afiliado {
    display: flex;
    gap: 10px; /* Espaço entre os botões */
    justify-content: center;
    margin-top: 15px;
    width: 100%;
}

/* Estilo base (partilhado) de ambos os botões */
.btn-amazon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    font-size: 0.95rem;
    font-weight: bold;
    text-decoration: none !important; /* Remove o sublinhado azul padrão */
    border-radius: 6px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

/* Cor e estilo específico do botão do Livro */
.btn-amazon.livro {
    background-color: #232f3e; /* Azul escuro Amazon */
    color: #ffffff !important; /* Força o texto a branco */
}

.btn-amazon.livro:hover {
    background-color: #131921;
    transform: translateY(-2px); /* Efeito de levantar ligeiramente ao passar o rato */
}


/* --- ESTILOS ADICIONAIS PARA A CAIXA DA AMAZON --- */

/* Contentor para alinhar imagem e botão */
.amazon-container {
    display: flex;
    flex-direction: column; /* Alinha os itens na vertical */
    align-items: center;    /* Centraliza na horizontal */
    gap: 1.5rem;             /* Espaço entre a imagem e o botão */
    margin-top: 1rem;
}

/* Estilo da imagem da capa */
.cover-image {
    max-width: 150px;       /* Controla a largura máxima da capa */
    height: auto;           /* Mantém a proporção da imagem */
    border-radius: 4px;     /* Arredonda ligeiramente os cantos */
    box-shadow: 0 4px 10px rgba(0,0,0,0.5); /* Adiciona uma sombra para dar profundidade */
    transition: transform 0.3s ease; /* Efeito suave ao passar o rato */
}

/* Pequeno efeito de zoom na imagem ao passar o rato */
.cover-image:hover {
    transform: scale(1.05);
}

/* Ajuste ligeiro no botão (caso precises de remover a margem superior antiga) */
.amazon-button {
    margin-top: 0; /* Remove a margem superior antiga, o 'gap' trata do espaçamento */
}