@charset "UTF-8";
/* CSS Document */

/* _________________________apenas em testes de tipografia ______________________ */

#barra_topo {
   /* background-color: #000;
	color: white;*/
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1.5rem;
}
#barra_topo .row {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
#barra_topo a {
	/*color: white;*/
	text-decoration: none;
}
#barra_topo a:hover,
#barra_topo a:focus {
	/*color: white;*/
	text-decoration:underline;
	cursor: pointer;
}


/* //////////////////////// WAD COLOUR COMBOS /////////////////////// */
:root {
    --selected-txt-transparency: 0.9;
}

/* ==================== Off-White background (COMBO 1) ================== */
.off_white_bkg {
    background-color: rgba(var(--cod-gray-50));
	color: rgba(var(--cod-gray-700));
}
/* --------------- text elements --------------- */
.off_white_bkg p, .off_white_bkg a, .off_white_bkg ul, .off_white_bkg ol, .off_white_bkg li, .off_white_bkg dl, .off_white_bkg dt, .off_white_bkg dd, .off_white_bkg blockquote, .off_white_bkg cite, .off_white_bkg small {
    color: rgba(var(--cod-gray-700));
}
.off_white_bkg strong {
	color: rgba(var(--black));
}
.off_white_bkg h1, .off_white_bkg h2, .off_white_bkg h3, .off_white_bkg h4, .off_white_bkg h5, .off_white_bkg h6 {
    color: rgba(var(--cod-gray-950));
}
/* -------- selected & marked elements & higher contrasts --------- */
.off_white_bkg ::-moz-selection {
 	color: rgba(var(--cod-gray-950));
    background-color: rgba(var(--cod-gray-100),var(--selected-txt-transparency)) !important;
}
.off_white_bkg ::selection {
    -webkit-appearance: none; /* anular efeito transp & mix no Safari */
    color: rgba(var(--cod-gray-950));
    background-color: rgba(var(--cod-gray-100),var(--selected-txt-transparency)) !important;
}
.off_white_bkg mark, .off_white_bkg mark a {
	color: rgba(var(--cod-gray-50));
    background-color: rgba(var(--cod-gray-700));
}
.off_white_bkg p.text_contrast_high, .off_white_bkg .text_contrast_high a, .off_white_bkg a.text_contrast_high, .off_white_bkg ul.text_contrast_high, .off_white_bkg ol.text_contrast_high, .off_white_bkg li.text_contrast_high, .off_white_bkg dl.text_contrast_high, .off_white_bkg dt.text_contrast_high, .off_white_bkg dd.text_contrast_high, .off_white_bkg blockquote.text_contrast_high, .off_white_bkg cite.text_contrast_high, .off_white_bkg small.text_contrast_high, .off_white_bkg span.text_contrast_high {
    color: rgba(var(--cod-gray-950));
}
.off_white_bkg p.text_contrast_max, .off_white_bkg .text_contrast_max a, .off_white_bkg a.text_contrast_max, .off_white_bkg ul.text_contrast_max, .off_white_bkg ol.text_contrast_max, .off_white_bkg li.text_contrast_max, .off_white_bkg dl.text_contrast_max, .off_white_bkg dt.text_contrast_max, .off_white_bkg dd.text_contrast_max, .off_white_bkg blockquote.text_contrast_max, .off_white_bkg cite.text_contrast_max, .off_white_bkg small.text_contrast_max, .off_white_bkg span.text_contrast_max {
    color: rgba(var(--black));
}
/* ------------------ Buttons ------------------ */
.off_white_bkg button, 
.off_white_bkg .botao {
	color: rgba(var(--cod-gray-50)); 
    background-color: rgba(var(--cod-gray-700));
	border-color: rgba(var(--cod-gray-700));
}
.off_white_bkg button.bt_vazado, 
.off_white_bkg .botao.bt_vazado {
	color: rgba(var(--cod-gray-700)); 
}
.off_white_bkg button:hover, .off_white_bkg .botao:hover,
.off_white_bkg button:focus, .off_white_bkg .botao:focus  {
	color: rgba(var(--white));
	background-color: rgba(var(--cod-gray-900));
	border-color: rgba(var(--cod-gray-900));
}
.off_white_bkg button:active, .off_white_bkg .botao:active {
	color: rgba(var(--white));
	background-color: rgba(var(--black));
	border-color: rgba(var(--black));
}
.off_white_bkg button.bt_vazado:hover, .off_white_bkg .botao.bt_vazado:hover,
.off_white_bkg button.bt_vazado:focus, .off_white_bkg .botao.bt_vazado:focus {
	color: rgba(var(--cod-gray-900)); 
	border-color: rgba(var(--cod-gray-900));
}
.off_white_bkg button.bt_vazado:active, .off_white_bkg .botao.bt_vazado:active {
	color: rgba(var(--black)); 
	border-color: rgba(var(--black));
}
.off_white_bkg button.carousel-control-prev,
.off_white_bkg button.carousel-control-next {
	background-color: transparent;
}
/* ---------------------- icons, logos & CTA text --------------------- */
.off_white_bkg .icon,
.off_white_bkg .logo,
.off_white_bkg .icone_previo::before,
.off_white_bkg .icone_posterior::after {
	/*filter to get "cod-gray-400" from black*/
	filter: var(--black_to_color-cod-gray-400);
}
.off_white_bkg .caixa_imagem-texto .icone_previo::before,
.off_white_bkg .caixa_imagem-texto .icone_posterior::after {
	/*filter to get white from black*/
	filter: var(--black_to_white);
}
.off_white_bkg .caixa_video_frame .icon_bt_play {
	/*filter to get white semi-transparent from black*/
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(6deg) brightness(108%) contrast(102%) opacity(60%);
}
.off_white_bkg .caixa_video_frame .icon_bt_play:hover,
.off_white_bkg .caixa_video_frame .icon_bt_play:focus,
.off_white_bkg .caixa_video_frame .icon_bt_play:active {
	/*filter to get white from black*/
	filter: var(--black_to_white);
}
.off_white_bkg .call-to-action-text a {
    color: rgba(var(--black));
}



