/* linha_gradiente video to rasgão *
/* linha_gradiente video to rasgão *
/* linha_gradiente video to rasgão */
.linha_gradiente {
    width: 100%;
    height: var(--alturaBarraGradiente1);
    background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    pointer-events: none;
    position:relative;
    z-index: 0;
}

/* linha_gradiente_tijolos_cima *
/* linha_gradiente_tijolos_cima *
/* linha_gradiente_tijolos_cima */
.linha_gradiente_tijolos_cima {
    width: 100%;
    height: var(--alturaBarraGradienteTijolos1);
    background: linear-gradient(to top, rgba(204,198,186,0), rgba(204,198,186,1));
    pointer-events: none;
    position:absolute;
    top:0;
    z-index: 10;
}

/* rasgao zone */
/* rasgao zone */
/* rasgao zone */
#s_rasgao{
    position: relative;
    background-image: url('../imagens/borda_rasgada.png'); /* imagem com fundo transparente */
    background-repeat: repeat-x;
    background-position: bottom right; /* aparece no fundo e ao centro */
    background-size: auto;
    z-index: 2;
    padding: 20px 0 30px 0;
}
#rasgao_conteudo {
    width: var(--larguraConteudo_01);
    display:flex;
}
.cxRasgao{
    width:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#equipamento_rasgao{
    width:90%;
}
#cxRasgao_02{
    font-family: genos;
    font-size:5rem;
    font-size: var(--fontSizeTitulos);
    text-align: left;
}
.marckscript{
    font-family: marckscript;
    font-size:1.3em;
    color:#d66846;
    color:var(--corTxtVerde);
}

/* mesa_trabalho zone */
/* mesa_trabalho zone */
/* mesa_trabalho zone */
#s_mesa_trabalho{
    position: relative;
    z-index:1;
    top:var(--valorDeSubidaDaImgParaTaparRasgao);   /* alterar MQ */
    background-image: url('../imagens/mesa_de_trabalho.jpg'); /* imagem com fundo transparente */
    background-repeat: no-repeat;
    background-position: center 30%; /* aparece no fundo e ao centro */
    background-size: cover; /* adapta o tamanho mas não mantem proporção */
}
#mt_conteudo{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: var(--larguraConteudo_01);
    padding-top: calc(-1 * var(--valorDeSubidaDaImgParaTaparRasgao));
    padding-bottom:70px;
    font-family: montserrat;
    line-height: 32px;
}
#s_mesa_trabalho h1{
    font-size: var(--fontSizeTitulos);
    font-family: genos;
    font-weight: 500;
    margin:0;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
#s_mesa_trabalho .mt_txt{
    font-size:clamp(1rem, calc(0.3vw + 0.8rem), 1.2rem);
}
#s_mesa_trabalho .mt_citacao{
    font-size:calc(0.3vw + 1.1rem);
    font-family: marckscript;
}
#s_mesa_trabalho .mtDestaque_01{
    font-family: merienda;
    font-size: var(--fontSizeDestaques_01);
}
#s_mesa_trabalho .mtDestaque_01_b{
    font-family: merienda;
    font-size: clamp(1rem, calc(0.3vw + 0.8rem), 1.2rem);
}
#s_mesa_trabalho .mtDestaque_02{
    font-family: genos;
    font-size: var(--fontSizeDestaques_01);
}
#s_mesa_trabalho .mtDestaque_02_b{
    font-family: genos;
    font-size: clamp(1rem, calc(0.3vw + 0.8rem), 1.2rem);
}
#s_mesa_trabalho .mtDestaque_03{
    font-family: marckscript;
    font-size: var(--fontSizeDestaques_01);
}
#s_mesa_trabalho .mtDestaque_03_b{
    font-family: marckscript;
    font-size: clamp(1rem, calc(0.3vw + 0.8rem), 1.2rem);

}
#mt_agregaTexto{
    margin-bottom:20px;
}

