/*
#====================================================== |
#===|| Desenvolvido por Rafael Fedele | Trader Forjado  |
#===|| Copyright 2025                                   |
# ===|| Pois ELE ns resgatou do dominio das trevas e    | 
#       nos transportou para o reino do seu Filho amado |
#                                Colossenses 1:13 - NVI |   
#=======================================================|
*/

/*=====|| IMPORTAÇÃO DE FONTES ||=====-*/
@import url('https://fonts.googleapis.com/css2?family=Righteous&family=Sarala:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*=====|| FIMIMPORTAÇÃO DE FONTES ||=====-*/

/*=====|| LIMPEZA DE CONFIGURAÇÕES PADRÕES E TAGS ||=====-*/
    *{
        margin          : 0;
        padding         : 0;
        box-sizing      : border-box;
        text-decoration : none;
        /*list-style-type : none;*/
    }

    body{
        font-family: 'Sarala', sans-serif;
    }
    a{
        color      : #fff;
        transition : all .3s ease-in-out ;
    }

/*=====|| FIM LIMPEZA DE CONFIGURAÇÕES PADRÕES E TAGS ||=====-*/

/*=====|| INICIO DO MENU SUSPENSO ||=====-*/
    #menu{
        position         : fixed;
        background-color : #212226da;
        width            : 100%;
        box-shadow       : 0 2px 5px 2px rgba(255, 255, 255, 0.25), 
                            0 2px 10px 0 rgba(255, 255, 255, 0.50);
        z-index          : 1;
        top: 0px;
        left: 0px;
        display          : flex;
        justify-content  : center;
        align-items      : center;
    }

    .menu-fundo{
        display          : flex;
        flex-direction   : row;
        align-items      : center;
        justify-content  : space-between;
        padding          : 0px;
    }

    .menu-logos-1{
        position            : relative;
        width               : 70px;
        height              : 70px;
        background-image    : url("../images/logocom.png");
        background-position : left;
        background-repeat   : no-repeat;
        background-size     : contain;
        cursor     : pointer;
        transform  : scale(1);
        transition : all 0.3s ease-in-out;
        border-radius: 200px;
        margin: 10px 0px;
    }
    
    .menu-logo-2{
        position  : absolute;
        top       : 45%;
        left      : 35px;
        transform : translate(-51%, -49%);
    }

    .menu-logo-2 img{
        width      : 50px;
        cursor     : pointer;
        transform  : scale(1);
        transition : all 0.3s ease-in-out;
    }

    .menu-logo-2 img:hover{
        transform: scale(1.2);
    }

    .menu-links a{
        margin         : 0px;
        padding        : 5px 30px;
        font-family    : 'Righteous', cursive;
        letter-spacing : 1px;
        color: white;
    }

    .menu-span{
        margin         : 0px;
        padding        : 5px 30px;
        font-family    : 'Righteous', cursive;
        letter-spacing : 1px;
        color: white;
    }

    .menu-links a:hover{
        box-shadow    : 0 2px 5px 0 rgba(255, 255, 255, 0.16),
                        0 2px 10px 0 rgba(255, 255, 255, 0.12);
        border-radius : 5px;
        color         : #265f7c;
    }
    
    .menu-span:hover{
        box-shadow    : 0 2px 5px 0 rgba(255, 255, 255, 0.16),
                        0 2px 10px 0 rgba(255, 255, 255, 0.12);
        border-radius : 5px;
        color         : #265f7c;
        cursor: pointer;
    }

    .menu-oculto img{
        position     : fixed;
        width        : 40px;
        margin-right : 20px;
        cursor       : pointer;
        filter       : invert(100%);
        visibility   : hidden;
    }
/*=====|| FIM DO MENU SUSPENSO ||=====-*/

