/*Fonte do Site */

body {
    font-family: 'Be Vietnam', sans-serif;
}


.clickable-row {
    user-select: none; /* Impede a seleção de texto */
    -webkit-user-select: none; /* Para navegadores baseados no WebKit */
    -moz-user-select: none; /* Para Firefox */
    -ms-user-select: none; /* Para Internet Explorer/Edge */
    cursor: pointer; /* Mantém o cursor como ponteiro */
}

.clickable-row td {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Efeito ao passar o mouse */
.clickable-row:hover {
    background-color: #f0f0f0; /* Cor de fundo ao passar o mouse */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra ao passar o mouse */
}


.carousel-control-prev-icon {
    background-color: black; /* Define a cor do ícone para preto */
}

.carousel-control-next-icon {
    background-color: black; /* Define a cor do ícone para preto */
}

/* static/css/styles.css */

/* Estilos para forçar a exibição do botão de instalação do PWA */
.pwa-install-button {
    display: none; /* Começa escondido */
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999 !important; /* Z-index muito alto para ficar na frente de tudo */
    padding: 12px 20px;
    background-color: #2563eb; /* Um azul forte */
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

.pwa-install-button:hover {
    transform: scale(1.05);
}

/* Classe para mostrar o botão */
.pwa-install-button.visible {
    display: block !important; /* Força a exibição */
}


/* Classes base .html */

/* Garante que o body tenha altura total */
html, body {
    height: 100%;
}

/* Corrige posicionamento do conteúdo */
#main-content {
    margin-top: 0rem; /* Para mobile */
}

@media (min-width: 1024px) {
    body.has-sidebar #main-content {
        margin-left: 16rem; /* Largura da sidebar - só aplica quando autenticado */
    }
}

/* Ajuste fino para o dropdown */
.dropdown-menu {
    right: 0;
    left: auto;
}

/* Estilos para compensar elementos fixos */
.compensacao-fixa {
    padding-top: 4rem; /* Altura da navbar mobile */
}

@media (min-width: 1024px) {
    .compensacao-fixa {
        padding-top: 4rem;

    }
}

/* Navbar Mobile */
.navbar-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 4rem;
    z-index: 50;
}

/* Sidebar Desktop */
.sidebar-desktop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 16rem;
    z-index: 40;
}

/* Barra superior desktop */
.barra-desktop {
    position: fixed;
    top: 0;
    left: 16rem;
    right: 0;
    height: 4rem;
    z-index: 40;
}


<!-- Sidebar Desktop -->
<aside class="hidden lg:block fixed top-0 left-0 bottom-0 w-64 bg-gray-800 text-white pt-16 overflow-y-auto z-30">