@import url(global.css);

/* Shareds */
    /* Menu - Novo */
    main{
        margin-top: 4rem;
    }
    .cabecalho {
        margin: 0 0 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        position: fixed;
        background-color: var(--cor-menu-fundo);
        color: var(--cor-branca);
        z-index: 1000;
    }
    #hamburguer-icon.menu-active {
        background-color: var(--cor-menu-terciaria);
        border-radius: 6px;
        padding: 0.5rem;
    }
    .menu {
        background-color: var(--cor-menu-fundo);
        position: absolute;
        top: 100%;
        display: none;
        border-radius: 0px 0px 6px 6px;
        padding-top: 0.7rem;
        z-index: 999;
        /* scroll */
        max-height: calc(100dvh - 64px); /* ajuste 64px para a altura real do header */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .menu_suspenso--item {
        padding: 1rem 1.5rem;
        color: var(--cor-branca);
        font-weight: 600;
        font-size: 16px;
    }

    .menu_suspenso--item:hover {
        color: var(--cor-cinza-claro);
        background-color: var(--cor-menu-terciaria);
        /* text-decoration: underline; */

        padding: 0.25rem auto;
        border-radius: 6px;
        
    }

    .menu_suspenso--item a{
        display: flex;
        align-items: center;
        gap: 5%;
    }

    .menu_suspenso--icon {
        width: 25px;
        height: 25px;
        /* margin-right: 0.5rem; */
    }

    #barra-menu {
        display: none;
    }

    #barra-menu.active {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;

        background-color: var(--cor-menu-fundo);
        width: 30dvw;
        height: 80dvh;
        z-index: 1000;
    }

    .menu_item--new {
        background-color: #01f30e;
        margin-left: auto;
        padding: 0.25rem;
        border-radius: 6px;
    }

    .menu_item--manutencao {
        background-color: #f3bb01;
        margin-left: auto;
        padding: 0.25rem;
        border-radius: 6px;
    }

    .menu__logo--villas {
        width: 100px;
    }
    /* Fim Menu - Novo */
 
    .menu-logout {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        background-color: var(--cor-menu-terciaria);
        color: var(--cor-branca);
    }

    @media (max-width: 768px) {
        /* .menu {
            width: 100%;
        }
        .cabecalho {
            flex-direction: column;
            align-items: flex-start;
        }
        .menu-usuario {
            margin-left: 1rem;
        } */

        #barra-menu.active {
            width: 70dvw;
        }
    }
/* Partials */
    /* Mensagens - Notificações */
    .alert {
        position: fixed;
        top: 65px;
        padding: 1rem;
        color: var(--cor-branco-perso);
        background-color: rgb(8, 137, 141);
    
        box-shadow: var(--sombra-section);
    }
    
    .alert-danger {
        background-color: red;
    }
    
    .alert-debug {
        background-color: gray;
    }
    
    .alert-info {
        background-color: blue;
    }
    
    .alert-success {
        background-color: green;
    }
    
    .alert-warning {
        background-color: yellow;
        color: black;
    }
    
    .alert .progress-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 5px;
        background-color: #ffffff; /* ou outra cor para a barra de progresso */
        transition: width 2s linear; /* Ajuste o tempo de transição para o tempo de exibição desejado */
    }
    /*  */