/*============================================================================================*/
/*===============================( Computado/notebook)========================================*/
/*============================================================================================*/
@media only screen and (min-width: 1001px){
/*============================================================================================*/
/*======================================( computador )========================================*/
/*============================================================================================*/
    
    

        /*---------------------------[configuração da página]------------------------------------*/
    
            .bloco_principal{
                width: auto;
                max-width: 100%; /* Garante que o contêiner não ultrapasse a largura total da tela */
                margin: 0 auto;
            }
    
            body {
                margin: 0; /* Remove a margem padrão do body */
            }
    
            html, body, article, div, h1 {
                margin: 0;
                padding: 0;
            }
            
            *{
                box-sizing: border-box;
            }
    
    
        /*-----------------------------[configuração da página]------------------------------------*/
    
    
    
    
    




        /*-----------------------------[configuração do header]------------------------------------*/
        .header_fundo{
             background-color: #09090a; 
        }
        
        .header_frente {
            width: 1200px;
            min-height: 50px;
            display: flex;
            flex-wrap: wrap; 
            margin: auto; 
            background-color: #09090a; 

            /* Estes estilos centralizam os itens dentro do contêiner */
            align-items: center; /* Centraliza os itens verticalmente */
            justify-content: center; /* Centraliza os itens horizontalmente */
        }

        .header_box1 {
            /* Use uma largura fixa ou porcentagem que funcione para o logo */
            width: 7%; 
            min-height: 20px;
            height: auto;
            margin-right: 15px; /* Adiciona um espaço entre o logo e o texto */
            background-color: #09090a; 
        }

        .header_box2 {
            /* Defina a largura como 'auto' para que ocupe apenas o espaço necessário */
            width: auto;
        }

        .header_box2_logo {
            font-size: 3rem; /* Aumentei o tamanho da fonte para melhor visibilidade */
            color: #ffffff;
            margin: 0; /* Remove qualquer margem padrão que possa afetar o alinhamento */
        }

        /* Atualize os estilos da imagem também */
        .box1_img {
            width: 100%;
            height: auto;
            display: block; 
            margin: 0; /* Remove as margens padrão */
            transition: transform 0.3s ease;
            cursor: pointer;
        }

        /*-----------------------------[configuração do header]------------------------------------*/
    
    





        /*--------------------------------[configuração do sec1]------------------------------------*/

            .sec1_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-image: linear-gradient(to top, #018d0c, #2a9d8f);
            }

            .sec1_frente{
                width: 1200px;
                min-height: 50px;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
            }


            .sec1_box1{
                width: 50%;
                min-height: 400px;
                height: auto;
                margin: auto;
            }


            .sec1_box1_img1{
                width: 100%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
                margin-top: 0px;
                transition: transform 0.3s ease;
            }

        /*--------------------------------[configuração do sec1]------------------------------------*/
    





        /*--------------------------------[configuração do sec13]------------------------------------*/
            .sec13_fundo {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                background-color: #bfbfbf;
                padding: 50px 0;
            }

            .sec13_frente {
                width: 1200px;
                min-height: 50px;
                display: flex;
                flex-wrap: wrap;
                margin: auto;
                background-color: #fefffe;
            }

            .sec13_box1 {
                width: 50%;
                min-height: 400px;
                height: auto;
                margin: auto;
                padding: 10px;
            }

            .sec13_box2 {
                width: 50%;
                min-height: 400px;
                height: auto;
                margin: auto;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 0 20px;
                box-sizing: border-box;
            }

            .sec13_box1_img1 {
                width: 100%;
                height: auto;
                display: block;
                transition: transform 0.3s ease;
            }

            .author-name {
                font-size: 2.5rem;
                color: #000000;
                margin-bottom: 5px;
                text-align: center;
            }

            .author-title {
                font-size: 1.2rem;
                font-weight: bold;
                color: #000000;
                margin-bottom: 20px;
                text-align: center;
            }

            .author-bio {
                font-size: 1.5rem;
                line-height: 1.6;
                color: #000000;
                text-align: justify;
            }


        /*--------------------------------[configuração do sec13]------------------------------------*/
    




        /*--------------------------------[configuração do sec2]------------------------------------*/
            
            .sec2_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #f3f3f3;
            }

            .sec2_frente{
                width: 1200px;
                min-height: 100px;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #f3f3f3;
                padding-bottom: 70px;
            }





            .sec2_box1{
                width: 100%;
                min-height: 200px;
                height: auto;
                margin: auto;
                background-color: #f3f3f3;
                padding-top: 50px;
            }

            .sec2_box1_h1_ti{
                font-size: 30px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                
                margin: 25px 10px 20px 50px;
                color: #000000;
            }


            .destacado{
                color: #d44503;
            }


            .sec2_box2{
                width: 60%;
                min-height: 50px;
                height: auto;
                text-align: left;
            }

            .sec2_box2_video1{
                width: 100%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
            }


            .sec2_box3{
                width: 40%;
                min-height: 50px;
                height: auto;
                background-color: #f3f3f3;
                text-align: left;
                
            }


            .sec2_box3_h1{
                font-size: 30px;
                text-align: left;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 25px 10px 10px 25px;
                color: #15158a;
            }


            del {
                text-decoration: line-through; /* Adiciona uma linha sobre o texto */
                color: #f0c60f; 
            }


            .sec2_box3_h2{
                font-size: 20px;
                text-align: left;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: hsl(29, 88%, 47%);
            }

            .sec2_box3_h3{
                font-size: 50px;
                text-align: left;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 20px 25px;
                color: #74c85b;
            }


            .sec2_box3_h4{
                font-size: 15px;
                text-align: left;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 5px 10px 5px 25px;
                color: #000000;
            }


            .marca-check{
                font-size: 20px;
                text-align: left;
                margin: 0px 0px 0px 0px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #74c85b;
                font-weight: bold;
            }

        /*--------------------------------[configuração do sec2]------------------------------------*/











        /*--------------------------------[configuração do sec3]------------------------------------*/
 
            .sec3_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #110f17;
            }

            .sec3_frente{
                width: 1200px;
                min-height: 100px;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #110f17;
            }



            .sec3_box1{
                width: 100%;
                min-height: 50px;
                height: auto;
                background-color: #110f17;
                text-align: left;
            }



            .sec3_box1_h1{
                font-size: 25px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 100px 10px 15px 25px;
                color: #fac833;
            }



            .sec3_box1_h2{
                font-size: 20px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 70px 25px;
                color: #f3f3f3;
            }


            .sec3_box1_h3{
                font-size: 35px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: #f5fff6;
            }


            .sec3_box1_h4{
                font-size: 20px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: #f1af78;
            }



            .sec3_box1_h5{
                font-size: 55px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: #fac833;
            }



            .sec3_box1_h6{
                font-size: 20px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: #000000;
            }



            #cronometro {
                width: 25%;
                text-align: center;
                margin: auto;
                background-color: #333;
                color: #fff;
                padding: 20px;
                border-radius: 10px;
                font-size: 60px;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
            }



            .destaque {
                background-color: #f0efbc;
                padding: 5px;
                border-radius: 5px;
            }



            .sec3_box1_h7{
                font-size: 30px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: #f3f3f3;
            }



            .link{
                text-decoration: none;
            }



            .sec3_box2{
                width: 100%;
                min-height: 50px;
                background-color: #110f17;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 25px;
            }



            .sec3_box2_h1{
                font-size: 30px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 10px 10px 10px 25px;
                color: #000000;
            }



            .sec3_botao1{
                width: 25%;
                min-height: 20px;
                height: auto;
                margin: auto;
                background-color: #2ecc71;
                padding: 1px 1px;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                transition: background-color 0.3s ease, transform 0.3s ease; 
            }
        
        


            .sec3_botao1:hover{
                background-color: #27ae60; 
                transform: scale(1.02); 
            }





            .sec3_box3{
                width: 100%;
                min-height: 50px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
            }




            .sec3_box4_f1{
                width: 10%;
                min-height: 40px;
                float: left;
                border-radius: 5px;
                display: flex;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                margin: 0px 20px 0px 0px;
            }


            .sec3_box4_f2{
                width: 10%;
                min-height: 40px;
                float: left;
                border-radius: 5px;
                display: flex;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                margin: 0px 20px 0px 0px;
            }


            .sec3_box4_f3{
                width: 10%;
                min-height: 40px;
                float: left;
                border-radius: 5px;
                display: flex;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
            }




            .sec3_box5{
                width: 40%;
                min-height: 40px;
                display: flex;
            }



            .sec3_box6{
                width: 60%;
                min-height: 40px;
                display: flex;
            }




            .box3_img{
                width: 30px;
                height: 30px;
                float: left;
                margin: 5px 15px 5px 10px;
            }


            .sec3_box6_h1{
                font-size: 10px;
                margin: 5px 10px 0px 5px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #f3f3f3;
            }

        /*--------------------------------[configuração do sec3]------------------------------------*/




        /*-----------------------------------[configuração do sec4]------------------------------------*/

            .sec4_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #f3f3f3;
            }

            .sec4_frente{
                width: 1200px;
                min-height: 100px;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #f3f3f3;
                padding-bottom: 100px;
            }



            .sec4_box1{
                width: 100%;
                height: auto;
                min-height: 200px;
                background-color: #f3f3f3;
                margin: auto;
                border-radius: 5px;
                justify-content: center;
                align-items: center;
            }




            .sec4_box1_h1{
                font-size: 25px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 100px 10px 25px 25px;
                color: #000000;
            }


            .destacado1{
                color: #d44503;
            }

            .sec4_box1_h2{
                font-size: 15px;
                margin: 5px 50px 50px 50px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
                text-align: justify;
            }


            .sec4_box2{
                width: 100%;
                height: auto;
                min-height: 100px;
                background-color: #f3f3f3;
                margin: auto;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
                
            }




            .sec4_box2_c1{
                width: 300px;
                min-height: 300px;
                background-color: #ffffff;
                margin: auto;
                height: auto;
                margin-left: 10px;
                padding-bottom: 20px;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                float: left;
            }


            .sec4_box2_img1{
                width: 100px;
                height: 100px;
                margin: 0;
                padding: 0;
            }


            .box2_h2{
                font-size: 18px;
                text-align: center;
                margin: 5px 10px 10px 5px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
            }

            .box2_h3{
                font-size: 15px;
                text-align: justify;
                margin: 5px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
            }



        /*----------------------------------[configuração do sec4]------------------------------------*/





        /*----------------------------------[configuração do sec5]------------------------------------*/
            .sec5_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #110f17;
            }

            .sec5_frente{
                width: 1200px;
                min-height: 100px;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #110f17;
                padding-top: 100px;
                padding-bottom: 100px;
            }


            
            .sec5_box1{
                width: 300px;
                height: auto;
                margin: auto;
                background-color: #110f17;
            }

            .sec5_box1_h1{
                font-size: 18px;
                text-align: center;
                margin: 0px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #e4ce09;
            }


            .sec5_box2{
                width: 250px;
                height: 300px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 10px;
            }

            .sec5_box3{
                padding-top: 50px ;
                padding-bottom: 50px;
                width: 800px;
                height: auto;
                margin: auto;
                box-shadow: 0 4px 8px rgba(0, 207, 243, 0.1);
            }

            
            .garantia{
                width: 100%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
            }  


            .sec5_box3_h2{
                font-size: 18px;
                text-align: justify;
                margin: 0px 25px 0px 25px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #ffffff;
            }

        /*----------------------------------[configuração do sec5]------------------------------------*/





        /*----------------------------------[configuração do sec6]------------------------------------*/

            .sec6_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #f3f3f3;
            }

            .sec6_frente{
                width: 1200px;
                min-height: 100px;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #f3f3f3;
                padding-top: 50px;
                padding-bottom: 60px;
            }

            



            .sec6_box1{
                width: 1020px;
                min-height: 50px;
                background-color: #ffffff;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                margin-bottom: 10px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                padding-bottom: 50px;
                padding-top: 50px;
            }



            .sec6_box1_h1{
                font-size: 30px;
                text-align: center;
                margin: 20px 10px 25px 10px;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                color: #000000;
            }


            .sec6_box3_h4{
                font-size: 15px;
                text-align: left;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 5px 10px 5px 100px;
                color: #000000;
            }

            .marca-check1{
                font-size: 20px;
                text-align: right;
                margin: 0px 0px 0px 0px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #74c85b;
                font-weight: bold;
            }

            .sec6_box1_h2{
                font-size: 15px;
                text-align: justify;
                margin: 5px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
            }

        

            .sec6_box3{
                width: 1030px;
                min-height: 100px;
                height: auto;
                margin: auto;
                background-color: #f3f3f3;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
            }    

            
            .sec6_box4{
                width: 500px;
                min-height: 100px;
                height: auto;
                float: left;
                margin-bottom: 10px;
                background-color: #1d1b19;
                margin-left: 10px;
            }


            .sec6_box4_img{
                width: 100%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
            }

        /*----------------------------------[configuração do sec6]------------------------------------*/








        /*----------------------------------[configuração do sec7]------------------------------------*/


            .sec7_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #110f17;
            }


            .sec7_frente{
                width: 1200px;
                min-height: 100px;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #110f17;
                padding-bottom: 100px;
            }



            .sec7_box1{
                width: 100%;
                height: auto;
                min-height: 200px;
                background-color: #110f17;
                margin: auto;
                border-radius: 5px;
                justify-content: center;
                align-items: center;
                box-shadow: 0 4px 8px rgba(145, 141, 141, 0.1);
                padding-top: 100px;
                padding-bottom: 100px;
                margin-bottom: 50px;
            }


            .sec7_box2{
                width: 100%;
                height: auto;
                min-height: 70px;
                background-color: #110f17;
                margin: auto;
                border-radius: 5px;
                justify-content: center;
                align-items: center;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                
            }


            .sec7_box1_h1{
                font-size: 30px;
                text-align: center;
                margin: 0px 150px 50px 150px;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                color: #fffefe;
            }


            .sec7_box1_h2{
                font-size: 17px;
                text-align: center;
                margin: 5px 150px 10px 150px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #ffffff;
            }


            .sec7_box2_c1{
                width: 250px;
                min-height: 350px;
                background-color: #ffffff;
                float: left;
                margin-left: 10px;
                padding-bottom: 20px;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-image: linear-gradient(to right, #9e6218, #ffbf48, #c08822);
            }


            
            .sec7_box2_h2{
                font-size: 20px;
                margin: 20px 10px 10px 10px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                color: #000000;
                
            }


            .sec7_box2_h3{
                font-size: 18px;
                margin: 5px 10px 30px 10px;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                color: #000000;
                text-align: center;
                font-weight: bold;
                
            }


            .sec7_box3 {
                width: 250px;
                min-height: 50px;
                float: left; /* Considere substituir float por Flexbox ou Grid para o layout geral */
                border-radius: 5px;
                
                /* Configurações para centralizar a imagem */
                display: flex;
                justify-content: center; /* Centraliza horizontalmente */
                align-items: center; /* Centraliza verticalmente */
                height: auto;
                
            }

            .sec7_box3_img {
                width: 50%;
                height: auto;
                display: block;
                /* Com a imagem dentro de um contêiner flex, esta propriedade de margin não é necessária para centralizar */
            }
            
        /*----------------------------------[configuração do sec7]------------------------------------*/




        /*----------------------------------[configuração do sec8]------------------------------------*/

            .sec8_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #110f17;
            }


            .sec8_frente{
                width: 1200px;
                min-height: 100px;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #110f17;
                padding-top: 50px;
                padding-bottom: 50px;
            }


            .sec8_h1{
                font-size: 30px;
                text-align: center;
                margin: 0px 150px 0px 150px;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                color: #ffffff;
            }



            .sec8_box1{
                width: 100%;
                min-height: 50px;
                background-color: #110f17;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 50px;
                box-shadow: 0 4px 8px rgba(255, 102, 0, 0.1);
                padding-top: 20px;
                padding-bottom: 20px;

            }




            .sec8_box2{
                width: 100%;
                min-height: 50px;
                background-color: #110f17;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 25px;
            }


            .sec8_botao1{
                width: 40%;
                min-height: 20px;
                height: auto;
                margin: auto;
                background-color: #2ecc71;
                padding: 1px 1px;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                transition: background-color 0.3s ease, transform 0.3s ease;
            }



            
            .sec8_botao1:hover{
                background-color: #27ae60; 
                transform: scale(1.02); 
            }


        /*----------------------------------[configuração do sec8]------------------------------------*/






        /*----------------------------------[configuração do sec9]------------------------------------*/

            .sec9_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #f3f3f3;
            }

            .sec9_frente{
                width: 1200px;
                min-height: 50px;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                background-color: #f3f3f3;
                padding-top: 100px;
                padding-bottom: 100px;
            }


            .sec9_box1{
                width: 1200px;
                height: auto;
                background-color: #f3f3f3;
                margin: auto;
            }



            .sec9_box1_h1{
                font-size: 20px;
                text-align: center;
                margin: 5px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
                margin-bottom: 50px;
            }


            .sec9_box1_h2{
                font-size: 15px;
                text-align: justify;
                margin: 5px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
                margin-bottom: 50px;
                padding-bottom: 20px;
            }



            /*----- configuracao  do acordeon  ----------*/
            
                .accordion {
                    cursor: pointer;
                    padding: 0px 10px 0px 10px;
                    border: 1px solid #ccc;
                    background-color: #f9f9f9;
                    text-align: left;
                    width: 700px; /* Ajuste a largura conforme necessário */
                    margin: auto;
                    border-radius: 5px;
                    transition: background-color 0.3s ease;
                    margin-bottom: 0px; /* Adiciona espaço entre os acordeões */
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .accordion:hover {
                    background-color: #2ecc71;
                    border-radius: 5px;
                }
                


                .panel {
                    max-height: 0;
                    overflow: hidden;
                    transition: max-height 0.3s ease;
                    padding: 0px 10px 0px 10px;
                    border-top: 1px solid #ccc;
                    width: 700px; /* Ajuste a largura conforme necessário */
                    margin: auto;
                    background-color: #ccc;
                }
                


                .panel p {
                    margin: 0;
                }
                


                .symbol {
                    font-size: 20px;
                }
                

                #formulario1{
                    width: 100%;
                    min-height: 1200px;
                    height: 100%;
                }

            /*----- configuracao  do acordeon  ----------*/


        /*----------------------------------[configuração do sec9]------------------------------------*/






        /*----------------------------------[configuração do sec10]------------------------------------*/

                .sec10_fundo{
                    width: 100%;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-image: linear-gradient(to top, #018d0c, #2a9d8f)
                }



                .sec10_frente{
                    width: 1200px;
                    min-height: 50px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    padding-top: 50px;
                }




                .sec10_box1{
                    width: 100%;
                    min-height: 20px;
                    height: auto;
                    margin: auto;
                    margin-bottom: 70px;
                }
                


                .sec10_box2{
                    width: 100%;
                    min-height: 20px;
                    height: auto;
                    margin: auto;
                }

                


                .sec10_box1_img1{
                    width: 50%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                    margin-top: 0px;
                    transition: transform 0.3s ease;
                    margin: auto;
                }
                
                    

                .sec10_box2_h1{
                    font-size: 25px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 25px 10px 10px 25px;
                    color: #f3f3f3;
                }



                del{
                    text-decoration: line-through; /* Adiciona uma linha sobre o texto */
                    color: rgb(58, 53, 53); /* Define a cor do texto como vermelho (opcional) */
                }

                
                .sec10_box2_h2{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #f3f3f3;
                }

            


                .sec10_box2_h4{
                    font-size: 30px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 5px 100px 5px 100px;
                    color: #f3f3f3;
                }
                

                .destacado2{
                    color: #45d403;
                    font-size: 35px;
                }


                .sec10_box3{
                    width: 100%;
                    min-height: 50px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 25px;
                }


                .sec10_box3_h3{
                    font-size: 50px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 5px 100px 5px 100px;
                    color: #ccc92e;
                }

                .sec10_botao1{
                    width: 40%;
                    min-height: 20px;
                    height: auto;
                    margin: auto;
                    background-color: #2ecc71;
                    padding: 1px 1px;
                    border: none;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: background-color 0.3s ease, transform 0.3s ease;
                }


                .sec10_botao1:hover{
                    background-color: #27ae60; 
                    transform: scale(1.02); 
                }


        /*----------------------------------[configuração do sec10]------------------------------------*/






        /*----------------------------------[configuração do sec12]------------------------------------*/

            .sec12_fundo{
                width: 100%;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                background-image: url('');
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
                background-color: #bfbfbf;
            }



            .sec12_frente{
                width: 1200px;
                min-height: 50px;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                margin: auto; 
                padding-top: 50px;
                background-color: #bfbfbf;
            }


            .sec12_box2_h1{
                font-size: 30px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: bold;
                margin: 5px 150px 5px 150px;
                color: #000000;
            }


            .sec12_box1{
                width: 100%;
                min-height: 50px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #bfbfbf;
                padding-top: 50px;
                padding-bottom: 50px;
            }


            .sec12_box2{
                width: 100%;
                min-height: 50px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #bfbfbf;
            }



            .sec12_box2_c1{
                width: 250px;
                min-height: 400px;
                background-color: #ffffff;
                float: left;
                margin-left: 10px;
                padding-bottom: 20px;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
            }

            .sec12_box2_c2{
                width: 100%;
                min-height: 20px;
                display: flex;
                align-items: center;
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
               
            }


            .sec12_box2_c3{
                width: 100%;
                min-height: 250px;
                align-items: center;
                height: auto; /* Ajuste conforme necessário */
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;  
            }

            .sec12_box2_img1{
                width: 30%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
                margin-top: 15px;
                margin-left: 30px;
                
            }



            .box12_h2{
                font-size: 20px;
                margin: 20px 10px 10px 10px;
                text-align: center;
                font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                color: #000000;
            }


            .box12_h3{
                font-size: 15px;
                text-align: justify;
                margin: 0px 25px 0px 25px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #000000;
            }
        /*----------------------------------[configuração do sec12]------------------------------------*/




   
    

        /*-----------------------------[ configuração do footer ]----------------------------------*/

            .footer_fundo{
                width:auto;
                max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                height: auto; /* Ajuste conforme necessário */
                background-color: #110f17;
                background-size: cover;
                background-position: center; /* Opcional: centraliza a imagem */
                background-repeat: no-repeat;
            }
            

            .footer_frente{
                width: 1200px;
                min-height: 20px;
                margin: auto;
                display: flex;
                flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
            }



            .sec11_box1{
                width: 50%;
                min-height: 30px;
                margin: auto;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 0px;
                margin-top: 100px;
                box-shadow: 0 4px 8px rgba(255, 254, 254, 0.5);
            }




            .sec11_box3{
                width: 50%;
                min-height: 30px;
                margin: auto;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 0px;
                margin-top: 10px;
                box-shadow: 0 4px 8px rgba(255, 254, 254, 0.5);
            }




            .sec11_box2{
                width: 60%;
                min-height: 20px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 60px;
                margin-top: 60px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }




            .sec11_box4{
                width: 60%;
                min-height: 30px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 60px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }




            .sec11_box5{
                width: 60%;
                min-height: 20px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 0px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }




            .sec11_box6{
                width: 90%;
                min-height: 50px;
                margin: auto;
                border-radius: 5px;
                display: flex;
                flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                padding-top: 25px;
            }



            .sec11_box2_img1{
                width: 100%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
                transition: transform 0.3s ease;
                cursor: pointer;
            }



            .sec11_box2_img2{
                width: 60%;
                height: auto;
                display: block; /* Remove espaço extra abaixo da imagem */
                transition: transform 0.3s ease;
            }



            .sec11_box2_img1:hover{
                transform: scale(1.1); 
            }




            .sec11_box5_h1{
                font-size: 18px;
                text-align: center;
                margin: 60px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #ffffff;
            }




            .sec11_box6_h1{
                font-size: 15px;
                text-align: center;
                margin: 5px 10px 10px 10px;
                font-family: 'Cabin', sans-serif;
                font-family: 'Josefin Sans', sans-serif;
                font-family: 'Poppins', sans-serif;
                color: #ffffff;
            }

        /*-----------------------------[ configuração do footer ]----------------------------------*/
}
/*============================================================================================*/
/*===============================( Computado/notebook)========================================*/
/*============================================================================================*/