/* fx_azul zone */
/* fx_azul zone */
/* fx_azul zone */
#s_fx_azul{
    background-color: var(--corFxAxul);
    margin-top:var(--valorDeSubidaDaImgParaTaparRasgao);
}
#faz_conteudo{
    width: var(--larguraConteudo_01);
    height:100%;
}
#faz_flex_01{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    height:100%;
}
#faz_cxTexto{
    width:66%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.faz_txt_01{
    margin:0;
    margin-top:30px;
    padding:0;
    font-size:clamp(1.2rem, calc(0.5vw + 1.2rem), 2rem);
    font-family: montserrat;
    font-family: marckscript;
    font-weight: 400;
}
.faz_txt_02{
    margin:0;
    margin-top:30px;
    padding:0;
    font-size:clamp(1.2rem, calc(0.5vw + 1.2rem), 2rem);
    font-family: marckscript;
    font-weight: 400;
}
#faz_conteudo .aspas{
    width: 18px;
    position:relative;
    top:-20px;
}
#faz_cxIlustra{
    width:33%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position:relative;
    top:-40px;
}
#faz_cxIlustra .faz_ilustra{
    width:100%;
    max-width: 300px;
    min-width: 150px;
    z-index:3;
}

/* padrao zone */
/* padrao zone */
/* padrao zone */
#s_fx_padrao{
    background-image: url('../imagens/pattern_01.svg'); /* imagem com fundo transparente */
    background-repeat: repeat;
    background-position: center center; /* aparece no fundo e ao centro */
    background-size: 2%; /* adapta o tamanho mas não mantem proporção */
    background-size: calc(0.2vw + 35px);
    background-color:var(--corFxAmarela);
}
#fp_conteudo{
    width: var(--larguraConteudo_01);
}
#fp_cxTexto{
    color: #000;
    padding:40px 0;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
#fp_cxTexto h2{
    font-size:1.3rem;
    font-family: genos;
    font-weight: 600;
    margin-bottom:20px;
    color:#111;
    line-height: 35px;
}
#fp_cxTexto .fp_topico{
    font-size:1rem;
    font-family: genos;
    font-weight: 500;
}
#fp_cxTexto .fp_desc{
    font-size:1rem;
    font-family: montserrat;
    margin-bottom:20px;
}


/* linhaSimples zone */
/* linhaSimples zone */
/* linhaSimples zone */
#s_fx_linhaSimples{
    background-color: #c9a38d;  /*  Terracota clara / pêssego seco  */
    background-color: #d9a99a;  /*  Barro claro  */
    background-color: #dac9a0;  /*  Palha dourada  */
    background-color: #b6a387;  /*  Areia tostada  */
    background-color: #7aa4a2;  /*  Azul / verde mar  */
    background-color: #ad9583;  /*  Castanho acinzentado  */
    background-color: #444;     /*  Cinza coiso  */
}
#fls_conteudo{
    width: var(--larguraConteudo_01);
}
#fls_cxTexto{
    color: #fff;
    padding:40px 0;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
#fls_cxTexto p{
    margin:5px 0;
}
#fls_cxTexto h2{
    font-size:1.5rem;
    font-family: genos;
    font-weight: 500;
    margin-bottom:20px;
    color:var(--corFxAmarela);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    line-height: 35px;
}
#fls_cxTexto .fls_topico{
    font-size:1.1rem;
    font-family: genos;
}
#fls_cxTexto .fp_desc{
    font-size:1rem;
    font-family: montserrat;
    margin-bottom:20px;
}
#fls_cxTexto a, #fls_cxTexto a:link, #fls_cxTexto a:visited{
    color:#ffedae;
}
#fls_cxTexto a:hover, #fls_cxTexto a:active{
    color:#ffb34f;
}