/*=====|| INICIO DO CONTEUDO PRINCIPAL ||=====-*/
    /*=====|| INICIO DA APRESENTAÇÃO/RESUMO ||=====-*/
        #apresentacao{
            height                : 800px;
            padding-top           : 250px;
            padding-bottom        : 370px;
            background-image      : url('../images/banner-01.PNG');
            background-position   : center;
            background-repeat     : no-repeat;
            background-size       : cover;
            background-attachment : fixed;
        }

        .apresentacao-container{
            display         : flex;
            flex-direction  : row;
            align-items     : center;
            justify-content: center;
        }

        .apresentacao-titulo{
            /*background-color : #212226a9;*/
            background-color : #21222600;
            width            : 0%;
            height           : 0px ;
            border-radius    : 20px;
            text-align       : center;
            padding          : 0px;
            /*box-shadow       : 0 2px 5px 8px rgba(255, 255, 255, 0.16), 
                               0 2px 10px 0 rgba(255, 255, 255, 0.12);*/
            box-shadow       : 0 2px 5px 8px rgba(255, 255, 255, 0), 
                               0 2px 10px 0 rgba(255, 255, 255, 0);
        }

        .apresentacao-titulo p{
            color     : #fff;
            font-size : 15px;
            margin    : 0px 0;
        }

        .apresentacao-links{
            margin-left    : 20px;
            text-align     : center;
            display        : flex;
            flex-direction : column;
        }

        .apresentacao-links a{
            border           : 1px solid #000;
            background-color : #212226;
            width            : 400px;
            height           : 0px;
            padding          : 0px;
            border-radius    : 20px;
            margin           : 0px 0px;
            box-shadow       : 0 2px 5px 8px rgba(255, 255, 255, 0.16), 
                               0 2px 10px 0 rgba(255, 255, 255, 0.12);
        }

        .apresentacao-links a:hover{
            background-color : #32343a;
        }

        .apresentacao-links h3{
            font-family   : 'Righteous', cursive;
            font-size     : 16px;
            margin-bottom : 10px;
        }

        .apresentacao-links p{
            font-size   : 12px;
            color       : #265f7c;
        }
    /*=====|| FIM DA APRESENTAÇÃO/RESUMO ||=====-*/

    /*=====|| INICIO TITULO DICAS / TUTORIAIS ||=====-*/
        .galeria-container{
            display               : grid;
            grid-template-columns : repeat(6,1fr);
            grid-auto-rows        : 80px;
            grid-gap              : 15px;
        }

        .galeria-item{
            position      : relative;
            border        : 2px solid #212226;
            border-radius : 20px;
            overflow      : hidden;
            transition    : all 500ms ease-in-out;
        }

        .galeria-item:hover{
            transform: scale(1.03);
        }

        .galeria-imagens{
            width      : 100%;
            height     : 100%;
            object-fit : cover;
            opacity    : 0.80;
        }

        .galeria-label{
            position         : absolute;
            background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.698), rgba(0,0,0,1));
            left             : 0;
            bottom           : 0;
            width            : 100%;
            color            : #fff;
            padding          : 5px 0 5px 15px;
            font-size        : 14px;
            letter-spacing   : 1px;
        }

        .galeria-label p{
            font-size   : 12px;
            font-weight : bold;
            color       : #265f7c;
        }

        .row-2{
            grid-row: span 2;
        }

        .row-4{
            grid-row: span 4;
        }

        .col-2{
            grid-column: span 2;
        }

        .col-3{
            grid-column: span 3;
        }
    /*=====|| INICIO TITULO DICAS / TUTORIAIS ||=====-*/

    /*=====|| INICIO SECÃO SOBRE MIM ||=====-*/
        #sobremim{
            background-image      : url("../images/back-01.jpg");
            background-position   : center;
            background-size       : contain;
            background-attachment : fixed;
            margin-top            : 30px;
            padding               : 50px 0;
        }

        .sobremim-container{
            display          : flex;
            flex-direction   : row;
            align-items      : center;
            gap              : 30px;
            padding          : 15px;
            background-color : #212226da;
            box-shadow       : 0 2px 5px 2px rgba(255, 255, 255, 0.25), 
                               0 2px 10px 0 rgba(255, 255, 255, 0.50);    
        }

        .sobremim-textos h2{
            border-left  : 8px solid #fff;
            padding-left : 15px;
        }

        .sobremim-textos p{
            color      : #3e697e;
            text-align : justify;
            font-size  : 12px;
            margin     : 25px 0;
            font-weight: bold;
        }

        .sobremim-link-horinzontal img{
            width         : 45px;
            border-radius : 100%;
        }

        .sobremim-foto{
            width         : 180px;
            height        : 167px;
            border-radius : 100%;
            box-shadow    : 0 2px 5px 0 rgba(255, 255, 255, 0.16), 
                            0 2px 10px 0 rgba(255, 255, 255, 0.12);
        }
    /*=====|| FIM SECÃO SOBRE MIM ||=====-*/

    /*=====|| INICIO DOS TESTEMUNHOS ||=====-*/
        .testemunhas-container{
            display         : flex;
            flex-direction  : row;
            align-items     : center;
            justify-content : space-between;
            gap             : 15px;
        }

        .testemunhas-container article{
            border        : 0.1px solid rgba(204, 204, 204, 0.5);
            border-radius : 15px;
            padding       : 25px 15px;
        }

        .testemunhas-texto{
            border-left   : 5px solid #212226;
            padding-left  : 10px;
            text-align    : justify;
            font-size     : 14px;
            font-weight   : normal;
            margin-bottom : 25px;
        }

        .testemunho-fotos{
            display        : flex;
            flex-direction : row;
            align-items    : center;
            gap            : 10px;
        }

        .testemunho-fotos img{
            width         : 100px;
            border-radius : 100%;
        }

        .testemunho-fotos h5{
            font-size   : 14px;
            font-weight : bold;
            color       : rgb(116, 0, 0);
        }
    /*=====|| FIM DOS TESTEMUNHOS ||=====-*/
