.navbar-brand {
    font-size: 1.1rem;
}

.oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item {
    font-size: 0.9rem;
}
.nav-item2 {
    font-size: 0.9rem;
}

.nav-item:first-of-type {
    padding-top: 1rem;
}

.nav-item:last-of-type {
    padding-bottom: 1rem;
}

.nav-item2 ::deep .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.nav-item2 .nav-link2 {
    color: #171717;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    /*width: 100%;*/
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.nav-item2 .nav-link2:hover {
    background-color: rgba(255,255,255,0.1);
    color: #CFE2FF;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.nav-item ::deep .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: #CFE2FF;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.nav-item-escrito ::deep .nav-link-escrito {
    color: #171717;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item-escrito ::deep .nav-link-escrito:hover {
    /*background-color: rgba(255,255,255,0.1);*/
    color: #CFE2FF;
}

.nav-link-escrito:hover {
    color: #CFE2FF;
}

.nav-link {
    color: #CFE2FF;
}

.nav-link:hover {
    color: #CFE2FF;
    font-weight: bold;
}

.nav-item ::deep a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.25);
    color: #171717;
}

.nav-item ::deep a:hover {
    background-color: rgba(255,255,255,0.1);
    color: #171717;
}

@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .collapse:not(.show) {
        display: none;  
    }

    .collapse.bb-sidebar-content.nav-scrollable.bb-scrollbar {
        display: block;    
    }

/*    .nav-scrollable {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }*/
  
}


/*.bi-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
}
*/
.custom-icon {
    color: #CFE2FF;
    font-size: 22px;
}

.top-row {
    /*background-color: #123566;*/
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row ::deep a, .top-row ::deep .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
    text-decoration: underline;
}

.top-row ::deep a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

.custom-regis {
    margin-top: 18px;
}

.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(18, 53, 102) 0%, #C76312 99%);
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        color: white;
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.input-group {
    width: 500px;
}


/* sidebar.css ou dentro de seu arquivo CSS global */
:root {
    /*--bb-sidebar-width: 250px;
    --bb-sidebar-collapsed-width: 50px;
    --bb-sidebar-background-color: #133769;
    --bb-sidebar-top-row-background-color: #133769;
    --bb-sidebar-top-row-border-color: rgb(194,192,192);
    --bb-sidebar-title-text-color: rgb(255,255,255);
    --bb-sidebar-brand-icon-color: #6f42c1;
    --bb-sidebar-brand-image-width: 24px;
    --bb-sidebar-brand-image-height: 24px;
    --bb-sidebar-title-badge-text-color: rgb(255,255,255);
    --bb-sidebar-title-badge-background-color: rgba(25,135,84,var(--bs-bg-opacity,1));
    --bb-sidebar-navbar-toggler-icon-color: rgb(255,255,255);
    --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08);
    --bb-sidebar-content-border-color: rgb(194,192,192);
    --bb-sidebar-nav-item-text-color: #27FF1B;
    --bb-sidebar-nav-item-text-active-color-rgb: 255,255,255;
    --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
    --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
    --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
    --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
    --bb-sidebar-icon-color: #6c757d;*/ /* Cor padrão do ícone */
    /*--bb-sidebar-icon-hover-color: #007bff;*/ /* Cor do ícone ao passar o mouse */
    /*--bb-sidebar-icon-active-color: #0056b3;*/ /* Cor do ícone quando ativo */
    /*--bb-sidebar-top-icon-color: #6c757d;*/ /* Cor padrão do ícone de topo */
    /*--bb-sidebar-top-icon-hover-color: #007bff;*/ /* Cor do ícone de topo ao passar o mouse */
    /*--bb-sidebar-top-icon-active-color: #0056b3;*/ /* Cor do ícone de topo quando ativo */
    --bs-emphasis-color-rgb: 242, 120, 22;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
}
/* Ícone de topo da sidebar */
.bb-navbar-top-icon {
    color: var(--bs-navbar-brand-color);
}
/* Ícone do topo da sidebar */
.bb-sidebar-top-icon {
    color: var(--bs-navbar-brand-color);
}

/* Ícone de topo em estado hover */
    .bb-sidebar-top-icon:hover {
        color: var(--bs-navbar-brand-color);
    }

/* Ícone de topo em estado ativo */
    .bb-sidebar-top-icon.active {
        color: var(--bs-navbar-brand-color);
    }

/* Estilo para os ícones dos itens da sidebar */
/*.nav-item i {
    color: var(--bb-sidebar-icon-color);*/ /* Cor padrão do ícone */
/*}*/

/* Ícones em estado hover */
/*.nav-item:hover i {
    color: var(--bb-sidebar-icon-hover-color);
}*/

