/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 5px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Ajusta a altura do input e do botão para que fiquem alinhados */
.form-inline .form-control,
.form-inline .btn {
    height: 34px;
    line-height: 22px;
    padding: 6px 12px;

}

/* Ajusta o espaçamento entre o formulário e o botão do menu */
.form-inline {
    margin-right: 15px;
}

/* Opcional: Ajuste de margens em telas pequenas */
@media (max-width: 768px) {
    .navbar-header .form-inline {
        display: block;
        margin-bottom: 10px;
    }
}

.btn .fa-search {
    font-size: 14px;
    margin-right: 0;
}

/* Estilos para o input da pesquisa */
#search-box {
  // width: 350px; /* Largura fixa */
    max-width: 100%; /* Responsivo em telas menores */
    padding: 8px; /* Espaçamento interno */
    font-size: 14px; /* Tamanho da fonte */
    border: 1px solid #ccc; /* Estilo da borda */
    border-radius: 4px; /* Bordas arredondadas */
}

/* Estilos para o botão de pesquisa */
button[type="submit"] {
    padding: 8px 12px; /* Ajuste de espaçamento interno */
    font-size: 14px; /* Tamanho da fonte */
    background-color: #2e93dd; /* Cor de fundo */
    color: white; /* Cor do texto */
    border: none; /* Sem borda */
    cursor: pointer; /* Cursor de mão ao passar */
    border-radius: 4px; /* Bordas arredondadas */
}

/* Ajuste para dispositivos menores */
@media (max-width: 768px) {
    #search-box {
        width: 100%; /* Input ocupa 100% do espaço do contêiner */
    }

    button[type="submit"] {
        width: 100%; /* Botão ocupa 100% do espaço do contêiner */
    }
}

.box-search {
    margin-top: 10px;
    display: flex;
    align-items: center;
    min-width: 150px;
}