/* ==================== Off-Black background (COMBO 2) ================== */
.off_black_bkg {  
    background-color: rgba(var(--cod-gray-950));
	color: rgba(var(--cod-gray-300));
}
/* --------------- text elements --------------- */
.off_black_bkg p, .off_black_bkg a, .off_black_bkg ul, .off_black_bkg ol, .off_black_bkg li, .off_black_bkg dl, .off_black_bkg dt, .off_black_bkg dd, .off_black_bkg blockquote, .off_black_bkg cite, .off_black_bkg small {
    color: rgba(var(--cod-gray-300));
}
.off_black_bkg strong {
	color: rgba(var(--white));
}
.off_black_bkg h1, .off_black_bkg h2, .off_black_bkg h3, .off_black_bkg h4, .off_black_bkg h5, .off_black_bkg h6 {
    color: rgba(var(--cod-gray-50));
}
/* -------- selected & marked elements & higher contrasts --------- */
.off_black_bkg ::-moz-selection {
 	color: rgba(var(--cod-gray-50));
    background-color: rgba(var(--cod-gray-700),var(--selected-txt-transparency)) !important;
}
.off_black_bkg ::selection {
    -webkit-appearance: none; /* anular efeito transp & mix no Safari */
    color: rgba(var(--cod-gray-50));
    background-color: rgba(var(--cod-gray-700),var(--selected-txt-transparency)) !important;
}
.off_black_bkg mark, .off_black_bkg mark a {
	color: rgba(var(--cod-gray-950));
    background-color: rgba(var(--cod-gray-200));
}
.off_black_bkg p.text_contrast_high, .off_black_bkg .text_contrast_high a, .off_black_bkg a.text_contrast_high, .off_black_bkg ul.text_contrast_high, .off_black_bkg ol.text_contrast_high, .off_black_bkg li.text_contrast_high, .off_black_bkg dl.text_contrast_high, .off_black_bkg dt.text_contrast_high, .off_black_bkg dd.text_contrast_high, .off_black_bkg blockquote.text_contrast_high, .off_black_bkg cite.text_contrast_high, .off_black_bkg small.text_contrast_high, .off_black_bkg span.text_contrast_high {
    color: rgba(var(--cod-gray-50));
}
.off_black_bkg p.text_contrast_max, .off_black_bkg .text_contrast_max a, .off_black_bkg a.text_contrast_max, .off_black_bkg ul.text_contrast_max, .off_black_bkg ol.text_contrast_max, .off_black_bkg li.text_contrast_max, .off_black_bkg dl.text_contrast_max, .off_black_bkg dt.text_contrast_max, .off_black_bkg dd.text_contrast_max, .off_black_bkg blockquote.text_contrast_max, .off_black_bkg cite.text_contrast_max, .off_black_bkg small.text_contrast_max, .off_black_bkg span.text_contrast_max {
    color: rgba(var(--white));
}
/* ------------------ Buttons ------------------ */
.off_black_bkg button, 
.off_black_bkg .botao {
	color: rgba(var(--black)); 
    background-color: rgba(var(--cod-gray-300));
	border-color: rgba(var(--cod-gray-300));
}
.off_black_bkg button:hover, .off_black_bkg .botao:hover,
.off_black_bkg button:focus, .off_black_bkg .botao:focus  {
	color: rgba(var(--cod-gray-700));
	background-color: rgba(var(--cod-gray-100));
	border-color: rgba(var(--cod-gray-100));
}
.off_black_bkg button:active, .off_black_bkg .botao:active {
	color: rgba(var(--black));
	background-color: rgba(var(--white));
	border-color: rgba(var(--white));
}
.off_black_bkg button.bt_vazado:hover, .off_black_bkg .botao.bt_vazado:hover,
.off_black_bkg button.bt_vazado:focus, .off_black_bkg .botao.bt_vazado:focus {
	color: rgba(var(--cod-gray-100)); 
	border-color: rgba(var(--cod-gray-100));
}
.off_black_bkg button.bt_vazado:active, .off_black_bkg .botao.bt_vazado:active {
	color: rgba(var(--white)); 
	border-color: rgba(var(--white));
}
.off_black_bkg button.carousel-control-prev,
.off_black_bkg button.carousel-control-next {
	background-color: transparent;
}
/* ---------------------- icons, logos & CTA text --------------------- */
.off_black_bkg .icon,
.off_black_bkg .logo,
.off_black_bkg .icone_previo::before,
.off_black_bkg .icone_posterior::after {
	/*filter to get "cod-gray-500" from black*/
    filter: var(--black_to_color-cod-gray-500);
}
.off_black_bkg .caixa_imagem-texto .icone_previo::before,
.off_black_bkg .caixa_imagem-texto .icone_posterior::after {
	/*filter to get white from black*/
	filter: var(--black_to_white);
}
.off_black_bkg .caixa_video_frame .icon_bt_play {
	/*filter to get white semi-transparent from black*/
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(6deg) brightness(108%) contrast(102%) opacity(60%);
}
.off_black_bkg .caixa_video_frame .icon_bt_play:hover,
.off_black_bkg .caixa_video_frame .icon_bt_play:focus,
.off_black_bkg .caixa_video_frame .icon_bt_play:active {
	/*filter to get white from black*/
	filter: var(--black_to_white);
}
.off_black_bkg .call-to-action-text a {
    color: rgba(var(--white));
}



