@charset "utf-8";

/* Neue Haas Grotesk ... "neue-haas-grotesk-display" */

/* Queries */
/* Typical Device Break Point
-----------------------------
Telas Peq: até 600px
Celular: 600 a 768px
Tablet: 769 a 992px
Desktop: 992 a 1200px
Telas gde: acima 1200px
*/

:root{		--rb001:#0F243A; /*MIDNIGHT NAVY*/
			--rb002:#1C2024; /*GRAFITE MINERAL*/
			--rb003:#2E1C13; /*COURO CAFE ESCURO*/
			--rb004:#B0B4B8; /*CINZA*/
			--rb005:#B7B2AE; /*BEGE*/
			--rb006:#F4F2EC; /*IVORY SOFT - MARFIM*/
			--rb007:#b5b5b5; /*PLATINA - AÇO ESCOVADO*/
			--rb008:#FFFFFF; /*BRANCO PURO*/
			--rb009:#000000; /*PRETO PURO*/
            --rb010:#E5E4E2; /*CINZA CLARO*/
}	
		
/* Inicio - Media-Query - 760px - */

    @media screen and (min-width: 760px){
	
/* -- Inicio Menu de Navegacao */	
    nav{
        position: -webkit-sticky;
        position: sticky;
        height: 100px;
        width: 100vw;
        background: #b5b5b5;
    }    

    .barra{
        width: 100vm;
        height: inherit;
        display: grid;
        justify-content: space-between;
        grid-template-columns: 300px 600px;
        grid-template-rows: auto;
        margin-right:auto;
        margin-left: auto;
        
        /*border:dashed 1px orange;*/
        box-shadow: 0 4px 5px 5px rgba(0,0,0,0.3);

    }
    .logo{
        height: 100%;
        margin: 1% 10px 1% 10px;
        padding-top: 0;
       /* border:dashed 1px red;*/

    }
    ul li a{
        margin: 0 0 0 0;
    }
/* -- Inicio Menu de Navegacao */            

	main{
    height: auto;
    width: 100vw;
    display: grid;
    gap: 10px;
    grid-template-columns: 20% 60% 20%;
    grid-template-rows: auto auto auto;
    background: var(--rb006);
}
	
/* Pg Home - Fim - */

.footmain{
    height: 100px;
    width: 100vw;
    display: grid;
    gap: 10px;
    grid-template-columns: 760px;
    grid-template-rows: 30px 50px;
    text-align: center;
    background: var(--rb006);
    /*border: dashed 1px #FF7F95;*/
}

.footgrid{
    height: 70px;
    width: 100vw;
    display: grid;
    gap: 10px;
    grid-template-columns: 400px 400px;
    grid-template-rows: 30px 30px;
    justify-content: space-evenly;
    text-align: center;
    background: var(--rb006);
   /* border: dashed 1px #ffffff;*/
}
.foot01{
   /* border: dashed 1px #FF7F95;  */  
}
.foot02{
   /* border: dashed 1px #FF7F95;*/
}
.foot03{
    /*border: dashed 1px #FF7F95;*/
}
.foot04{
   /* border: dashed 1px #FF7F95;*/
}
.footsec{
    height: 50px;
    width: 100vw;
    display: grid;
    gap: 10px;
    grid-template-columns: 758px;
    grid-template-rows: 30px;
    background: var(--rb006);
    justify-content: space-evenly;
    text-align: center;
    /*border: dashed 1px red;*/
}