/* tijolos zone */
/* tijolos zone */
/* tijolos zone */
#s_tijolos{
    background-image: url('../imagens/tijolos_brancos.jpg'); /* imagem com fundo transparente */
    background-repeat: no-repeat;
    background-position: bottom center; /* aparece no fundo e ao centro */
    background-size: cover; /* adapta o tamanho mas não mantem proporção */
    /* podes usar background-size: 100% auto; para esticar só na largura */
    /*aspect-ratio: 5 / 3;*/
    height:var(--alturaTijolos_01);
    overflow: hidden;
    position:relative;
}
#s_tijolos_conteudo{
    width: var(--larguraConteudo_01);
    height:100%;
    font-family: montserrat;
}
#s_tijolos .tjls_txt{
    font-size:clamp(1rem, calc(0.1vw + 1rem), 1.2rem);
    line-height: 32px;
    color: var(--cinzaEscuro); /* ou black, conforme o fundo */
    text-shadow:
        -1px -1px 0 #ccc6ba,
        1px -1px 0 #ccc6ba,
        -1px  1px 0 #ccc6ba,
        1px  1px 0 #ccc6ba;
        margin-top:30px;

}
#s_tijolos .tjlsDestaque_alma{
    font-family: marckscript;
}



/* fx_amarela zone */
/* fx_amarela zone */
/* fx_amarela zone */
#s_fx_amarela{
    position:relative;
    background-color: var(--corFxAmarela);
    /* background-image: url('../imagens/pattern.svg');  */
    height:var(--alturaFaixaAmarela_01);
    z-index: 1;
}
#fam_conteudo{
    width: var(--larguraConteudo_01);
    height:100%;
    position:relative;
}
#fam_conteudo #fam_divTexto{
    padding:70px 10px 10px 10px;
    height:100%;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
#s_fx_amarela .fam_ilustra{
    position: absolute;
    width: 70%;
    top: 0;
    right: 0;
    transform: translateY(-80%);
    max-width: 1100px;
}
.fam_txt_01{
    margin:0;
    margin-bottom:30px;
    padding:0;
    font-size:clamp(1.1rem, calc(0.3vw + 1rem), 2rem);
    font-family: montserrat;
    font-weight: 400;
}
#fam_conteudo .aspas{
    width: 15px;
    position:relative;
    top:-10px;
}




/* fx_verde zone */
/* fx_verde zone */
/* fx_verde zone */
#s_fx_verde{
    background-color: var(--corFxVerde);
    height:var(--alturaFaixaVerde_01);
    display:flex;
    flex-wrap: nowrap;
}
#s_fx_verde .fv_meio_conteudo{
    width: 50%;
    height:100%;
    padding:0;  
}
#s_fx_verde #fv_cx1{
    display:flex;
    justify-content: right;
}
#fv_cxTexto{
    width: calc(var(--larguraConteudo_01) / 2);
    height:100%;
    color:#eee;
    padding:20px;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom:30px;
}
#fv_cxTexto p{
    margin:5px 0;
}
#fv_cxTexto h2{
    font-size:1.2rem;
    font-family: genos;
    font-weight: 500;
    margin-bottom:20px;
}
#fv_cxTexto .fv_topico{
    font-size:1rem;
    font-family: genos;
}
#fv_cxTexto .fv_desc{
    font-size:1rem;
    font-family: montserrat;
}
#fv_cxImg{
    background-image: url('../imagens/laptop_floresta.webp'); /* imagem com fundo transparente */
    background-repeat: no-repeat;
    background-position: center 65%; /* aparece no fundo e ao centro */
    background-size: cover; /* adapta o tamanho mas não mantem proporção */
}




/* s_contacto zone */
/* s_contacto zone */
/* s_contacto zone */
.formContacto {
    max-width: 600px;
    margin: 40px auto;
    padding: 20px;
    font-family:montserrat;
}
.formContacto h2{
    color: #111;
    font-family: marckscript;
    font-size:1.8rem;
}
.formContacto label {
    display: block;
    margin: 12px 0 6px;
    color: #222;
}
.formContacto input,
.formContacto textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 1rem;
    resize: vertical;
}
.formContacto button {
    margin-top: 40px;
    background: #667d66;
    color: #eee;
    border: none;
    padding: 14px 28px;
    font-size: 1.1rem;
    border-radius: 30px;
    cursor: pointer;
    transition: background 0.3s;
}
.formContacto button:hover {
    background: #555;
}
.hrefInterno{
    scroll-margin-top: calc(20px + var(--alturaBarraTopo));
}
.icoRedesSociais{
    height:24px;
    display:inline;
    margin-left:10px; 
    text-decoration:none;
    position:relative;
    top: 6px;
}