/* Estilo geral */
body {
    font-family: Arial, sans-serif;
}

/* Estilo da navbar */
.navbar {
    background-color: #f8f9fa;
}

.navbar-brand {
    font-weight: bold;
    color: #e91e63 !important;
}

.nav-link {
    color: #e91e63 !important;
    margin-right: 10px;
}

.nav-link:hover {
    color: #c2185b !important;
}

/* Estilo do botão "Anunciar Grátis" */
.navbar .collapse .announce-btn {
    background-color: #FF0000 !important; /* Vermelho */
    color: #fff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border: none !important; /* Sem borda */
    border-radius: 5px !important; /* Arredondamento de 5px */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.navbar .collapse .announce-btn:hover {
    background-color: #CC0000 !important; /* Vermelho mais escuro no hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Estilo da barra de pesquisa com 80% da largura e centralizada */
.search-bar-full-width {
    width: 80%;
    margin: 0 auto; /* Centraliza a barra */
    padding: 0 40px; /* Afastamento de 40px nas laterais */
}

/* Estilo das colunas da barra de pesquisa */
.search-column {
    padding-left: 20px;
    padding-right: 20px;
}

/* Estilo dos campos de entrada */
.form-select, .form-control {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px;
    font-size: 1.1rem;
}

/* Placeholder */
.form-control::placeholder {
    color: #6c757d;
}

/* Estilo do botão "Procurar" */
.search-bar-full-width .row .btn-search {
    background-color: #FF0000 !important; /* Vermelho */
    color: #fff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border: none !important; /* Sem borda */
    border-radius: 10px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.search-bar-full-width .row .btn-search:hover {
    background-color: #CC0000 !important; /* Vermelho mais escuro no hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Estilo dos cartões */
.card {
    border: 1px solid #ddd;
    border-radius: 8px;
}

.placeholder-img {
    background-color: #ddd;
    height: 200px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.gravado-badge {
    background-color: #6c757d;
    color: #fff;
}

/* Estilo do botão "Ver anúncio" nos cartões */
.cards-container .row .col .card .card-body a.btn-ver-anuncio {
    background-color: #FF0000 !important; /* Vermelho */
    color: #fff !important;
    border: none !important; /* Sem borda */
    border-radius: 10px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
    display: flex;
    align-items: center;
    gap: 5px; /* Espaço entre o ícone e o texto */
}

.cards-container .row .col .card .card-body a.btn-ver-anuncio:hover {
    background-color: #CC0000 !important; /* Vermelho mais escuro no hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

.heart-icon {
    cursor: pointer;
    color: #808080;
}

.verificada-badge {
    background-color: #28a745;
    color: #fff;
}

.audio-badge {
    background-color: #007bff;
    color: #fff;
}

.card-title {
    font-size: 1.1rem;
    font-weight: bold;
}

.card-text {
    font-size: 0.9rem;
}