/*=====|| FIM DO CONTEUDO PRINCIPAL ||=====-*/

/*=====|| INICIO DO RODAPÉ ||=====-*/
    #rodape{
        background-image      : url("../images/Telegram-CHoCH-Trap.png");
        background-position   : center;
        background-size       : contain;
        background-attachment : fixed;
        margin-top            : 30px;
        padding               : 50px 0;
        color                 : #fff;
        font-size             : 12px;
        position: absolute;
        right: 0px;
        left: 0px;
    }

    .rodape-borda{
        background-color : rgba(33, 34, 38, 0.950);
        box-shadow       : 0 2px 5px 2px rgba(255, 255, 255, 0.25), 
                           0 2px 10px 0 rgba(255, 255, 255, 0.50);    
        padding          : 20px;
    }

    .rodape-container{
        display         : flex;
        flex-direction  : row;
        align-items     : center;
        justify-content : space-between;
    }

    .rodape-descricao{
        width: 50%;
    }

    .rodape-descricao h3{
        font-family    : 'Righteous', cursive;
        letter-spacing : 1px;
        text-shadow    : 2px 2px 4px #000000;
        padding        : 15px 0;
    }

    .rodape-descricao p{
        text-align : justify;
        font-size  : 12px;
        padding    : 15px 0;
    }

    .rodape-descricao
    .rodape-links{
        width      : 50%;
        text-align : center;
    }

    .rodape-links-center{
        display     : inline-flex;
        align-items : center;
        gap         : 5px;
    }

    .rodape-links-center img{
        width         : 30px;
        height        : 30px;
        border-radius : 10px;

    }

    .rodape-links-center:not(:last-of-type){
        margin-right: 15px;
    }

    .rodape-links-center a:hover{
        color: #265f7c;
    }
    
    .rodape-direitos{
        text-align: center;
    }

    .rodape-direitos:first-of-type{
        border-top  : 1px solid black;
        padding-top : 10px;
    }

    .rodape-direitos a{
    font-size: 12px;
    text-decoration: underline;
    }

    .corodape-direitosokies a:hover{
        color       : #2459ae;
    }

/*=====|| FIM DO RODAPÉ ||=====-*/

/*=====|| INICIO CLASSES AUXILIARES ||=====-*/
.content{
    width  : 90%;
    margin : 0 auto;
}

