.profissionais-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    /* Espaçamento entre os cards */
    justify-content: space-between;
}

.profissional-card {
    flex: 0 0 calc(50% - 8px);
    border: 1px solid #e0e0e0;
    display: flex;
    padding: 16px;
    background: #fff;
}

.profissional-image {
    flex: 0 0 200px;
    /* mantenha essa largura ou ajuste conforme sua necessidade */
    height: 100%;
    /* ocupar 100% da altura do card */
    margin-right: 16px;
    overflow: hidden;
    /* esconda o que extrapolar o container */
}

.profissional-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* faz a imagem se ajustar mantendo o aspect ratio */
}

.profissional-info {
    flex: 1;
    /* permitir que a parte de informações cresça e ocupe o espaço restante do card */
    display: flex;
    flex-direction: column;
    /* para alinhar os elementos verticalmente */
    justify-content: space-between;
    /* distribuir espaço igualmente entre os elementos */
}

.view-profile {
    display: inline-block;
    background-color: #4CAF50;
    color: #ffffff;
    padding: 8px 16px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
}

.view-profile:hover {
    background-color: #45a049;
}

.profissionais-busca {
    margin: 10px 0px 20px 0px;
}

@media (max-width: 767px) {
    .profissional-card {
        flex: 0 0 100%;
    }
}



/* Estilização básica da paginação */
.profissionais-pag {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.profissionais-pag span,
.profissionais-pag a {
    margin: 0 5px;
    padding: 8px 12px;
    border: 1px solid #4CAF50;
    /* Cor verde */
    text-decoration: none;
    color: #4CAF50;
    /* Cor verde */
    border-radius: 3px;
    transition: background-color 0.3s;
}

.profissionais-pag a:hover,
.profissionais-pag .current {
    background-color: #4CAF50;
    /* Cor verde */
    color: #ffffff;
}

.profissionais-pag .next {
    margin-left: 10px;
}

/* DETALHES */

.profissional-detail {
    margin: 20px 0px;
    background: #fff;
}

.profissional-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    /* Isso cria um pequeno espaço entre as colunas */
}

.coluna-um {
    flex: 0 0 30%;
    /* A coluna ocupa 30% da largura do contêiner */
}

.coluna-dois {
    flex: 1;
    /* Isso faz com que a coluna ocupe o restante do espaço */
}

/* Ajustes para telas menores (responsivo) */
@media (max-width: 768px) {

    /* Este é um ponto de interrupção comum para tablets */
    .coluna-um,
    .coluna-dois {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.profissional-documentos {
    width: 100%;
    margin-top: 20px;
}

/* Botão de Verificação */
.verification-btn {
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-flex;
    /* Mude para flex para controlar o alinhamento dos filhos */
    align-items: center;
    /* Alinhar verticalmente ao centro */
    transition: background-color 0.3s, color 0.3s;
    text-decoration: none;
}

.verification-btn svg {
    margin-right: 8px;
    /* Espaçamento entre o SVG e o texto */
}

/* Botão Verificado */
.verification-btn.verified {
    border: 2px solid #b8860b;
    /* Cor dourada escura */
    color: #b8860b;
    /* Cor dourada escura */
    background-color: #fffacd;
    /* Cor dourada clara */
}

.verification-btn.contato {
    border: 2px solid #075E54;
    /* Verde escuro similar ao WhatsApp */
    color: #128C7E;
    /* Verde médio similar ao WhatsApp */
    background-color: #fff;
    /* Verde do WhatsApp */
}

.verification-btn.contato:hover {
    background-color: #34E57B;
    /* Um tom mais claro para hover */
    color: #0A6242;
    /* Um tom um pouco mais escuro para contraste no hover */
}

.verification-btn.verified:hover {
    background-color: #ffebcd;
    /* Um tom mais claro de dourado para hover */
    color: #8b6508;
    /* Um tom um pouco mais escuro de dourado para contraste no hover */
}

/* Botão Não Verificado */
.verification-btn.not-verified {
    border: 2px solid darkgray;
    color: darkgray;
}

.verification-btn.not-verified:hover {
    background-color: #d3d3d3;
    /* Cinza claro */
    color: #333;
    /* Cinza mais escuro para contraste */
}

form.cadastrokebos {
    max-width: 600px;
    margin: 0 auto;
}

form.cadastrokebos label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

form.cadastrokebos input[type="text"],
form.cadastrokebos input[type="email"],
form.cadastrokebos select,
form.cadastrokebos input[type="file"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

form.cadastrokebos input[type="checkbox"]+label {
    display: inline-block;
    margin-left: 5px;
}

form.cadastrokebos input[type="checkbox"] {
    display: inline-block;
    margin-bottom: 20px;
}

form.cadastrokebos input[type="submit"] {
    padding: 10px 15px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

form.cadastrokebos input[type="submit"]:hover {
    background-color: #555;
}

.alertakebos {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: bold;
}

.alertakebos.erro {
    background-color: #ffe5e5;
    /* vermelho claro */
    border: 1px solid #ff0000;
    /* vermelho */
}

.alertakebos.warning {
    background-color: #ffffe0;
    /* amarelo claro */
    border: 1px solid #ffcc00;
    /* amarelo */
}

.alertakebos.sucesso {
    background-color: #e5ffe5;
    /* verde claro */
    border: 1px solid #00b300;
    /* verde */
}