/* //////////////////////// GENÉRICOS /////////////////////// */


/* ======================== ESPAÇADORES ===================== */

/* ___________________ Folgas verticais / padrão-parágrafo _______________ */
.folga_sup_meia_linha {
	padding-top: calc(var(--entrelinha)*0.5);
}
.folga_inf_meia_linha {
 	padding-bottom: calc(var(--entrelinha)*0.5);
}
.folga_sup_1_linha {
 	padding-top: calc(var(--entrelinha)*1);
}
.folga_inf_1_linha {
 	padding-bottom: calc(var(--entrelinha)*1);
}
.folga_sup_2_linhas {
 	padding-top: calc(var(--entrelinha)*2);
}
.folga_inf_2_linhas {
 	padding-bottom: calc(var(--entrelinha)*2);
}
.folga_sup_3_linhas {
 	padding-top: calc(var(--entrelinha)*3);
}
.folga_inf_3_linhas {
 	padding-bottom: calc(var(--entrelinha)*3);
}
.folga_sup_4_linhas {
 	padding-top: calc(var(--entrelinha)*4);
}
.folga_inf_4_linhas {
 	padding-bottom: calc(var(--entrelinha)*4);
}
.folga_sup_5_linhas {
 	padding-top: calc(var(--entrelinha)*5);
}
.folga_inf_5_linhas {
 	padding-bottom: calc(var(--entrelinha)*5);
}
.folga_sup_6_linhas {
 	padding-top: calc(var(--entrelinha)*6);
}
.folga_inf_6_linhas {
 	padding-bottom: calc(var(--entrelinha)*6);
}
.folga_sup_7_linhas {
 	padding-top: calc(var(--entrelinha)*7);
}
.folga_inf_7_linhas {
 	padding-bottom: calc(var(--entrelinha)*7);
}
.folga_sup_8_linhas {
 	padding-top: calc(var(--entrelinha)*8);
}
.folga_inf_8_linhas {
 	padding-bottom: calc(var(--entrelinha)*8);
}
.folga_sup_9_linhas {
 	padding-top: calc(var(--entrelinha)*9);
}
.folga_inf_9_linhas {
 	padding-bottom: calc(var(--entrelinha)*9);
}
.folga_sup_10_linhas {
 	padding-top: calc(var(--entrelinha)*10);
}
.folga_inf_10_linhas {
 	padding-bottom: calc(var(--entrelinha)*10);
}
/* ___________________ Folgas horizontais / padrão-parágrafo _______________ */
.folga_esq_quarto_linha {
	padding-left: calc(var(--entrelinha)*0.25);
}
.folga_dir_quarto_linha {
 	padding-right: calc(var(--entrelinha)*0.25);
}
.folga_esq_meia_linha {
	padding-left: calc(var(--entrelinha)*0.5);
}
.folga_dir_meia_linha {
 	padding-right: calc(var(--entrelinha)*0.5);
}
.folga_esq_1_linha {
 	padding-left: calc(var(--entrelinha)*1);
}
.folga_dir_1_linha {
 	padding-right: calc(var(--entrelinha)*1);
}
.folga_esq_1_meia_linha {
 	padding-left: calc(var(--entrelinha)*1.5);
}
.folga_dir_1_meia_linha {
 	padding-right: calc(var(--entrelinha)*1.5);
}
.folga_esq_2_linhas {
 	padding-left: calc(var(--entrelinha)*2);
}
.folga_dir_2_linhas {
 	padding-right: calc(var(--entrelinha)*2);
}
.folga_esq_2_meia_linhas {
 	padding-left: calc(var(--entrelinha)*2.5);
}
.folga_dir_2_meia_linhas {
 	padding-right: calc(var(--entrelinha)*2.5);
}
.folga_esq_3_linhas {
 	padding-left: calc(var(--entrelinha)*3);
}
.folga_dir_3_linhas {
 	padding-right: calc(var(--entrelinha)*3);
}
.folga_esq_3_meia_linhas {
 	padding-left: calc(var(--entrelinha)*3.5);
}
.folga_dir_3_meia_linhas {
 	padding-right: calc(var(--entrelinha)*3.5);
}
.folga_esq_4_linhas {
 	padding-left: calc(var(--entrelinha)*4);
}
.folga_dir_4_linhas {
 	padding-right: calc(var(--entrelinha)*4);
}
.folga_esq_5_linhas {
 	padding-left: calc(var(--entrelinha)*5);
}
.folga_dir_5_linhas {
 	padding-right: calc(var(--entrelinha)*5);
}
.folga_esq_6_linhas {
 	padding-left: calc(var(--entrelinha)*6);
}
.folga_dir_6_linhas {
 	padding-right: calc(var(--entrelinha)*6);
}
.folga_esq_7_linhas {
 	padding-left: calc(var(--entrelinha)*7);
}
.folga_dir_7_linhas {
 	padding-right: calc(var(--entrelinha)*7);
}
.folga_esq_8_linhas {
 	padding-left: calc(var(--entrelinha)*8);
}
.folga_dir_8_linhas {
 	padding-right: calc(var(--entrelinha)*8);
}
.folga_esq_9_linhas {
 	padding-left: calc(var(--entrelinha)*9);
}
.folga_dir_9_linhas {
 	padding-right: calc(var(--entrelinha)*9);
}
.folga_esq_10_linhas {
 	padding-left: calc(var(--entrelinha)*10);
}
.folga_dir_10_linhas {
 	padding-right: calc(var(--entrelinha)*10);
}
/* ___________________ Folgas horizontais / padrão-Bootstrap _______________ */
.folga_esq_meio_gutter {
	padding-left: calc(var(--bs-gutter-x)*0.5);
}
.folga_dir_meio_gutter {
 	padding-right: calc(var(--bs-gutter-x)*0.5);
}
.folga_esq_1_gutter {
 	padding-left: calc(var(--bs-gutter-x)*1);
}
.folga_dir_1_gutter {
 	padding-right: calc(var(--bs-gutter-x)*1);
}
.folga_esq_1_meio_gutter {
 	padding-left: calc(var(--bs-gutter-x)*1.5);
}
.folga_dir_1_meio_gutter {
 	padding-right: calc(var(--bs-gutter-x)*1.5);
}
.folga_esq_2_gutter {
 	padding-left: calc(var(--bs-gutter-x)*2);
}
.folga_dir_2_gutter {
 	padding-right: calc(var(--bs-gutter-x)*2);
}
.folga_esq_2_meio_gutter {
 	padding-left: calc(var(--bs-gutter-x)*2.5);
}
.folga_dir_2_meio_gutter {
 	padding-right: calc(var(--bs-gutter-x)*2.5);
}
.folga_esq_3_gutter {
 	padding-left: calc(var(--bs-gutter-x)*3);
}
.folga_dir_3_gutter {
 	padding-right: calc(var(--bs-gutter-x)*3);
}


