body {
    background-color: #160c28;
}

.cor-descricao {
    color: #42bfdd;
}


.card-img-padrao {
    height: 200px;       
    width: 100%;         
    object-fit: cover;   
    object-position: top;
}

.levantar-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.levantar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.5) !important;
    z-index: 10;
}
.img-capa {
    height: 300px;
    object-fit: cover;
    object-position: top;
}


.titulo-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}


.titulo-rolante {
    display: inline-block;
    white-space: nowrap;
    transition: transform 2s linear;
}

.rolando {
    /* O JS vai calcular o valor exato do translate */
    animation: marquee 3s linear infinite alternate;
}


@keyframes marquee {
    0% { transform: translateX(0); }
    20% { transform: translateX(0); } 
    100% { transform: translateX(-50%); } 
}


/* --- AJUSTE DO MENU HAMBÚRGUER (OFFCANVAS) --- */

/* Regra Padrão (Celulares e Tablets pequenos) */
#menuLateral {
    width: 75% !important; /* Ocupa 75% da tela */
    max-width: 350px;      /* Mas nunca passa de 350px (pra não ficar gigante em tablets) */
}

/* Regra Desktop (Telas grandes) */
@media (min-width: 992px) {
    #menuLateral {
        width: 300px !important; /* Tamanho fixo e elegante no PC */
    }
}

/* Ajuste Fino do Dropdown do Perfil */
.dropdown-menu {
    min-width: auto !important; /* Remove a largura mínima padrão do Bootstrap */
    width: max-content;         /* A largura será exatamente a do texto mais longo */
    max-width: 250px;           /* Trava para não ficar gigante se tiver texto longo */
    padding: 0.5rem 0;          /* Diminui o espaço (padding) no topo e embaixo */
}

/* Opcional: Diminuir o tamanho da fonte dos itens */
.dropdown-item {
    font-size: 0.9rem;
    padding: 0.5rem 1rem; /* Menos espaço nas laterais dos botões */
}

/* Efeito de Hover genérico para botões e cards */
.hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}