.titulos-principais{
    font-size   : 30px;
    font-family : 'Righteous', cursive;
    color       : #fff;
    text-shadow : 2px 2px 4px #000000;
}

.borda-titulos{
    background-color : #21222631;
    border-radius    : 20px;
    padding          : 10px 0;
}

.subtitulos{
    color       : #265f7c;
    font-weight : bold;
}

.text-center{
    text-align : center;
    padding    : 30px 0;
}
/*=====|| FIM CLASSES AUXILIARES ||=====-*/

/*=====|| INICIO DO ADAPTAÇÃO MOBILE ||=====-*/
    /*=====|| INICIO DO ADAPTAÇÃO 850PX ||=====-*/
        @media(max-width:850px){
            /*=====|| INICIO DO ADAPTAÇÃO MENU FIXO ||=====-*/
                .menu-links a{
                    margin         : 0px;
                    padding        : 5px 10px;
                    letter-spacing : 0px;
                }
            /*=====|| FIM DO ADAPTAÇÃO MENU FIXO ||=====-*/
            /*=====|| INICIO DO ADAPTAÇÃO APRESENTAÇÃO ||=====-*/
                .apresentacao-titulo{
                    margin-bottom: 0px;
                }

                .apresentacao-links{
                    margin-left: 0;
                }

                .apresentacao-links a{
                    width  : 0%;
                    height : 0%;
                    margin : 0 0 0 0;
                }

                #apresentacao{
                    position: relative;
                    top: 0px;
                    background-size       : 900px;
                    background-position   : top;
                    padding: 0px;
                    margin: 0px;
                    height: 450px;
                }
                
            /*=====|| FIM DO ADAPTAÇÃO APRESENTAÇÃO ||=====-*/
        }
    /*=====|| FIM DO ADAPTAÇÃO 850PX ||=====-*/

    /*=====|| INICIO DO ADAPTAÇÃO 768PX ||=====-*/
    @media(max-width:768px){
        /*=====|| INICIO DO ADAPTAÇÃO DICAS / TUTORIAIS ||=====-*/
            .galeria-container{
                display               : grid;
                grid-template-columns : repeat(1,1fr);
                grid-auto-rows        : 80px;
                grid-gap              : 15px;
            }

            .row-2, .row-4{
                grid-row: span 2;
            }

            .col-2, .col-3{
                grid-column: span 1;
            }
        /*=====|| FIM DO ADAPTAÇÃO DICAS / TUTORIAIS ||=====-*/
        /*=====|| INICIO DO ADAPTAÇÃO SOBRE MIM ||=====-*/
            .sobremim-container{
                display          : flex;
                flex-direction   : column;
                align-items      : center;
            }

            .sobremim-link-horinzontal{
                display        : flex;
                flex-direction : row;
                gap            : 15px;
            }
        /*=====|| FIM DO ADAPTAÇÃO SOBRE MIM ||=====-*/
        /*=====|| INICIO DO ADAPTAÇÃO TESTEMUNHAS ||=====-*/
            .testemunhas-container{
                display         : flex;
                flex-direction  : column;
                align-items     : center;
            }
        /*=====|| FIM DO ADAPTAÇÃO TESTEMUNHAS ||=====-*/
        /*=====|| INICIO DO ADAPTAÇÃO RODAPE ||=====-*/
            .rodape-container{
                display         : flex;
                flex-direction  : column;
                align-items     : center;
                justify-content : center;
            }

            .rodape-descricao, .rodape-links{
                width: 100%;
            }

            .rodape-links{
                text-align: center;
            }

        #apresentacao{
            position: relative;
            top: 0px;
            background-size       : 800px;
            background-position   : top;
            padding: 0px;
            margin: 0px;
            height: 400px;
        }
            
        /*=====|| FIM DO ADAPTAÇÃO RODAPE ||=====-*/
    }
    /*=====|| FIM DO ADAPTAÇÃO 768PX ||=====-*/

    /*=====|| INICIO DO ADAPTAÇÃO 550PX ||=====-*/
    @media (max-width:550px){
        /*=====|| INICIO DO ADAPTAÇÃO MENU FIXO ||=====-*/
            .menu-links a{
                display   : block;
                font-size : 0px;
            }

            .menu-oculto img{
                position     : relative;
                visibility   : visible;
                width        : 40px;
                margin-right : 20px;
            }
        /*=====|| FIM DO ADAPTAÇÃO MENU FIXO ||=====-*/

        #apresentacao{
            position: relative;
            top: 0px;
            background-size       : 500px;
            background-position   : top;
            padding: 0px;
            margin: 0px;
            height: 250px;
        }

        .menu-logos-1{
            margin-left: 15px;
            width: 60px;
        }

        
    }
    /*=====|| FIM DO ADAPTAÇÃO 550PX ||=====-*/