@media (max-width: 767px) {
/* normalmente atribuidas à ROW contendo texto, quando há laterais visíveis*/
.folgas_laterais_acrescidas {
    padding-left: calc(var(--bs-gutter-x)*0.5);
    padding-right: calc(var(--bs-gutter-x)*0.5);
}
/* acrescenta folgas às colunas e outros elemntos dentro da ROW*/
.folgas_laterais_acrescidas > * {
    padding-left: calc(var(--bs-gutter-x)*0.5);
    padding-right: calc(var(--bs-gutter-x)*0.5);
}
}
@media (min-width: 768px) {
/* normalmente atribuidas à ROW contendo texto, quando há laterais visíveis*/
.folgas_laterais_acrescidas {
    padding-left: calc(var(--bs-gutter-x)*1);
    padding-right: calc(var(--bs-gutter-x)*1);
}
/* acrescenta folgas às colunas e outros elemntos dentro da ROW*/
.folgas_laterais_acrescidas > * {
    padding-left: calc(var(--bs-gutter-x)*1);
    padding-right: calc(var(--bs-gutter-x)*1);
}
}

/* ======================== SEPARADORES ===================== */

/* ___________________Separadores-traço horizontais ____________ */
.separador_traco-fino-sup {
	border-top-style: solid;
	border-top-width: thin;
}
.separador_traco-fino-inf {
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.separador_traco-grosso-sup {
	border-top-style: solid;
	border-top-width: thick;
}
.separador_traco-grosso-inf {
	border-bottom-style: solid;
	border-bottom-width: thick;
}
.separador_traco-medio-sup {
	border-top-style: solid;
	border-top-width: medium;
}
.separador_traco-medio-inf {
	border-bottom-style: solid;
	border-bottom-width: medium;
}
/* ___________________Separadores-traçejado horizontais ____________ */
.separador_tracejado-fino-sup {
	border-top-style: dashed;
	border-top-width: thin;
}
.separador_tracejado-fino-inf {
	border-bottom-style: dashed;
	border-bottom-width: thin;
}
.separador_tracejado-grosso-sup {
	border-top-style: dashed;
	border-top-width: thick;
}
.separador_tracejado-grosso-inf {
	border-bottom-style: dashed;
	border-bottom-width: thick;
}
.separador_tracejado-medio-sup {
	border-top-style: dashed;
	border-top-width: medium;
}
.separador_tracejado-medio-inf {
	border-bottom-style: dashed;
	border-bottom-width: medium;
}
/* ___________________Separadores-pontilhado horizontais ____________ */
.separador_pontilhado-fino-sup {
	border-top-style: dotted;
	border-top-width: thin;
}
.separador_pontilhado-fino-inf {
	border-bottom-style: dotted;
	border-bottom-width: thin;
}
.separador_pontilhado-grosso-sup {
	border-top-style: dotted;
	border-top-width: thick;
}
.separador_pontilhado-grosso-inf {
	border-bottom-style: dotted;
	border-bottom-width: thick;
}
.separador_pontilhado-medio-sup {
	border-top-style: dotted;
	border-top-width: medium;
}
.separador_pontilhado-medio-inf {
	border-bottom-style: dotted;
	border-bottom-width: medium;
}


/* ======================== MODIFICADORES APARÊNCIA ===================== */

/* ___________________ controle da visibilidade ____________ */
.invisivel {
    visibility: hidden;
}
.visivel {
    visibility: visible;
}
.transparente_90 {
    opacity: 0.9 !important;
}
.transparente_50 {
    opacity: 0.5 !important;
}
/* __________ Cenários (pano-de-fundo) – cores & Padrões gerais ___________________ */
.cenario_transparente {
    background-color: transparent !important;
}
.cenario_pontilhado {
    background-image: url(../images/patterns/pontilhado_cinza.gif);
    background-repeat: repeat;
}



/* >>>>>>>>>>>>>>>>>>>> LAYOUT ESPECÍFICO DA PÁGINA TRANSITÓRIA <<<<<<<<<<<<<<<<<<<<<<<<< */

body {    
 --N27-relative-capital-height: 0.7002;
}

/* ================================= cabecalho ================================ */
.wad_transitory_page .cabecalho {
    padding-top: calc(var(--entrelinha)*1.5);
    padding-bottom: calc(var(--entrelinha)*7.5);
}
.wad_transitory_page .cabecalho .wad_logo {
    height: calc(var(--h6-fluid-m-size)*var(--N27-relative-capital-height)*var(--footer-contact-text-redux));
}
/*@media (min-width : 768px) {
  .wad_transitory_page .cabecalho .wad_logo {
  }
}*/
@media (min-width : 1400px) {
  .wad_transitory_page .cabecalho {
    padding-top: calc(var(--entrelinha)*2);
    padding-bottom: calc(var(--entrelinha)*6);
  }
}
/* ============================== cor texto desta página =============================== */
 
/* __ estado inicial por omissão ou quando a animação intro_fadein está desligada __*/
body.off_black_bkg h1,
body.off_black_bkg p,
body.off_black_bkg small,
body.off_black_bkg.intro_fadein_off p,
body.off_black_bkg.intro_fadein_off small {
    color: rgba(var(--cod-gray-300));
}  
/* ============================== cor Capítulos =============================== */
 
/* __ estado inicial por omissão ou quando a animação intro_fadein está desligada __*/
.off_black_bkg .note_chapter {
    color: rgba(var(--white));
} 
/* ================================ Listas "paragráficas" ===================================== */

/* ____ anulação das características gráficas típicas das listas ____*/
body.off_black_bkg #worked_with ul.lista_paragrafica {
    padding-left: 0;
    list-style-position: outside;
    list-style-type: none;
}
body.off_black_bkg #worked_with ul.lista_paragrafica li { 
    padding-right: 0;
    display: inline;
}

