/*    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    */

*{
    box-sizing: border-box; /* paddings e borders nao aumentam a dimensao */
    margin:0;
    padding:0;
}

/* For Remove outline for anchor tag */
a {text-decoration: none;}
/* Remove contorno (no firefox era azul) dos links de texto e imagem */
a, a img {outline : none;}
/* Remove contorno dos botões */
button { outline: none; }
/* Remove contorno dos botões */
input { outline: none; }

ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
li{
    list-style-type: none;
    margin:0;
    padding:0;
}

:root{
    --larguraConteudo_01:   1200px;
    --larguraConteudo_02:   90%;
    --larguraConteudo_03:   80%;
    --cinzaEscuro:          #101010;
    --cinzaEscuro2:         #222222;
    --cinzaEscuro3:         #6d706e;
    --cinzaClaro:           #aaa;
    --corCinzaVerde:        #4D4D4D;
    --corFundo:             #fff;

    /* --corFxAxul: #e1f1f2; */
    --corFxAxul:            #b9d8da;   /* Azul-esverdeado mais contido */
    --corFxAxul:            #bfd3ce;   /* Azul acinzentado com toque esverdeado */
    --corFxAxul:            #d6f1f3;   /* Azul original do banner isayoga esbatido */
    --corFxAxul:            #c8dbcf;   /* Azul esverdeado esbatido */
    --corFxAxul:            #c4dede;   /* Azul pálido neutro */

    --corFxAmarela:         #f8e3c3;
    
    /* --corFxVerde:#3a4031; */
    --corFxVerde:           #35372b;
    
    --corCaixinhas:         #efe1ca;
    --corCaixinhas:         #eee;
    --corCaixinhas:         #eee;
    --corCaixinhasVerde:    #80b384;

    --corTitulosFooter:     #f1cd9f;
    --corTxtVerde:          #557524;
    --corTxtVerdeEscuro:    #2b5415;
    --corTerracotaClara:    #c9a38d;  /*  Terracota clara / pêssego seco  */
    --corCastanhoCinzento:  #ad9583;  /*  Castanho acinzentado  */
    --corAzulVerdeMar:      #7aa4a2;  /*  Azul / verde mar  */
    --corBarroClaro:        #d9a99a;  /*  Barro claro  */
    --corAreiaTostada:      #b6a387;  /*  Areia tostada  */
    --corPalhaDourada:      #dac9a0;  /*  Palha dourada  */

    --alturaBarraTopo:      160px;
    --alturaBarraVideo1:    350px;
    --alturaBarraVideo2:    300px;
    --alturaBarraVideo3:    250px;
    --alturaBarraVideo4:    200px;

    --alturaBarraGradienteTijolos1: 18px;
    --alturaBarraGradienteTijolos2: 12px;
    --alturaBarraGradienteTijolos3: 8px;

    --alturaBarraGradiente1: 8px;
    --alturaBarraGradiente2: 6px;
    --alturaBarraGradiente3: 4px;
    /* --alturaFaixaAzul_01: 250px;
    --alturaFaixaAzul_02: 200px; */
    --alturaFaixaAzul_01: auto;
    --alturaFaixaAzul_02: auto;

    --alturaFaixaAmarela_01: 110px;
    --alturaFaixaAmarela_02: 80px;
    --alturaFaixaAmarela_03: 60px;
    --alturaFaixaAmarela_04: 40px;

    --alturaFaixaVerde_01: 480px;
    --alturaFaixaVerde_02: 450px;
    --alturaFaixaVerde_03: 480px;

    --alturaTijolos_01: 400px;
    --alturaTijolos_02: 360px;
    --alturaTijolos_03: 320px;
    --alturaTijolos_04: 300px;

    --valorDeSubidaDaImgParaTaparRasgao: -10px;
    
    --fontSizeDestaques_01:2rem;
    --fontSizeDestaques_02:1.5rem;
    --fontSizeDestaques_03:1.2rem;

    --fontSizeTitulos: clamp(1.2rem, calc(0.5vw + 1.3rem), 3rem);
}

@font-face{
	font-family:"aeromatics_i";
	src: 
    url('../fonts/AeroMaticsItalic.woff2') format('woff2'),
    url('../fonts/AeroMaticsItalic.woff') format('woff'), 
    url('../fonts/AeroMaticsItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face{
	font-family:"aeromatics_r";
	src: 
    url('../fonts/AeroMaticsRegular.woff2') format('woff2'),
    url('../fonts/AeroMaticsRegular.woff') format('woff'), 
    url('../fonts/AeroMaticsRegular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"marckscript";
	src: 
    url('../fonts/MarckScriptRegular.woff2') format('woff2'),
    url('../fonts/MarckScriptRegular.woff') format('woff'), 
    url('../fonts/MarckScriptRegular.ttf') format('truetype'); 
    size-adjust: 150%;
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"montserrat";
	src: 
    url('../fonts/montserratRegular.woff2') format('woff2'),
    url('../fonts/montserratRegular.woff') format('woff'), 
    url('../fonts/montserratRegular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"genos";
	src: 
    url('../fonts/genos-400.woff2') format('woff2'),
    url('../fonts/genos-400.woff') format('woff'), 
    url('../fonts/genos-400.ttf') format('truetype'); 
    font-weight: 400;
    font-style: normal;
    size-adjust: 140%;
}
@font-face{
	font-family:"genos";
	src: 
    url('../fonts/genos-500.woff2') format('woff2'),
    url('../fonts/genos-500.woff') format('woff'), 
    url('../fonts/genos-500.ttf') format('truetype'); 
    font-weight: 500;
    font-style: normal;
    size-adjust: 140%;
}
@font-face{
	font-family:"genos";
	src: 
    url('../fonts/genos-600.woff2') format('woff2'),
    url('../fonts/genos-600.woff') format('woff'), 
    url('../fonts/genos-600.ttf') format('truetype'); 
    font-weight: 600;
    font-style: normal;
    size-adjust: 140%;
}
@font-face{
	font-family:"merienda";
	src: 
    url('../fonts/Merienda-Regular.woff2') format('woff2'),
    url('../fonts/Merienda-Regular.woff') format('woff'), 
    url('../fonts/Merienda-Regular.ttf') format('truetype'); 
    font-weight: 500;
    font-style: normal;
}
@font-face{
	font-family:"merienda";
	src: 
    url('../fonts/Merienda-Medium.woff2') format('woff2'),
    url('../fonts/Merienda-Medium.woff') format('woff'), 
    url('../fonts/Merienda-Medium.ttf') format('truetype'); 
    font-weight: 600;
    font-style: normal;
}



html{
    scroll-behavior:smooth;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0; padding: 0;
    background: #fefefe;
    color: #222;
    background-color: var(--corFundo);
}

.barraLarguraTotal{
    width:100%;
}
.larguraConteudo{
    width:var(--larguraConteudo_01);
}
.conteudoCentrado{
    margin-left:auto;
    margin-right:auto;
}
.alinhaDta{
    text-align:right;
}

.referencia{
    font-family:sans-serif;
    font-style: italic;
    /* font-weight: bold; */
    font-size: clamp(0.8rem, calc(0.3vw + 0.8rem), 2rem);
    white-space: nowrap;
}