/*=====|| FIM DO ADAPTAÇÃO MOBILE ||=====-*/

/*=====|| INICIO DO LOGIN ||=====-*/
    .login-container {
        position: absolute;
        height: 100vh;
        left: 30%;
        right: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(4px);
    }

    .login-box {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 40px 30px;
        border-radius: 16px;
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
        text-align: center;
        width: 300px;
    }

    .login-box h2 {
        margin-bottom: 20px;
        color: #fff;
    }

    .login-box input {
        width: 100%;
        padding: 12px;
        margin-bottom: 15px;
        border: none;
        border-radius: 8px;
        background-color: rgba(255,255,255,0.2);
        color: #fff;
        font-size: 14px;
    }

    .login-box input::placeholder {
        color: #ddd;
    }

    .login-box button {
        width: 100%;
        padding: 12px;
        background-color: #00bcd4;
        border: none;
        border-radius: 8px;
        color: white;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: background 0.3s ease;
    }

    .login-box button:hover {
        background-color: #0097a7;
    }

    #closepass{
        margin-top: 15px;
        background-color: rgba(0, 0, 0, 0.90);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.494);
    }

    .ativouser{
        visibility: hidden;
    }

    .errorpass{
        color: rgb(227, 38, 38);
        margin-top: 15px;
    }

/*=====|| INICIO DO TERMOS E DOWNLOAD ||=====-*/
    .bodytermo{
        background-image      : url("/static/images/banner-01.PNG");
        background-position   : center;
        background-repeat     : no-repeat;
        background-size       : cover;
        background-attachment : fixed;
        padding-top           : 120px;
        padding-bottom        : 370px;
    }
    /*=====|| MENU SECUNDÁRIO DO TERMOS E DOWNLOAD ||=====-*/
        #termomain{
            display          : flex;
            flex-direction   : row;
            justify-content  : space-around;
            margin           : 0px auto;
            width            : 90%;
            gap              : 15px;
            background-color : rgba(33, 34, 38, 0.93);
            box-shadow       : 0 2px 5px 2px rgba(255, 255, 255, 0.25), 
                            0 2px 10px 0 rgba(255, 255, 255, 0.50);
            padding          : 30px 0px;
        }

        /*=====|| MENU DO TERMOS ||=====-*/
        #typetermo span{
            color: white;
            padding: 7px 30px;
            height: 40px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        #typetermo span:hover {
            box-shadow    : 0 2px 5px 0 rgba(255, 255, 255, 0.16),
                            0 2px 10px 0 rgba(255, 255, 255, 0.12);
            border-radius : 5px;
            color         : #265f7c;
        }
        
        /*=====|| MENU DO DOWNLOAD ||=====-*/
        .submitdown input{
            width: 350px;
            height: 40px;
            text-align: center;
        }

        .submitdown button{
            width: 150px;
            height: 40px;
            background-color: #7f8187;
        }

        .DownInit{
            background-color:  #2459ae;
        }

        /*=====|| CLASS TERMOS/DOWNLAD ||=====-*/
        .spanterm{
            display: inline-block;
            color: white;
            border-left: 6px solid white;
            padding-left: 15px;
            font-size: 18px;
            font-weight: bold; 
            margin-bottom: 20px;
        }

        .submitdown{
            display: flex;
            flex-direction: row;
            gap: 15px;
            border: 1px solid white;
            padding: 15px;
        }

    /*=====|| FORMATAÇÃO DOS TERMOS ||=====-*/
        #termo1, #termo2{
            padding: 20px 50px;
            background-color : rgba(33, 34, 38, 0.96);
            box-shadow       : 0 2px 5px 2px rgba(0, 0, 0, 0.25), 
                                0 2px 10px 0 rgba(0, 0, 0, 0.5);
            font-size: 12px;
            width: 90%;
            margin: 15px auto;
        }

        .termocontent {
            background-color: rgb(247, 247, 247);
            color: black;
            max-width: 900px;
            margin: auto;
            padding: 40px;
            box-shadow       : 0 2px 5px 8px rgba(255, 255, 255, 0.16), 
                    0 2px 10px 0 rgba(255, 255, 255, 0.12);
            text-align: justify;
            font-size: 12px;
        }

        .termoh1 {
            text-align: center;
            margin-bottom: 40px;
        }

        .termoline {
            margin-bottom: 25px;
            border-bottom: 1px solid dimgray;
            padding-bottom: 30px;
        }
        .termoul {
            padding-left: 40px;
            list-style-type: disc;
        }

        .termoativo{
            display: inline-block;
            box-shadow    : 0 2px 5px 0 rgba(255, 255, 255, 0.16),
                            0 2px 10px 0 rgba(255, 255, 255, 0.12);
            border-radius : 5px;
            color         : #265f7c;
        }

        .termhidder{
            display: none;
        }