/* __ estado inicial por omissão ou quando a animação intro_fadein está desligada __*/
body.off_black_bkg #worked_with li,
body.off_black_bkg.intro_fadein_off #worked_with li {
    color: rgba(var(--cod-gray-300));
}


/* ======================== ANIMAÇÃO INTRO Logo =========================== */ 

/* _____________ estado inicial anterior à animação intro _____________*/
body.off_black_bkg header img.wad_logo {
    /*filter to stay black as it is*/
    filter: var(--black_to_black);
}

/* ____ estado inicial quando o utilizador optou por "Reduce motion" ____*/
 @media (prefers-reduced-motion: reduce) { 
body.off_black_bkg header img.wad_logo {
    /*filter to get white from black*/
    filter: var(--black_to_white);
}
}

/* ______ animação activada imediatamente (no carregamento da página) __________ */
body.off_black_bkg header img.wad_logo,
body.off_black_bkg.intro_fadein_on_mouse header img.wad_logo
body.off_black_bkg.intro_fadein_on_scroll header img.wad_logo {
    animation-duration: 6.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1.5s;
    animation-iteration-count: 1; /* só uma vez neste Event */
    animation-direction: normal;
    animation-fill-mode: forwards; /* forwards para evitar o reset */
    animation-play-state: running;
    animation-name: intro-fade-in-logo;
}