/*============================================================================================*/
/*===============================( Computado/notebook)========================================*/
/*============================================================================================*/
@media only screen and (min-width: 170px) and (max-width: 1000px) and (orientation: portrait){
    /*============================================================================================*/
    /*======================================( computador )========================================*/
    /*============================================================================================*/
        
        
    
            /*---------------------------[configuração da página]------------------------------------*/
        
                .bloco_principal{
                    width: auto;
                    max-width: 100%; /* Garante que o contêiner não ultrapasse a largura total da tela */
                    margin: 0 auto;
                }
        
                body {
                    margin: 0; /* Remove a margem padrão do body */
                }
        
                html, body, article, div, h1 {
                    margin: 0;
                    padding: 0;
                }
                
                *{
                    box-sizing: border-box;
                }
        
        
            /*-----------------------------[configuração da página]------------------------------------*/
        
        
        
        
        
    
    
    
    
            /*-----------------------------[configuração do header]------------------------------------*/

                    /* Container principal do cabeçalho */
                .header_fundo {
                    width: 100%;
                    max-width: 100%;
                    box-sizing: border-box;
                    background-color: #09090a;
                }

                /* Container interno que segura o logo e o texto */
                .header_frente {
                    width: 90%;
                    min-height: 30px;
                    display: flex;
                    flex-wrap: wrap;
                    margin: auto;
                    background-color: #09090a;

                    /* Centraliza os itens horizontalmente */
                    justify-content: center;
                    /* Centraliza os itens verticalmente */
                    align-items: center;
                }

                /* Box do logo */
                .header_box1 {
                    /* Ajustei a largura para que o logo não fique muito grande */
                    width: 7%;
                    min-height: 20px;
                    height: auto;
                    /* Adicionei uma margem à direita para separar do texto */
                    margin-right: 15px; 
                }

                /* Box do texto */
                .header_box2 {
                    /* Largura automática para que ocupe apenas o espaço necessário */
                    width: auto;
                }

                /* Título "Arduniv" */
                .header_box2_logo {
                    font-size: 1.5rem;
                    color: #f8fff4;
                    /* Remover margens padrão para melhor alinhamento */
                    margin: 0;
                }

                /* Imagem do logo */
                .box1_img {
                    width: 100%;
                    height: auto;
                    display: block;
                    margin: 0;
                    transition: transform 0.3s ease;
                    cursor: pointer;
                }

                /* Efeito de hover no logo */
                .box1_img:hover {
                    transform: scale(1.04);
                }
            /*-----------------------------[configuração do header]------------------------------------*/
        
        
    
    
    
    
    
            /*--------------------------------[configuração do sec1]------------------------------------*/
    
                .sec1_fundo{
                    width: 100%;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-image: linear-gradient(to top, #018d0c, #2a9d8f);
                }
    
                .sec1_frente{
                    width: 90%;
                    min-height: 50px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                }
    
    
                .sec1_box1{
                    width: 100%;
                    min-height: 200px;
                    height: auto;
                    margin: auto;
                }
    
    
                .sec1_box1_img1{
                    width: 100%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                    margin-top: 0px;
                    transition: transform 0.3s ease;
                }
    
            /*--------------------------------[configuração do sec1]------------------------------------*/
        
    
    
    
    
    
            /*--------------------------------[configuração do sec2]------------------------------------*/
                
                .sec2_fundo{
                    width: 100%;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #f3f3f3;
                }
    
                .sec2_frente{
                    width: 90%;
                    min-height: 100px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #f3f3f3;
                    padding-bottom: 70px;
                    flex-direction: column; 
                }
    
    
    
    
    
                .sec2_box1{
                    width: 100%;
                    min-height: 100px;
                    height: auto;
                    margin: auto;
                    background-color: #f3f3f3;
                    padding-top: 30px;
                }
    
                .sec2_box1_h1_ti{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    margin: 10px 10px 20px 10px;
                    color: #000000;
                }
    
    
                .destacado{
                    color: #d44503;
                }
    
    
                .sec2_box2{
                    width: 100%;
                    min-height: 50px;
                    height: auto;
                    background-color: #018d0c;
                    text-align: left;
                }
    
                .sec2_box2_video1{
                    width: 100%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                }
    
    
                .sec2_box3{
                    width: 100%;
                    min-height: 50px;
                    height: auto;
                    background-color: #f3f3f3;
                    text-align: left;
                }
    
    
                .sec2_box3_h1{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 25px 10px 10px 25px;
                    color: #15158a;
                }
    
    
                del {
                    text-decoration: line-through; /* Adiciona uma linha sobre o texto */
                    color: #f0c60f; 
                }
    
    
                .sec2_box3_h2{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: hsl(29, 88%, 47%);
                }
    
                .sec2_box3_h3{
                    font-size: 50px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 20px 25px;
                    color: #74c85b;
                }
    
    
                .sec2_box3_h4{
                    font-size: 15px;
                    text-align: justify;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 10px;
                    color: #000000;
                }
    
    
                .marca-check{
                    font-size: 20px;
                    text-align: left;
                    margin: 0px 0px 0px 0px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #74c85b;
                    font-weight: bold;
                }
    
            /*--------------------------------[configuração do sec2]------------------------------------*/
    
    
    
    
    
    
    
    
    
    
    
            /*--------------------------------[configuração do sec3]------------------------------------*/
     
                .sec3_fundo{
                    width: 100%;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #110f17;
                }
    
                .sec3_frente{
                    width: 90%;
                    min-height: 100px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #110f17;
                }
    
    
    
                .sec3_box1{
                    width: 100%;
                    min-height: 50px;
                    height: auto;
                    background-color: #110f17;
                    text-align: left;
                }
    
    
    
                .sec3_box1_h1{
                    font-size: 25px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 100px 10px 15px 25px;
                    color: #fac833;
                }
    
    
    
                .sec3_box1_h2{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 70px 25px;
                    color: #f3f3f3;
                }
    
    
                .sec3_box1_h3{
                    font-size: 30px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #f3f3f3;
                }
    
    
                .sec3_box1_h4{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #f1af78;
                }
    
    
    
                .sec3_box1_h5{
                    font-size: 55px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #fac833;
                }
    
    
    
                .sec3_box1_h6{
                    font-size: 20px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #000000;
                }
    
    
    
                #cronometro {
                    width: 100%;
                    text-align: center;
                    margin: auto;
                    background-color: #333;
                    color: #fff;
                    padding: 20px;
                    border-radius: 10px;
                    font-size: 60px;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                }
    
    
    
                .destaque {
                    background-color: #f0efbc;
                    padding: 5px;
                    border-radius: 5px;
                }
    
    
    
                .sec3_box1_h7{
                    font-size: 30px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #f3f3f3;
                }
    
    
    
                .link{
                    text-decoration: none;
                }
    
    
    
                .sec3_box2{
                    width: 100%;
                    min-height: 50px;
                    background-color: #110f17;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 25px;
                }
    
    
    
                .sec3_box2_h1{
                    font-size: 30px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 10px 25px;
                    color: #000000;
                }
    
    
    
                .sec3_botao1{
                    width: 100%;
                    min-height: 20px;
                    height: auto;
                    margin: auto;
                    background-color: #2ecc71;
                    padding: 1px 1px;
                    border: none;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: background-color 0.3s ease, transform 0.3s ease; 
                }
            
            
    
    
                .sec3_botao1:hover{
                    background-color: #27ae60; 
                    transform: scale(1.02); 
                }
    
    
    
    
    
                .sec3_box3{
                    width: 100%;
                    min-height: 50px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 20px;
                    flex-direction: column;
                }
    
    
    
    
                .sec3_box4_f1{
                    width: 40%;
                    min-height: 40px;
                    float: left;
                    border-radius: 5px;
                    display: flex;
                    box-shadow: 0 4px 8px rgba(0, 247, 255, 0.1); 
                    margin: 0px 20px 0px 0px;
                }
    
    
                .sec3_box4_f2{
                    width: 40%;
                    min-height: 40px;
                    float: left;
                    border-radius: 5px;
                    display: flex;
                    box-shadow: 0 4px 8px rgba(0, 247, 255, 0.1); 
                    margin: 0px 20px 0px 0px;
                }
    
    
                .sec3_box4_f3{
                    width: 40%;
                    min-height: 40px;
                    float: left;
                    border-radius: 5px;
                    display: flex;
                    box-shadow: 0 4px 8px rgba(0, 247, 255, 0.1); 
                    margin: 0px 20px 0px 0px;
                }
    
    
    
    
                .sec3_box5{
                    width: 40%;
                    min-height: 40px;
                    display: flex;
                }
    
    
    
                .sec3_box6{
                    width: 60%;
                    min-height: 40px;
                    display: flex;
                }
    
    
    
    
                .box3_img{
                    width: 30px;
                    height: 30px;
                    float: left;
                    margin: 5px 15px 5px 10px;
                }
    
    
                .sec3_box6_h1{
                    font-size: 10px;
                    margin: 5px 10px 0px 5px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #f3f3f3;
                }
    
            /*--------------------------------[configuração do sec3]------------------------------------*/
    
    
    
    
            /*-----------------------------------[configuração do sec4]------------------------------------*/
    
                .sec4_fundo{
                    width: auto;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #f3f3f3;
                }
    
                .sec4_frente{
                    width: 90%;
                    min-height: 100px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #f3f3f3;
                    padding-bottom: 100px;
                }
    
    
    
                .sec4_box1{
                    width: 100%;
                    height: auto;
                    min-height: 200px;
                    background-color: #f3f3f3;
                    margin: auto;
                    border-radius: 5px;
                    justify-content: center;
                    align-items: center;
                }
    
    
    
    
                .sec4_box1_h1{
                    font-size: 25px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 100px 10px 25px 10px;
                    color: #000000;
                }
    
    
                .destacado1{
                    color: #d44503;
                }
    
                .sec4_box1_h2{
                    font-size: 15px;
                    margin: 5px 10px 50px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                    text-align: justify;
                }
    
    
                .sec4_box2{
                    width: 100%;
                    height: auto;
                    min-height: 100px;
                    background-color: #f3f3f3;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    
                }
    
    
    
    
                .sec4_box2_c1{
                    width: 100%;
                    min-height: 300px;
                    background-color: #ffffff;
                    margin: auto;
                    height: auto;
                    padding-bottom: 20px;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 20px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    float: left;
                }
    
    
                .sec4_box2_img1{
                    width: 100px;
                    height: 100px;
                    margin: 0;
                    padding: 0;
                }
    
    
                .box2_h2{
                    font-size: 18px;
                    text-align: center;
                    margin: 5px 10px 10px 5px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                }
    
                .box2_h3{
                    font-size: 15px;
                    text-align: justify;
                    margin: 5px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                }
    
    
    
            /*----------------------------------[configuração do sec4]------------------------------------*/
    
    
    
    
    
            /*----------------------------------[configuração do sec5]------------------------------------*/
                .sec5_fundo{
                    width: auto;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #110f17;
                }
    
                .sec5_frente{
                    width: 90%;
                    min-height: 100px;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #110f17;
                    padding-top: 100px;
                    padding-bottom: 100px;
                }
    
    
                
                .sec5_box1{
                    width: 300px;
                    height: auto;
                    margin: auto;
                    background-color: #110f17;
                }
    
                .sec5_box1_h1{
                    font-size: 18px;
                    text-align: center;
                    margin: 0px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #f7ca01;
                }
    
    
                .sec5_box2{
                    width: 250px;
                    height: 300px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 10px;
                }
    
                .sec5_box3{
                    padding-top: 50px ;
                    padding-bottom: 50px;
                    width: 90%;
                    height: auto;
                    margin: auto;
                    box-shadow: 0 4px 8px rgba(0, 207, 243, 0.1);
                }
    
                
                .garantia{
                    width: 100%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                }  
    
    
                .sec5_box3_h2{
                    font-size: 18px;
                    text-align: justify;
                    margin: 0px 25px 0px 25px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #ffffff;
                }
    
            /*----------------------------------[configuração do sec5]------------------------------------*/
    
    
    
    
    
            /*----------------------------------[configuração do sec6]------------------------------------*/
    
                .sec6_fundo{
                    width: auto;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #f3f3f3;
                }
    
                .sec6_frente{
                    width: 90%;
                    min-height: 100px;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #f3f3f3;
                    padding-top: 50px;
                    padding-bottom: 60px;
                }
    
                
    
    
    
                .sec6_box1{
                    width: 100%;
                    min-height: 50px;
                    background-color: #ffffff;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    margin-bottom: 10px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    padding-bottom: 50px;
                    padding-top: 50px;
                }
    
    
    
                .sec6_box1_h1{
                    font-size: 30px;
                    text-align: center;
                    margin: 20px 10px 25px 10px;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    color: #000000;
                }
    
    
                .sec6_box3_h4{
                    font-size: 15px;
                    text-align: left;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 10px 10px 5px 10px;
                    color: #000000;
                }
    
                .marca-check1{
                    font-size: 20px;
                    text-align: right;
                    margin: 0px 0px 0px 0px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #74c85b;
                    font-weight: bold;
                }
    
                .sec6_box1_h2{
                    font-size: 15px;
                    text-align: justify;
                    margin: 5px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                }
    
            
    
                .sec6_box3{
                    width: 100%;
                    min-height: 100px;
                    height: auto;
                    margin: auto;
                    background-color: #f3f3f3;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                }    
    
                
                .sec6_box4{
                    width: 100%;
                    min-height: 100px;
                    height: auto;
                    float: left;
                    margin-bottom: 10px;
                    background-color: #1d1b19;
                }
    
    
                .sec6_box4_img{
                    width: 100%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                }
    
            /*----------------------------------[configuração do sec6]------------------------------------*/
    
    
    
    
    
    
    
    
            /*----------------------------------[configuração do sec7]------------------------------------*/
    
    
                .sec7_fundo{
                    width: auto;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #110f17;
                }
    
    
                .sec7_frente{
                    width: 90%;
                    min-height: 100px;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #110f17;
                    padding-bottom: 10px;
                }
    
    
    
                .sec7_box1{
                    width: 100%;
                    height: auto;
                    min-height: 200px;
                    background-color: #110f17;
                    margin: auto;
                    border-radius: 5px;
                    justify-content: center;
                    align-items: center;
                    box-shadow: 0 4px 8px rgba(145, 141, 141, 0.1);
                    padding-top: 100px;
                    padding-bottom: 100px;
                    margin-bottom: 50px;
                }
    
    
                .sec7_box2{
                    width: 100%;
                    height: auto;
                    min-height: 70px;
                    background-color: #110f17;
                    margin: auto;
                    border-radius: 5px;
                    justify-content: center;
                    align-items: center;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    
                }
    
    
                .sec7_box1_h1{
                    font-size: 30px;
                    text-align: center;
                    margin: 0px 10px 50px 10px;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    color: #fffefe;
                }
    
    
                .sec7_box1_h2{
                    font-size: 17px;
                    text-align: center;
                    margin: 5px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #ffffff;
                }
    
    
                .sec7_box2_c1{
                    width: 100%;
                    min-height: 350px;
                    
                    float: left;
                    padding-bottom: 20px;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 20px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-image: linear-gradient(to right, #9e6218, #ffbf48, #c08822);
                }
    
    
                
                .sec7_box2_h2{
                    font-size: 20px;
                    margin: 20px 10px 10px 10px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    color: #000000;
                    
                }
    
    
                .sec7_box2_h3{
                    font-size: 18px;
                    margin: 5px 10px 30px 10px;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    color: #000000;
                    text-align: center;
                    font-weight: bold;
                }
    
    
                .sec7_box3{
                    width: 250px;
                    min-height: 50px;
                    float: left;
                    border-radius: 5px;
                    display: flex;
                    height: auto; /* Ajuste conforme necessário */
                }
    
                .sec7_box3_img{
                    width: 100%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                }
            /*----------------------------------[configuração do sec7]------------------------------------*/
    
    
    
    
            /*----------------------------------[configuração do sec8]------------------------------------*/
    
                .sec8_fundo{
                    width: 100%;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #110f17;
                }
    
    
                .sec8_frente{
                    width: 90%;
                    min-height: 100px;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #110f17;
                    padding-top: 50px;
                    padding-bottom: 50px;
                }
    
    
                .sec8_h1{
                    font-size: 30px;
                    text-align: center;
                    margin: 0px 10px 0px 10px;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    color: #ffffff;
                }
    
    
    
                .sec8_box1{
                    width: 100%;
                    min-height: 50px;
                    background-color: #110f17;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 50px;
                    box-shadow: 0 4px 8px rgba(255, 102, 0, 0.1);
                    padding-top: 20px;
                    padding-bottom: 20px;
    
                }
    
    
    
    
                .sec8_box2{
                    width: 100%;
                    min-height: 50px;
                    background-color: #110f17;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 25px;
                }
    
    
                .sec8_botao1{
                    width: 100%;
                    min-height: 20px;
                    height: auto;
                    margin: auto;
                    background-color: #2ecc71;
                    padding: 1px 1px;
                    border: none;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: background-color 0.3s ease, transform 0.3s ease;
                }
    
    
    
                
                .sec8_botao1:hover{
                    background-color: #27ae60; 
                    transform: scale(1.02); 
                }
    
    
            /*----------------------------------[configuração do sec8]------------------------------------*/
    
    
    
    
    
    
            /*----------------------------------[configuração do sec9]------------------------------------*/
    
                .sec9_fundo{
                    width: 100%;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #f3f3f3;
                }
    
                .sec9_frente{
                    width: 90%;
                    min-height: 50px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    background-color: #f3f3f3;
                    padding-top: 100px;
                    padding-bottom: 100px;
                }
    
    
                .sec9_box1{
                    width: 100%;
                    height: auto;
                    background-color: #f3f3f3;
                    margin: auto;
                }
    
    
    
                .sec9_box1_h1{
                    font-size: 20px;
                    text-align: center;
                    margin: 5px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                    margin-bottom: 50px;
                }
    
    
                .sec9_box1_h2{
                    font-size: 15px;
                    text-align: justify;
                    margin: 5px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                    margin-bottom: 50px;
                    padding-bottom: 20px;
                }
    
    
    
                /*----- configuracao  do acordeon  ----------*/
                
                    .accordion {
                        cursor: pointer;
                        padding: 0px 10px 0px 10px;
                        border: 1px solid #ccc;
                        background-color: #f9f9f9;
                        text-align: left;
                        width: 90%; /* Ajuste a largura conforme necessário */
                        margin: auto;
                        border-radius: 5px;
                        transition: background-color 0.3s ease;
                        margin-bottom: 0px; /* Adiciona espaço entre os acordeões */
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                    
                    .accordion:hover {
                        background-color: #2ecc71;
                        border-radius: 5px;
                    }
                    
    
    
                    .panel {
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height 0.3s ease;
                        padding: 0px 10px 0px 10px;
                        border-top: 1px solid #ccc;
                        width: 90%; /* Ajuste a largura conforme necessário */
                        margin: auto;
                        background-color: #ccc;
                    }
                    
    
    
                    .panel p {
                        margin: 0;
                    }
                    
    
    
                    .symbol {
                        font-size: 20px;
                    }
                    
    
                    #formulario1{
                        width: 100%;
                        min-height: 1200px;
                        height: 100%;
                    }
    
                /*----- configuracao  do acordeon  ----------*/
    
    
            /*----------------------------------[configuração do sec9]------------------------------------*/
    
    
    
    
    
    
            /*----------------------------------[configuração do sec10]------------------------------------*/
    
                    .sec10_fundo{
                        width: auto;
                        max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                        box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                        background-image: url('');
                        height: auto; /* Ajuste conforme necessário */
                        background-size: cover;
                        background-position: center; /* Opcional: centraliza a imagem */
                        background-repeat: no-repeat;  
                        background-image: linear-gradient(to top, #018d0c, #2a9d8f)
                    }
    
    
    
                    .sec10_frente{
                        width: 90%;
                        min-height: 50px;
                        display: flex;
                        flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                        margin: auto; 
                        padding-top: 50px;
                    }
    
    
    
    
                    .sec10_box1{
                        width: 100%;
                        min-height: 20px;
                        height: auto;
                        margin: auto;
                        margin-bottom: 70px;
                    }
                    
    
    
                    .sec10_box2{
                        width: 100%;
                        min-height: 20px;
                        height: auto;
                        margin: auto;
                    }
    
                    
    
    
                    .sec10_box1_img1{
                        width: 100%;
                        height: auto;
                        display: block; /* Remove espaço extra abaixo da imagem */
                        margin-top: 0px;
                        transition: transform 0.3s ease;
                        margin: auto;
                    }
                    
                        
    
                    .sec10_box2_h1{
                        font-size: 25px;
                        text-align: center;
                        font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-weight: bold;
                        margin: 25px 10px 10px 10px;
                        color: #f3f3f3;
                    }
    
    
    
                    del{
                        text-decoration: line-through; /* Adiciona uma linha sobre o texto */
                        color: rgb(58, 53, 53); /* Define a cor do texto como vermelho (opcional) */
                    }
    
                    
                    .sec10_box2_h2{
                        font-size: 20px;
                        text-align: center;
                        font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-weight: bold;
                        margin: 10px 10px 10px 25px;
                        color: #f3f3f3;
                    }
    
                
    
    
                    .sec10_box2_h4{
                        font-size: 30px;
                        text-align: center;
                        font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-weight: bold;
                        margin: 5px 10px 45px 10px;
                        color: #f3f3f3;
                    }
                    
    
                    .destacado2{
                        color: #45d403;
                        font-size: 35px;
                    }
    
    
                    .sec10_box3{
                        width: 100%;
                        min-height: 50px;
                        margin: auto;
                        border-radius: 5px;
                        display: flex;
                        flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                        justify-content: center;
                        align-items: center;
                        margin-bottom: 25px;
                        margin-top: 50px;
                    }
    
    
                    .sec10_box3_h3{
                        font-size: 50px;
                        text-align: center;
                        font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-weight: bold;
                        margin: 5px 10px 5px 10px;
                        color: #c9cc2e;
                    }
    
                    .sec10_botao1{
                        width: 100%;
                        min-height: 20px;
                        height: auto;
                        margin: auto;
                        background-color: #2ecc71;
                        padding: 1px 1px;
                        border: none;
                        border-radius: 5px;
                        cursor: pointer;
                        transition: background-color 0.3s ease, transform 0.3s ease;
                    }
    
    
                    .sec10_botao1:hover{
                        background-color: #27ae60; 
                        transform: scale(1.02); 
                    }
    
    
            /*----------------------------------[configuração do sec10]------------------------------------*/
    
    
    
    
    
    
            /*----------------------------------[configuração do sec12]------------------------------------*/
    
                .sec12_fundo{
                    width: auto;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    background-image: url('');
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                    background-color: #bfbfbf;
                }
    
    
    
                .sec12_frente{
                    width: 90%;
                    min-height: 50px;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                    margin: auto; 
                    padding-top: 50px;
                    background-color: #bfbfbf;
                }
    
    
                .sec12_box2_h1{
                    font-size: 35px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    font-weight: bold;
                    margin: 5px 10px 5px 10px;
                    color: #000000;
                }
    
    
                .sec12_box1{
                    width: 100%;
                    min-height: 50px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #bfbfbf;
                    padding-top: 50px;
                    padding-bottom: 50px;
                    flex-direction: column;
                }
    
    
                .sec12_box2{
                    width: 100%;
                    min-height: 50px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #bfbfbf;
                }
    
    
    
                .sec12_box2_c1{
                    width: 100%;
                    min-height: 400px;
                    background-color: #ffffff;
                    float: left;
                  
                    padding-bottom: 20px;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 20px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                }
    
               
            

                .sec12_box2_img1{
                    width: 30%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                    margin-top: 0px;
                    margin-left: 30px;
                    
                }
               
                .sec12_box2_c2{
                    width: 100%;
                    min-height: 20px;
                    display: flex;
                    align-items: center;
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                }
    
    
                .sec12_box2_c3{
                    width: 100%;
                    min-height: 250px;
                    align-items: center;
                    height: auto; /* Ajuste conforme necessário */
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;  
                }
    
               
    
    
                .box12_h2{
                    font-size: 20px;
                    margin: 20px 10px 10px 10px;
                    text-align: center;
                    font-family:russo system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    color: #000000;
                }
    
    
                .box12_h3{
                    font-size: 1rem;
                    text-align: justify;
                    margin: 0px 25px 0px 25px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #000000;
                }
            /*----------------------------------[configuração do sec12]------------------------------------*/
    
    
    
    
       
        
    
            /*-----------------------------[ configuração do footer ]----------------------------------*/
    
                .footer_fundo{
                    width:auto;
                    max-width: 100%; /* Defina um valor máximo para evitar que o conteúdo se estenda indefinidamente */
                    box-sizing: border-box; /* Isso garante que a largura e altura incluam preenchimentos e bordas sem extrapolar o contêiner */
                    height: auto; /* Ajuste conforme necessário */
                    background-color: #110f17;
                    background-size: cover;
                    background-position: center; /* Opcional: centraliza a imagem */
                    background-repeat: no-repeat;
                }
                
    
                .footer_frente{
                    width: 90%;
                    min-height: 20px;
                    margin: auto;
                    display: flex;
                    flex-wrap: wrap; /* Quebra para a próxima linha quando não há mais espaço na horizontal */
                }
    
    
    
                .sec11_box1{
                    width: 100%;
                    min-height: 30px;
                    margin: auto;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 0px;
                    margin-top: 100px;
                    box-shadow: 0 4px 8px rgba(255, 254, 254, 0.5);
                }
    
    
    
    
                .sec11_box3{
                    width: 100%;
                    min-height: 30px;
                    margin: auto;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 0px;
                    margin-top: 10px;
                    box-shadow: 0 4px 8px rgba(255, 254, 254, 0.5);
                }
    
    
    
    
                .sec11_box2{
                    width: 50%;
                    min-height: 20px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 60px;
                    margin-top: 60px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                }
    
    
    
    
                .sec11_box4{
                    width: 60%;
                    min-height: 30px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 60px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                }
    
    
    
    
                .sec11_box5{
                    width: 60%;
                    min-height: 20px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 0px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                }
    
    
    
    
                .sec11_box6{
                    width: 90%;
                    min-height: 50px;
                    margin: auto;
                    border-radius: 5px;
                    display: flex;
                    flex-direction: column; /* Alteração para coluna para empilhar os elementos verticalmente */
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 20px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    padding-top: 25px;
                }
    
    
    
                .sec11_box2_img1{
                    width: 100%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                    transition: transform 0.3s ease;
                    cursor: pointer;
                }
    
    
    
                .sec11_box2_img2{
                    width: 60%;
                    height: auto;
                    display: block; /* Remove espaço extra abaixo da imagem */
                    transition: transform 0.3s ease;
                }
    
    
    
                .sec11_box2_img1:hover{
                    transform: scale(1.1); 
                }
    
    
    
    
                .sec11_box5_h1{
                    font-size: 18px;
                    text-align: center;
                    margin: 60px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #ffffff;
                }
    
    
    
    
                .sec11_box6_h1{
                    font-size: 15px;
                    text-align: center;
                    margin: 5px 10px 10px 10px;
                    font-family: 'Cabin', sans-serif;
                    font-family: 'Josefin Sans', sans-serif;
                    font-family: 'Poppins', sans-serif;
                    color: #ffffff;
                }
    
            /*-----------------------------[ configuração do footer ]----------------------------------*/




            /*----------------------------------[configuração do sec13]------------------------------------*/
           .sec13_fundo {
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            background-color: #bfbfbf;
            padding: 0;
            }

            .sec13_frente {
                flex-direction: column;
                align-items: center;
            }

            /* Faz com que as caixas ocupem a largura total */
            .hero-image-box,
            .hero-text,
            .sec13_box1,
            .sec13_box2 {
                width: 100%;
            }

            /* Centraliza o texto nas seções principais */
            .hero-text {
                text-align: center;
            }

            /* Ajusta o tamanho da fonte do título principal */
            .hero-text-titulo h1 {
                font-size: 1rem;
            }

            /* Ajusta o tamanho da fonte do subtítulo */
            .hero-text .subtitle {
                font-size: 1rem;
            }

            /* Ajusta o tamanho e alinhamento do texto na seção do autor */
            .sec13_box2 {
                text-align: center;
                padding: 20px;
            }

            .author-name {
                font-size: 2rem;
            }

            .author-title {
                font-size: 1.5rem;
            }


            .author-bio {
            /* Estilos existentes */
            font-size: 1.5rem;
            line-height: 1.6;
            color: #000000;

            /* Novo estilo para justificar o texto */
            text-align: justify; 
            }


            
            .sec13_box1_img1 {
                width: 100%;
                height: auto;
                display: block;
                transition: transform 0.3s ease;
            }
        /*----------------------------------[configuração do sec13]------------------------------------*/

}
/*============================================================================================*/
/*===============================( Computado/notebook)========================================*/
/*============================================================================================*/