@media (max-width: 1200px){
    #termomain{
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
    }

    .submitdown{
        justify-content  : space-around;
    }

    #termomain div{
        flex-grow: 1;
    }

    #termo1, #termo2{
        padding: 2px;
    }
    
}

@media (max-width: 819px){
    #termomain{
        flex-direction: column;
        padding: 15px;
    }

    .submitdown{
        display: flex;
        flex-direction: column;
    }

    .submitdown span{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .submitdown input{
        width: 100%;
    }

    .submitdown button{
        width: 100%;
    }



}
/*=====|| INICIO DO TERMOS E DOWNLOAD ||=====-*/
    .cookies{
        display: none;
        position: fixed;
        bottom: 10px;
        left: 10px;
        padding: 15px;
        border-radius: 8px;
        background-color : rgba(33, 34, 38, 0.95);
        box-shadow       : 0 2px 5px 2px rgba(0, 0, 0, 0.55), 
                            0 2px 10px 0 rgba(0, 0, 0, 0.5);
        z-index: 999;
        font-size: 12px;
        color       : #2459ae;
    }

    .cookies a{
        font-size: 12px;
        text-decoration: underline;
    }
        
    .cookies a:hover{
        color       : #2459ae;
    }

    .btncookies{
        margin-top: 8px;
        background-color: black;
        color: white;
        padding: 5px 25px;
        border: 1px solid black;
        border-radius: 5px;
        cursor: pointer;
    }

/*========|| MASTER HTML ||==============*/

#mastercontainer{
    display: flex;
    flex-direction: row;
    padding-top: 100px;
    width: 98%;
    margin: 0px auto;
    gap: 15px;
}

.mastermenu{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 20%;
    border: 1px solid black;
    padding: 15px;
    background-color : #212226da;
    box-shadow       : 0 2px 5px 2px rgba(0, 0, 0, 0.25), 
                        0 2px 10px 0 rgba(0, 0, 0, 0.5);

}

.mastermenu span{
    cursor: pointer;
};

.masterconteudo{
    width: 80%;
    padding: 15px;
    border: 1px solid black;
}

#context select{

    text-align: center;
    border-radius: 0px;
}


.mastertitle{
    text-align: center;
    width: 100%;
    background-color: black;
    color: white;
    margin-bottom: 15px;
}