@keyframes intro-fade-in-logo {	
    0% {
        /*filter to stay black as it is*/
        filter: var(--black_to_black);
    }
    100% {
        /*filter to get white from black*/
        filter: var(--black_to_white);
    }
}


/* ==================== ANIMAÇÃO INTRO setas continuidade ======================= */ 

/* _____________ estado inicial anterior à animação intro _____________*/
body.off_black_bkg .arrow_down_continuity img {
    /*filter to stay black as it is*/
    filter: var(--black_to_black);
}

/* ____ estado inicial quando o utilizador optou or "Reduce motion" ____*/
 @media (prefers-reduced-motion: reduce) { 
body.off_black_bkg.intro_fadein_on_mouse .arrow_down_continuity img {
    /*filter to get white from black*/
	filter: var(--black_to_white);
}
}

/* ______ quando a animação fica desactivada (OFF) _______________ */
body.off_black_bkg.intro_fadein_off .arrow_down_continuity img {
    /*filter to get white from black*/
	filter: var(--black_to_white);
}

/* ______ quando a animação é activada por um evento (ON) __________ */
body.off_black_bkg.intro_fadein_on_mouse .arrow_down_continuity img,
body.off_black_bkg.intro_fadein_on_scroll .arrow_down_continuity img {
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1; /* só uma vez neste Event */
    animation-direction: normal;
    animation-fill-mode: forwards; /* forwards para evitar o reset */
    animation-play-state: running;
    animation-name: intro-fade-in-setas-continuidade;
}

