/**
 * @author Marcel Aimar <marcel_aimar@hotmail.com>
 * @date 22/12/2021 11:50
 * 
 * Alípio Isoldi da Cunha, 19 - Jardim Paineiras
 * Presidente Venceslau, CEP 19400-000, Brasil
 * Telefone: +55(18)98825-8193
 * marcel_aimar@hotmail.com  | @marcelaimar
 *  
 * @package paginas
 * @file principal.css
 * @encoding UTF-8
 * @access public 
 
 * @license https://creativecommons.org/licenses/by-nc-nd/4.0/legalcode CC BY-NC-ND
 * @copyright (c) 2021
 */

.navbar-pagina-principal .center{
    text-align: center;
    width: 100%;
}

#pagina-principal .page-content{
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding-top: 0;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}
#pagina-principal .page-content header{
    background:var(--f7-theme-color);
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /*background-size: cover;*/
    flex: 1;
    min-height: 270px;
}
#pagina-principal .page-content header .dados{
    --tamanho-imagem: 16vh;
    margin-top: -40px;
}
#pagina-principal .page-content header .dados img{
    opacity: .8;
    width: 50%;
    filter: var(--laranja-filtro);
}
#pagina-principal .cards-list{
    margin-top: -35px;
}


#pagina-principal:not(.administrador) .page-content header{
    background:#000 url(../../imagens/fundo.jpg?1) no-repeat bottom center / auto 100%;
}
#pagina-principal:not(.administrador) .page-content header .dados{
    display: none;
}

@media (min-width: 600px) {
    #pagina-principal .cards-list .card{
        --tamanho-imagem: 55px;
        --tamanho-texto: 16px;
        --margem-imagem: 25px;
    }
}

@media (min-width: 700px) {
    #pagina-principal .cards-list{
        justify-content: center;
        padding-bottom: 20vh;
    }
    #pagina-principal .cards-list .card{
        --tamanho-imagem: 40px;
        --tamanho-texto: 13px;
        --margem-imagem: 20px;
        max-width: 15vw;
        max-height: 15vw;
        margin: 0 10px;
    }
}

@media (min-width: 800px) {

    #pagina-principal .cards-list{
        justify-content: center;
        padding-bottom: 20vh;
    }
    #pagina-principal .cards-list .card{
        --tamanho-imagem: 55px;
        --tamanho-texto: 16px;
        --margem-imagem: 25px;
        max-width: 15vw;
        max-height: 15vw;
        margin: 0 10px;
    }
}