.frametoken{
    border: 1px solid black;
    padding: 15px;
    width: 550px;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.flexauto{
    flex-grow: 1;
}

/*
#selecttoken{
    width: 350px;
    height: 30px;
    text-align: center;
}
*/


.formmaster01{
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 15px;
}
/*
.dadostoken{
    border: 1px solid black;
    padding: 15px;
}
*/
.mastergrid01{
    display               : grid;
    grid-template-columns : repeat(8,1fr);
    grid-auto-rows        : 60px;
    grid-gap              : 15px;
    border: 1px solid black;
    padding: 15px;
}


.mastergrid01 select, input, textarea{
    width: 100%;
    height: 30px;
    text-align: center;
}

textarea{
    padding: 5px;
    height: 100%;
    resize: none;
}

fieldset{
    padding: 0px 15px 15px 15px;
}

legend{
    padding: 0px 10px;
    font-size: 12px;
}
.mrow02{
    grid-row: span 2;
}

.mcol01{
    grid-column: span 1;
}

.mcol02{
    grid-column: span 2;
}

.mcol03{
    grid-column: span 3;
}

.mcol06{
    grid-column: span 6;
}

.mcol08{
    grid-column: span 8;
}
.tablelogs{
    border-bottom: 1px solid black;
    font-size: 12px;
    text-align: center;
}

.redlogs{
    color: red;
}

.bluelogs{
    color: blue;
}

.blacklistlogs{
    color: white;
    background-color: red;
}


/*===== PAGINA DE VENDA ======*/
    .buylogo{
        background-image: url( "../images/LogoMarca.png");
        background-position   : top;
        background-repeat     : no-repeat;
        background-size       : 100%;
        background-attachment : fixed;
        aspect-ratio: 1366/600;
        overflow: hidden;
    }    
    
    .buyapresentacao{
        background-image: url( "../images/Apresentação.png");
        background-position   : top;
        background-repeat     : no-repeat;
        background-size       : 100%;
        background-attachment : scroll;
        aspect-ratio: 1366/600;
        overflow: hidden;
    }    
         
    .btnbra {
        position: relative;
        width: 20vw;   /* ou algo como 20% */
        height: 6vw;   /* ajuste conforme necessário */
        background-image: url("../images/BuyBRA.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        top: calc(321 / 600 * 100%);
        left: calc(140 / 600 * 100%);
        border: none;
        cursor: pointer;
    }

    .btneua {
        position: relative;
        width: 20vw;   /* ou algo como 20% */
        height: 6vw;   /* ajuste conforme necessário */
        background-image: url("../images/BuyEUA.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        top: calc(360 / 600 * 100%);
        left: calc(140 / 600 * 100%);
        border: none;
        cursor: pointer;
    }

    .buycorretoras{
        background-image: url( "../images/Corretoras.png");
        background-position   : top;
        background-repeat     : no-repeat;
        background-size       : 100%;
        background-attachment : scroll;
        aspect-ratio: 1366/465;
        overflow: hidden;
    }

    #rodapevenda{
        background-image      : url("../images/Logo Cadeado.png");
        background-position   : bottom center;
        background-size       : contain;
        background-attachment : fixed;
        margin-top            : 0px;
        padding               : 50px 0;
        color                 : #fff;
        font-size             : 10px;
        background-color: #000;
    }

    .rodapebordavendas{
        background-color : rgba(0, 4, 18, 0.95);
        box-shadow       : 0 2px 5px 2px rgba(255, 255, 255, 0.25), 
                           0 2px 10px 0 rgba(255, 255, 255, 0.50);    
        padding          : 20px;
    }


    @media (max-width: 480px) {

        .minhidder{
            display: none;
        }
        #rodapevenda{
            padding: 8px;
            margin: 0px;
            width: 100%;
        }

        .content{
            margin: 0px;
            width: 100%;
        }
        .rodapebordavendas{
            padding: 8px ;
        }
        .rodape-descricao h3, p{
            font-size: 100%;
        }
        #rodapevenda p{
            font-size: 100%;
        }

        .rodape-direitos{
            font-size: 100%;
        }

        .rodape-direitos a{
            font-size: 100%;
        }
    }