@keyframes intro-fade-in-setas-continuidade {	
    0% {
        /*filter to stay black as it is*/
        filter: var(--black_to_black);
    }
    100% {
        /*filter to get white from black*/
	    filter: var(--black_to_white);
    }
}

/* _______ quando a animação intro_fadein está desligada (OFF)  __________ */
body.off_black_bkg.intro_fadein_off .arrow_down_continuity img {
    animation-play-state: paused;
}



/* ======================== ANIMAÇÃO INTRO Texto =========================== */ 

/* _____________ estado inicial anterior à animação intro _____________*/
body.off_black_bkg.intro_fadein_on_mouse h1,
body.off_black_bkg.intro_fadein_on_mouse p,
body.off_black_bkg.intro_fadein_on_mouse small,
body.off_black_bkg.intro_fadein_on_mouse #worked_with li {
    color: black;
}

/* ____ estado inicial quando o utilizador optou or "Reduce motion" ____*/
 @media (prefers-reduced-motion: reduce) {
body.off_black_bkg.intro_fadein_on_mouse h1,     
body.off_black_bkg.intro_fadein_on_mouse p,
body.off_black_bkg.intro_fadein_on_mouse small,
body.off_black_bkg.intro_fadein_on_mouse #worked_with li {
    color: rgba(var(--cod-gray-300));
}
}

/* ______ quando a animação fica desactivada (OFF) _______________ */
body.off_black_bkg.intro_fadein_off h1,
body.off_black_bkg.intro_fadein_off p,
body.off_black_bkg.intro_fadein_off small,
body.off_black_bkg.intro_fadein_off #worked_with li {
    color: rgba(var(--cod-gray-300));
}
body.off_black_bkg.intro_fadein_off .note_chapter {
    color: rgba(var(--white));
}
body.off_black_bkg.intro_fadein_off h1.text_contrast_high,
body.off_black_bkg.intro_fadein_off p.text_contrast_high, 
body.off_black_bkg.intro_fadein_off .text_contrast_high a, body.off_black_bkg.intro_fadein_off a.text_contrast_high, 
body.off_black_bkg.intro_fadein_off ul.text_contrast_high, 
body.off_black_bkg.intro_fadein_off ol.text_contrast_high, 
body.off_black_bkg.intro_fadein_off li.text_contrast_high, 
body.off_black_bkg.intro_fadein_off dl.text_contrast_high, 
body.off_black_bkg.intro_fadein_off dt.text_contrast_high, 
body.off_black_bkg.intro_fadein_off dd.text_contrast_high, 
body.off_black_bkg.intro_fadein_off blockquote.text_contrast_high, 
body.off_black_bkg.intro_fadein_off cite.text_contrast_high, 
body.off_black_bkg.intro_fadein_off small.text_contrast_high {
    color: rgba(var(--cod-gray-50));
}
body.off_black_bkg.intro_fadein_off h1.text_contrast_max,
body.off_black_bkg.intro_fadein_off p.text_contrast_max, 
body.off_black_bkg.intro_fadein_off .text_contrast_max a, body.off_black_bkg.intro_fadein_off a.text_contrast_max, 
body.off_black_bkg.intro_fadein_off ul.text_contrast_max, 
body.off_black_bkg.intro_fadein_off ol.text_contrast_max, 
body.off_black_bkg.intro_fadein_off li.text_contrast_max, 
body.off_black_bkg.intro_fadein_off dl.text_contrast_max, 
body.off_black_bkg.intro_fadein_off dt.text_contrast_max, 
body.off_black_bkg.intro_fadein_off dd.text_contrast_max, 
body.off_black_bkg.intro_fadein_off blockquote.text_contrast_max, 
body.off_black_bkg.intro_fadein_off cite.text_contrast_max, 
body.off_black_bkg.intro_fadein_off small.text_contrast_max {
    color: rgba(var(--white));
}

/* ______ quando a animação é activada por um evento (ON) __________ */
body.off_black_bkg.intro_fadein_on_mouse h1,
body.off_black_bkg.intro_fadein_on_mouse p,
body.off_black_bkg.intro_fadein_on_mouse small,
body.off_black_bkg.intro_fadein_on_mouse #worked_with li,
body.off_black_bkg.intro_fadein_on_mouse:hover p,
body.off_black_bkg.intro_fadein_on_mouse:hover small,
body.off_black_bkg.intro_fadein_on_mouse:hover #worked_with li,
body.off_black_bkg.intro_fadein_on_scroll p,
body.off_black_bkg.intro_fadein_on_scroll small,
body.off_black_bkg.intro_fadein_on_scroll #worked_with li {
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-iteration-count: 1; /* só uma vez neste Event */
    animation-direction: normal;
    animation-fill-mode: forwards; /* forwards para evitar o reset */
    animation-play-state: running;
    animation-name: intro-fade-in-texto;
}