/* Ícones em estado ativo */
/*.nav-item.active i {
    color: var(--bb-sidebar-icon-active-color);
}

.bb-sidebar-top-row .navbar {

}*/

/* Estilo específico da sidebar */
/*.bb-sidebar-content {
    width: var(--bb-sidebar-width);
    background-color: var(--bb-sidebar-background-color);
    border-color: var(--bb-sidebar-content-border-color);
}*/

/* Classes adicionais para a aparência da sidebar */
/*.navbar-toggler {
    background-color: var(--bb-sidebar-navbar-toggler-background-color);
    color: var(--bb-sidebar-navbar-toggler-icon-color);
}*/

/* Estilos para hover e estados ativos */
/*.nav-item:hover {
    color: var(--bb-sidebar-nav-item-text-hover-color);
    background-color: var(--bb-sidebar-nav-item-background-hover-color);
}

.nav-item.active {
    color: var(--bb-sidebar-nav-item-text-active-color);
}

.navbar-brand {
    color: var(--bs-navbar-brand-color);
}*/

.capaTrabalho {
    height: 75px;
    width: 52px;
}

.voltaBotao {
    padding: 5px;
}

.img-thumbnail  {
    width: 20%; /* Largura personalizada */
    height: auto; /* Manter proporção */
}

#trabalhovisualizadosCarousel {
    margin-top: 150px;
    height: 300px;
}

#carousel-inner-trabalhosVisualizados .row {
    display: flex;
    justify-content: center;
    gap: 10px; /* Espaçamento entre itens */
}

#carousel-inner-trabalhosVisualizados .col {
    flex: 1 0 0;
    max-width: 24%; /* 3 itens por slide */
}

#carousel-inner-trabalhos .row {
    display: flex;
    justify-content: center;
    gap: 10px; /* Espaçamento entre itens */
}

#carousel-inner-trabalhos .col {
    flex: 1 0 0;
    max-width: 24%; /* 3 itens por slide */
}

/*.card {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card img {
    width: 280px;
    height: 150px;
    object-fit: cover;
}*/

.starsgold {
    margin-top: 5px;
    font-size: 30px;
    color: gold; /* Cor das estrelas preenchidas (amarelo) */
}

.stars {
    margin-top: 5px;
    font-size: 30px;
    color: #ffd700; /* Cor das estrelas preenchidas (amarelo) */
}

.starsSmall {
    margin-top: 5px;
    font-size: 20px;
    color: #ffd700; /* Cor das estrelas preenchidas (amarelo) */
}

#starsdetalhe {
    font-size: 21px;
}

.stargold {
    display: inline-block;
    margin-right: 2px;
    color: gold; /* Cor das estrelas não preenchidas (cinza claro) */
}

.star {
    display: inline-block;
    margin-right: 2px;
    color: #c2c1c1; /* Cor das estrelas não preenchidas (cinza claro) */
}

.star.filled {
    color: #ffd700; /* Cor das estrelas preenchidas (amarelo) */
}

.card-title {
    margin: 15px 0 5px 0;
    white-space: nowrap; /* Evita que o texto quebre a linha */
    overflow: hidden; /* Oculta o conteúdo excedente */
    text-overflow: ellipsis; /* Adiciona "..." ao final do texto */
    font-size: 16px; /* Ajuste conforme necessário */
    font-weight: bold; /* Torna o título mais destacado */
    text-align:center;
}

.card-text {
    white-space: nowrap; /* Evita que o texto quebre a linha */
    overflow: hidden; /* Oculta o conteúdo excedente */
    text-overflow: ellipsis; /* Adiciona "..." ao final do texto */
    font-size: 14px; /* Ajuste conforme necessário */
    font-weight: bold; /* Torna o título mais destacado */
    text-align: left;
}

#carousel-container-home {
    position: relative;
    width: 100%;
    /*max-width: 800px;*/
    margin: auto;
    margin-bottom: 50px;
    overflow: hidden;
    height: 600px;
}
#carousel-home {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

#carousel-item-home {
    min-width: 100%;
}

#carousel-item-home img {
    width: 100%;
    height: auto;
}

#btnhomecarrousel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    trabalhor: pointer;
    z-index: 1;
}

#btnhomecarrousel.prev {
    left: 10px;
}

#btnhomecarrousel.next {
    right: 10px;
}


#form-checkout {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mp-field {
    height: 48px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}

.mp-row {
    display: flex;
    gap: 10px;
}

    .mp-row > div {
        flex: 1;
    }

.mp-input {
    height: 48px;
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 10px;
    width: 100%;
}