@keyframes intro-fade-in-texto {	
    0% {
        color: black;
    }
    100% {
        color: rgba(var(--cod-gray-300));
    }
}

/* _______ quando a animação intro_fadein está desligada (OFF)  __________ */
body.off_black_bkg.intro_fadein_off:hover h1,
body.off_black_bkg.intro_fadein_off:hover p,
body.off_black_bkg.intro_fadein_off:hover small,
body.off_black_bkg.intro_fadein_off:hover #worked_with li {
    animation-play-state: paused;
}


/* ======================== Arror Down – Continuity ========================= */

body.off_black_bkg .arrow_down_continuity img {
    height: calc(var(--entrelinha)*0.7);
    margin-top: calc(var(--entrelinha)*1.3);
    margin-bottom: calc(var(--entrelinha)*2);
    /*filter to get white from black*/
	filter: var(--black_to_white);
}

/* ======================== Button Got Top  ========================= */

body .button_go_top img {
    height: calc(var(--entrelinha)*1.85);
}

/* ================== Apêndices ao texto ================== */

.underscore_before::before {
     content: "\005F"; /* sem espaço, encostado à primeira palavra */
}
.underscore_after::after {
     content: "\005F"; /* sem espaço, encostado à última palavra */
}
.ponteiro_anterior::before {
    content: "\00FF1E\00a0"; /* fullwidth greater-than sign + space */
}
.ponteiro_posterior::after {
    content: "\00a0\00FF1E"; /* space + fullwidth greater-than sign */
}

/* ========================= Founders’ photo =========================== */ 


#photo_founders .image_box img {
	width: 100%; 
	height: auto;
	object-fit: contain;
    filter: brightness(0.85);
}

@media (max-width: 767px) {
#photo_founders .image_box {
    display: flex;
    justify-content: center;
}
}
@media (min-width: 7682px) {
#photo_founders .image_box img {
	width: 100%; 
	height: 100%;
	object-fit: contain;
}
}

/* ==================== Notas-de-Rodapé ================== */

.off_black_bkg #footnotes h6 {
    color: rgba(var(--cod-gray-300));
}

/* ---------------- NOTE-HEADING COUNTER ----------------- */
/* 1. Reset the note-heading counter at the top level (note-chapter)*/
#footnotes .note_chapter {
  counter-reset: note_heading_counter;
}

/* 2. Configure the note-heading to increment and layout vertically */
#footnotes .note_heading {
  counter-increment: note_heading_counter;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  font-size: 1.1rem; /* Adjust sizes as needed */
}

/* 3. Style the graphical counter line positioned directly above */
#footnotes .note_heading::before {
  /* Use 'decimal-leading-zero' to force the 01, 02 format */    
  content: counter(note_heading_counter, decimal-leading-zero);
  text-transform: uppercase;
  /*font-size: calc(var(--p-fluid-m-size));*/
  line-height: calc(var(--p-fluid-m-line));
  margin-top: calc(var(--entrelinha)*2);    
  margin-bottom: calc(var(--entrelinha)*2);
}

/* to Visually get the same space above the heading */
#footnotes h6.note_heading {
  margin-top: 0px;  
}

/* ============================ Footer =============================== */ 

.off_black_bkg footer .wad_logo {
    /*filter to get "cod-gray-200" from black*/
    filter: var(--black_to_color-cod-gray-200); 
}

footer #rights_claims {
    /* para alinhar verticalmente por baixo */
    display: flex;
    align-items:flex-end;
}

@media (max-width : 767px) {
footer #socialmedia_links {
    padding-bottom: calc(var(--entrelinha)*1);
}   
}

footer #rodape img.social_media_button {
    height: 32px;
    width: auto;
    padding-right: 22px;
}
.off_black_bkg footer #rodape img.social_media_button {
    filter: var(--black_to_color-cod-gray-300);
}
.off_black_bkg footer #rodape img.social_media_button:hover {
    filter: var(--black_to_color-wadzul-500);
}
.off_black_bkg footer #rodape img.social_media_button:active {
    filter: var(--black_to_color-wadzul-500); 
}