/* Firme BooK */
@font-face {
font-family: 'Firme-Book';
src: url('../font/Firme-Book.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

/* Firme Firme-BookItalic */
@font-face {
font-family: 'Firme-BookItalic';
src: url('../font/Firme-BookItalic.otf') format('opentype');
font-weight: normal;
font-style: normal;
}


/* Firme Black */
@font-face {
font-family: 'Firme-Black';
src: url('../font/Firme-Black.otf') format('opentype');
font-weight: normal;
font-style: normal;
}


/* Firme Bold */
@font-face {
font-family: 'Firme-Bold';
src: url('../font/Firme-Bold.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

/* Firme-ExtraBold */
@font-face {
font-family: 'Firme-ExtraBold';
src: url('../font/Firme-ExtraBold.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

/* Firme Bold Italic*/
@font-face {
font-family: 'Firme-Bold-Italic';
src: url('../font/Firme-BoldItalic.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

/* Firme Medium */
@font-face {
font-family: 'Firme-Medium';
src: url('../font/Firme-Medium.otf') format('opentype');
font-weight: normal;
font-style: normal;
}


/* Firme-Light */
@font-face {
font-family: 'Firme-Light';
src: url('../font/Firme-Light.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

/**Blacker**/

@font-face {
font-family: 'BlackerProDisplayExtrabold';
src: url("../font/BlackerProDisplayExtrabold.otf") format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BlackerProDisplayBold';
src: url("../font/BlackerProDisplayBold.otf") format('opentype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'BlackerProDisplayMedium';
src: url("../font/BlackerProDisplayMedium.otf") format('opentype');
font-weight: normal;
font-style: normal;
}


@font-face {
    font-family: 'BlackerProDisplayRegular';
    src: url("../font/BlackerProDisplayRegular.otf") format('opentype');
        font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'BlackerProDisplayLight';
src: url("../font/BlackerProDisplayLight.otf") format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BlackerProTextBook';
src: url("../font/BlackerProTextBook.otf") format('opentype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'BlackerProTextMedium';
src: url("../font/BlackerProTextMedium.otf") format('opentype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'BlackerProTextRegular';
src: url("../font/BlackerProTextRegular.otf") format('opentype');
font-weight: normal;
font-style: normal;
}

        


        




/*
div{
border: 1px solid #000 !important;
box-sizing: border-box;
}*/



/* 00 BASE*/

html {
/* 10 px equivale a 62.5% */
font-size: 10px; /* equivale a 1rem */
box-sizing: border-box;
/*scroll-behavior: smooth;*/
}

body {
font-size: 1rem; /* equivale a 1em e a 10px */
font-family: 'Heebo-Regular', sans-serif;
background-color: #FFFFFF;
width: 100%; /* full window width */
}

/*div.wrapper {
}

div.wrapper div.fundo-conteudo {
}*/

body, html {
height: 100%; /*necessário para o paralax*/
}

a {
text-decoration: none;
background-color: transparent;
cursor: auto;
text-decoration: none;
background-color: transparent;
cursor: pointer;
color: none;
}

a:hover {
opacity: .5;
}

/*ATENÇÃO*/

img {
max-width: 100%; /*evita que as imagens estiquem e fiquem pixilizadas*/
display: block;
/*ATENÇÃO*/
margin: 0 auto;
}

.reduzir-info {
width: 70%;
}

figure {
margin: 0em 0em;
}

blockquote {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

h1,h2, h3, h4, h5, h6 {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
}

/*style scrollbar*/

/* width */
::-webkit-scrollbar {
width: 1.6em;
height: 3em;
}

/* Track */


::-webkit-scrollbar-track {
/*background-color:#015782;*/
background-color: #FFFFFF;
;
}

/* Handle */

::-webkit-scrollbar-thumb {
background-color: #FFFFFF;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
background-color: #FFFFFF;
}






/*
z-index: 6 - div.modal-box-text button.close
z-index: 5 - div.menu-two div.modal-box-container
z-index: 4 - div.top
z-index: 3 - menu-one
z-index: 2 - menu-two
z-index: 1 - div.video-intro
z-index: 1 - box
z-index: -1 - div.full-screen video#full-screen-video
z-index: -2 - Filets_cima e Filets_baixo
*/


/* 01 CONTENTORES*/

/** top é o pai da nav*/



div.top {
position: fixed;
top: 0;
width: 100%;
z-index: 4;
}


div.top nav.collapse-navbar {
/*position: fixed;
width: inherit;
overflow: hidden;
padding: 8px 0px;*/
position: fixed;
height: 48px;
width: inherit;
overflow: hidden;
/*padding: 10px 0px;*/
    background-color: #fff0;
    background-color: #015782;
/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
opacity: 1;
}







div.top nav.collapse-navbar div.menu-two div.share-social-media,
div.top nav.collapse-navbar div.menu-two div.languages {
z-index: 6;
}

div.top nav.collapse-navbar div.menu-two button.no-vertical-border {
z-index: 7;
position: relative;
}

div.top nav.collapse-navbar div.menu-two div.zona-central {
position: relative;
/*display: inline-block;
background-color: #7fffd433;
float: left;
width: auto;
left: 27%;*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 90px;
/*background-color: beige;
width: 1400px;
display: list-item; */
}

div.top nav.collapse-navbar div.menu-two div.zona-central div.menu-central {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: max-content;
/*width: 53.4%;
background-color: #464340; */
}

/**full-screen*/


div.full-screen#intro-capa {
position: relative;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: block;
}

div.full-screen#intro-mobile {
position: relative;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: none;
}

div.full-screen#intro-capa a.scroll-link#introducao-capa {
display: block;
}
    
div.full-screen#intro-capa a.scroll-link#introducao-mobile {
top: 32%;
width: 12px;
margin: 0 auto;
display: none;
}

div.full-screen {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 55px;
}

@media only screen and (max-width : 992px){            
    div.full-screen {       
        top: 10px;
    }
}

@media screen and (min-width: 1024px) and (max-height: 950px) {
        div.full-screen {
            height: 135%;      
        }
}

/* @media only screen and (max-width : 1024px){            
    div.full-screen {       
        width: 111.7%;
    }
} */

section div.full-screen#conclusao {
height:auto;
}

section div.full-screen#introducao,
section div.full-screen#conclusao {
background-color: #444;
top: 0;
}

section div.full-screen#mapa {
height:auto;
top: 55px;
}




section div.full-screen#force_landscape {
display: none;
z-index: 999999;
}


section div.full-screen#introducao div.content,
section div.full-screen#conclusao div.content {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 50%;
}

section div.full-screen#introducao div.content div.content-text,
section div.full-screen#conclusao div.content div.content-text {
text-align: center;
margin-bottom: 5em;
top: 0;
position: relative;
}

section div.full-screen#introducao div.content div.content-text h1,
section div.full-screen#conclusao div.content div.content-text h1 {
font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
        font-size: 2.5em;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: 0.02em;
    border-bottom-color: inherit;
    color: #FFFFFF;
}







div.full-screen div.module-centered h1, div.full-screen div.module-centered p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2em;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    font-family: 'SamsungSharpSans-Medium';
    text-align: center;
    margin: 0;
    margin-bottom: 0.2em;
}

div.full-screen div.module-centered p a {
    font-size: 0.75em;
    letter-spacing: 0.04em;
    font-family: 'SamsungSharpSans-Regular';
    text-transform: lowercase;
    text-decoration: none;
    background-color: transparent;
    user-select: auto;
    cursor: pointer;
    margin: 0;
}

div.full-screen div.module-centered p a:hover {
opacity: .5;
}


div.full-screen div.full-screen-image {
position: absolute;
right: 0;
top: 0;
width:  100%;
height:  100%;
backface-visibility: hidden;
background-repeat: no-repeat;
background-position: bottom center;
z-index: 0;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}




/*div.full-screen div.full-screen-image.force_landscape-image {
background-image: url('full-screen-image');
    overflow: hidden;
}*/

div.full-screen div.full-screen-image.landscape {
background-image: url('https://images.impresa.pt/expresso/2023-10-30-podcast-deixar-um--mundo-melhor-img-bx.png-8887cc82/original/mw-1920');
}

div.full-screen div.full-screen-image.portait {
background: url('https://images.impresa.pt/expresso/2023-11-03-deixar-o-mundo-melhor-portrait-capa4.jpg-06aa628b/original');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}


div.full-screen div.full-screen-image.img-landscape {
background: url('//images.impresa.pt/expresso/2019-09-10-Recorte_baixo.jpg/original');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
opacity: 0.2;
}

div.full-screen div.full-screen-image.img-portait {
background: url('//images.impresa.pt/expresso/2019-09-10-Recorte_baixo.jpg/original');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
opacity: 0.1;
}



div.full-screen div.full-screen-image.creditos-landscape {
background: url('//images.impresa.pt/expresso/2019-09-12-Fundo_Creditos_bx.jpg/original');
/*background: url('//images.impresa.pt/expresso/2019-09-12-Creditos_bx.jpg/original');*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

div.full-screen div.full-screen-image.creditos-portait {
background: url('//images.impresa.pt/expresso/2019-09-12-Fundo_Creditos_alto.jpg/original');
/*background: url('//images.impresa.pt/expresso/2019-09-12-Creditos_alto.jpg/original');*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

div.full-screen div.full-screen-image.creditos-landscape img.nomes-landscape {
position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 35%;
}

div.full-screen div.full-screen-image.creditos-portait img.nomes-portait {
position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 75%;
}




/*****************************************************/


/** module-centered */


div.full-screen#inicio div.module-centered,
div.full-screen#inicio-capa div.module-centered {
position: absolute;
white-space: nowrap;
height: auto;
top: 45%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}

div.full-screen#inicio-viagem div.module-centered {
    position: absolute;
    white-space: nowrap;
    height: auto;
    top: 40%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

div.full-screen#inicio-fotografo div.module-centered {
    position: absolute;
    white-space: nowrap;
    height: auto;
    top: 86%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

div.full-screen#inicio-boamesa div.module-centered {
    position: absolute;
    white-space: nowrap;
    height: auto;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

div.full-screen#inicio-telemovel div.module-centered {
    position: absolute;
    white-space: nowrap;
    height: auto;
    top: 54%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}




div.full-screen .titulo-de-capa {
    border-block-color: red;
    position: relative;
    display: block;
    top: 26em;
    width: 26%;
    height: 50em;
    left: 25em;
    /*border: 1px solid red;*/
    }






    div.full-screen#capa div.titulo-de-capa div.module-centered.landscape {
    display: block;
    position: absolute;
    white-space: normal;
    user-select: none;
    /* cursor: pointer; */
    text-decoration: none;
    background: url(https://images.impresa.pt/expresso/2023-11-08-podcast-deixar-um--mundo-melhor-h1-lead-02.png-e45a503a/original);
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    top: 0;
}


div.full-screen#capa div.titulo-de-capa div.module-centered.portait
{
position: absolute;
white-space: normal;
user-select: none;
cursor: pointer;
outline: none;
text-decoration: none;
margin: 0 auto;
padding: 0;
background: url('https://images.impresa.pt/expresso/2023-10-30-podcast-deixar-um--mundo-melhor-h1.png-b2ec1dc0/original');
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/**/

div.full-screen#intro-mobile .titulo-de-capa {
position: relative;
display: block;
width: 76%;
height: 73%;
top: 56%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
/* border: 1px solid red; */
align-content: start;
text-align: center;
}

div.full-screen#intro-mobile .titulo-de-capa p.lead,
div.full-screen#intro-mobile .titulo-de-capa p.disclaimer   {
font-family: Firme-Light,sans-serif;
font-size: 3.1em;
line-height: 1.2em;
text-align: center;
color: #000000;
display: block;
z-index: 100;
margin: 0.4em 0 0.7em 0;
opacity: 1;
margin: 0 0 0.7em 0;
}


div.full-screen#intro-mobile .titulo-de-capa p.disclaimer   {
font-size: 5em;
margin: 0 0 0.7em 0;
font-family: Blacker Pro Display, serif;
}


/**/









div.full-screen div.module-centered h2 {
font-kerning: normal;
line-height: 1.5em;
padding-bottom: 0px;
color: #FFFFFF;
text-align: right;
text-transform: uppercase;
font-family: 'Staatliches', sans-serif;
font-weight: 600;
font-size: 7em;
letter-spacing: 0.02em;
opacity: 0.9;
filter: blur(1.4px);
-webkit-filter: blur(1.4px);
user-select: none;


/*filter: blur(1.2px);
-webkit-filter: blur(1.2px);
user-select: none;
text-shadow: 2px 1px #000000;*/
}


div.full-screen div.module-centered div.heading-border {
margin: 1.8em 0em 2em 0em;
width: 12em;
height: 0.1em;
background-color: #FFF;
display: none;
}


div.full-screen div.module-centered h6 {
font-family: 'Acta-Book', serif;
font-size: 1.2em;
line-height: 1.55em;
font-weight: 500;
text-transform: uppercase;
padding-right: 0.58em;
color: #000000;
font-style: normal;
}


div.full-screen div.fundo-module-centered {
position: absolute;
width: 100%;
background: #000000;
bottom: 0;
height: 60%;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(7%, rgba(2,32,48,0.21)), color-stop(12%, rgba(2,30,45,0.36)), color-stop(47%, rgba(1,18,27,1)), color-stop(100%, rgba(0,0,0,0.45)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(2,32,48,0.21) 7%, rgba(2,30,45,0.36) 12%, rgba(1,18,27,1) 47%, rgba(0,0,0,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}








/** scroll-link*/

div.full-screen#capa div.titulo-de-capa a.scroll-link#introducao-capa,
div.full-screen#capa div.titulo-de-capa a.scroll-link#introducao-mobile {
position: absolute;
white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
display: block;
bottom: 0;
background: url(https://images.impresa.pt/expresso/2023-10-30-faca-scroll.png-c7f6a64f/original);
left: 0;
width: 19%;
/* height: 100%; */
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}


div.full-screen#intro-mobile div.titulo-de-capa a.scroll-link  {
position: absolute;
white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
display: block;
bottom: 0;
background: url(https://images.impresa.pt/expresso/2023-11-02-faca-scroll-seta-preta.jpg-faccc241/original);
width: 22%;
height: 100%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}



/**/

div.full-screen#intro-mobile .titulo-de-capa {
position: relative;
display: block;
width: 56%;
height: 35%;
top: 56%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
/* border: 1px solid red; */
align-content: start;
text-align: center;
}

div.full-screen#intro-mobile .titulo-de-capa p.lead, 
div.full-screen#intro-mobile .titulo-de-capa p.disclaimer {
line-height: 1.2em;
text-align: center;
color: #000000;
display: block;
z-index: 100;
margin: 0.4em 0 0.7em 0;
opacity: 1;
margin: 0 0 0.7em 0;
}

div.full-screen#intro-mobile .titulo-de-capa p.lead {
font-family: Firme-Light,sans-serif;
font-size: 4.1em;
}

div.full-screen#intro-mobile .titulo-de-capa p.disclaimer {
font-family: Blacker Pro Display, serif;
font-size: 5em;
margin: 0 0 0.7em 0;    
}












div.wrapper div.content-center.last-content div.credits a.scroll-link,
div.wrapper div.content-center.last-content a.scroll-link {
position: relative;
bottom: 0%;
}

div.full-screen a.scroll-link h6,
div.full-screen-intro#introducao div.content a.scroll-link h6,
div.wrapper div.content-center.last-content div.credits a.scroll-link h6,
div.wrapper div.content-center.last-content a.scroll-link h6 {
font-family: Firme-Bold, sans-serif;
/*font-family: 'ExpressoSansThinCapitalsRegular', serif;*/
font-size: 1.1em;
letter-spacing: 0.1em;
color: #e03969;
margin-top: 0.5em;
text-transform: uppercase;
text-align: center;
line-height: 1.4em;
opacity: 1;
font-weight: 700;
/*text-shadow: 1px 1px 1px #000000;*/
}

/**scrolldown*/

div.full-screen a.scroll-link div.scrolldown,
div.full-screen-intro#introducao div.content a.scroll-link div.scrolldown-two,
div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
div.wrapper div.content-center.last-content a.scroll-link div.scrollup,
div.wrapper div.content.content.center#Creditos a.scroll-link div.scrollup, 
div.wrapper a.go-home div.gohome,
div.wrapper div.gohome,
div.wrapper div.content.content-center#Creditos a.scroll-link#Inicio div.scrollup

{
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 100px;
height: 98px;
border: 0px solid;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
opacity: 1;
transform: rotate(0deg);
}

div.full-screen a.scroll-link div.scrolldown {
background: url('');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

div.wrapper div.gohome,
div.modal-box-text-left div.gohome
{
position: absolute;
top: 107%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);

background: url('https://images.impresa.pt/expresso/2023-10-30-faca-scroll.png-c7f6a64f/original');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 100px;
height: 47px;
cursor: pointer;
}

div.modal-box-text-left div.gohome {
position: relative;
top: 0;
margin-top: 6em;
}

div.wrapper div.gohome:hover,
div.modal-box-text-left div.gohome:hover {
opacity: .5;
}


div.scrollup#pcima 
{
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 8em;
height: 9em;
border: 0px solid;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
opacity: 1;
transform: rotate(0deg);
}


div.scrollup#pcima  {
background: url(https://images.impresa.pt/expresso/2021-08-18-voltar-ao-inicio.png-d8365877/original);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
    margin-bottom: 7em;
    margin-top: 9em;
}


div.full-screen-intro#introducao div.content a.scroll-link div.scrolldown-two,
div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup,
div.wrapper div.content-center.last-content a.scroll-link div.scrollup,
div.wrapper div.content.content-center#Creditos a.scroll-link#Inicio div.scrollup  {
background: url(https://images.impresa.pt/expresso/2021-08-18-voltar-ao-inicio.png-d8365877/original);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
    margin-bottom: 7em;
    margin-top: 9em;
}

/**swap-scrolldown*/

div.full-screen a.scroll-link div.scrolldown:hover,
div.full-screen-intro#introducao div.content a.scroll-link div.scrolldown:hover,
div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup:hover,
div.wrapper div.content.content-center#Creditos a.scroll-link#Inicio div.scrollup :hover {
opacity: 0.5;
}


@keyframes opacityanimation {
from {opacity: 1;}
50% {opacity: 0.2;}
to {opacity: 1;}
}

/** back-to-top-button*/

div.wrapper div.content.content-fullwidth#Creditos {
position: relative;
/*right: 5%;
bottom: 25px;

bottom: 0;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
opacity: 1;
z-index: 2;

white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;*/
}

div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button
{
background: url('../img/SETAS/SETA_CIMA2.png');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 5em auto 0.5em;
padding: 0;
    width: 68px;
    height: 53px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/**swap-back-to-top-button*/

div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button:hover {
background: url('../img/SETAS/SETA_CIMA2.png');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 5em auto 0.5em;
padding: 0;
    width: 68px;
    height: 53px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button:hover {
opacity: 1;
}


div.wrapper div.content-fullwidth div.box-slideshow button,
div.wrapper div.content-center div.box-slideshow button,
div.wrapper div.content-larger div.box-slideshow button {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
display: inline-block;
border: none;
background: transparent;
}

div.wrapper div.content-fullwidth div.box-slideshow button:hover,
div.wrapper div.content-center div.box-slideshow button:hover,
div.wrapper div.content-larger div.box-slideshow button:hover {
opacity: 0.7;
}


div.wrapper div.content-larger div.box-slideshow button div.arrow,
div.wrapper div.content-center div.box-slideshow button div.arrow {
display: block;
background: url('//images.impresa.pt/expresso/2019-03-25-SETA_ESQ.png-1');
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 50px;
height: 50px;
border: 0px solid;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
opacity: 1;
}



/** content*/

.content {
margin-right: auto;
margin-left: auto;
}

.content-center {
position: relative;
max-width: 54.69vw;
}

.content-fullwidth {
position: relative;
width: 100%;
}


.content.content-fullwidth.last-content {
background-color: #444;
position: relative;
}

.content-larger {
position: relative;
width: 70%;
}

.content-larger.capitulo {
margin-top: 14em;
}



/*NOTA: se eu pusser o content-center em % ele vai sempre dimensionar-se relativamente ao parent, pelo que o content-center nos diversos locais da página irá para a mesma medida de device ter medidas diferentes, dependendo de onde está escrito. Esta é a razão pela qual a medida do contente center é em view-port, porque assim é a mesma independentemente do parent, dado que a numa mm medida de device o viewport é único.*/



/** wrapper*/

div.wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
/*top: 45px;*/
background-color: #FFFFFF;
margin-bottom: 6em;
margin-top: 5em;



/*height: 100%;*/
}

/** footer*/

footer {
width: 100%;
position: relative;
bottom: 0;
left: 0;
right: 0;
border-top: 0.1em solid #CCC;
background-color: #f2f2f2;
}

div.wrapper div.content.content-center.last-content {
padding-top: 8em;
}


/** clear fix: para o content-center assumir o tamanho das boxes right e left*/
.clearfix,
div.wrapper div.content-center:after,
div.wrapper div.content-center:before {
content: "";
display: table;
clear: both;
}


/** box*/

div.wrapper div.content-center div.box {
/*position: relative;
margin-top: 6.5%;
margin-bottom: 6.5%;
padding-right: 0;
overflow-x: hidden;
overflow-y: hidden;
z-index: 1;*/


padding-right: 0em;
padding-left: 0em;
overflow-x: hidden;
overflow-y: hidden;
z-index: 1;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
/*padding-bottom: 3em;
padding-top: 3em;
margin-top: 3.5em;
margin-bottom: 3.5em;*/
}


div.wrapper div.content.content-center.publicidade,
div.wrapper div.content.content-fullwidth.publicidade  {
border: 0.5px solid #bfa0608c;
padding-top: 1.3em;
border-left-width: 0;
border-right-width: 0;
padding-bottom: 3em;
margin-top: 9em;
margin-bottom: 9em;
}

div.wrapper div.content.content-center.publicidade p,
div.wrapper div.content.content-fullwidth.publicidade p {
font-family: "Firme-Medium",sans-serif;
font-weight: 400;
font-size: 1.2em;
text-transform: uppercase;
color: #be9f5f99;
margin: 0;
padding-bottom: 0.5em;
}


/*se não pussermos position: relative o scroll n funciona*/

/*div.wrapper div.content-fullwidth div.box,
div.wrapper div.content-larger div.box {
margin-top: 1.8%;
margin-bottom: 1.8%;
}*/

/** box-left e box-right*/

div.wrapper div.content-center div.box.box-left,
div.wrapper div.content-center div.box.box-right {
margin-top: 1.5%;
margin-bottom: 1.5%;
width: 50%;
clear: both;
padding: 2em;
}

div.wrapper div.content-center div.box.box-left {
/*float: left;
margin-left: -24.9%;
margin-right: 4.4%;*/
width: 40%;
float: left;
margin-left: 0%;
margin-right: 6%;
margin-top: 3.8%;
clear: both;
padding-left: 0;

/*margin-bottom: 1.5%;*/

margin-bottom: 0;
margin-bottom: 0;
}

div.wrapper div.content-center div.box.box-right {
float: right;
margin-left: 4.4%;
margin-right: -24.9%;
}

/** box-blockquote
div.wrapper div.content-center div.box-blockquote,
div.wrapper div.content-center div.box-number  {
margin-top: 5%;
margin-bottom: 5%;
margin-left: 10%;
margin-right: 10%;
}*/

div.wrapper div.content-fullwidth.fundo-destaque div.box div.box-blockquote {
padding-top: 7em;
padding-bottom: 7em;
}

/*div.wrapper div.content-fullwidth div.box-blockquote  {
margin-left: 14.9%;
margin-right: 14.9%;
margin-top: 5em;
margin-bottom: 5em;
margin-top: 5%;
margin-bottom: 5%;
}*/

/** box-text & numbers*/

div.wrapper div.content-center div.box-text,
div.wrapper div.content-center div.box-numbers {
/*position: relative;*/
overflow-x: hidden;
overflow-y: visible;
visibility: visible;
/*margin-left: 5%;
padding-right: 5%; Nota: aqui é padding e não margin pq se fosse margem o espaço seria acrescentado do lado direito do scroll e não do lado esquerdo do mesmo, que é no interior da caixa*/

height: 38em;
}

/** box-text*/

div.wrapper div.content-center div.box-text {
padding-right: 2em;
padding-left: 2em;
margin-right: 1em;
}







/*#video1landscape #video1portrait*/

/*
div.full-screen#home div.box div.box-video.abertura video#video1landscape {
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: right;
}
*/



div.full-screen#home div.box div.box-video.abertura video#video1landscape {
display: block;
}

div.full-screen#home div.box div.box-video.abertura video#video1portrait {
display: none;
object-fit: cover;
}



/** box-video*/

div.box-video {
position: relative;
width:100%;
/*margin-top: 5em;*/
/*margin-bottom: 5em;*/
/*height: auto;*/
}

div.box-video.abertura {
top: 50px;
}

/** Alinhamento dos elementos da box-video e da box-number */

div.wrapper div.content.content-center div.box div.box-blockquote,
div.wrapper div.content.content-center div.box div.box-number {
text-align: left;
}

div.wrapper div.content.content-center div.box div.box-video,
div.wrapper div.content.content-fullwidth div.box div.box-video,
div.wrapper div.content.content-larger div.box div.box-video {
text-align: center;
}

/*não têm css
div.box-image
div.box-audio
div.box-map
div.box-spotify
*/

div.top nav.collapse-navbar div.menu-one,
div.top nav.collapse-navbar div.menu-one div.languages,
/*div.top nav.collapse-navbar div.menu-one div.share-social-media, */
div.top nav.collapse-navbar div.menu-two,
div.top nav.collapse-navbar div.menu-two div.share-social-media,
div.top nav.collapse-navbar div.menu-two div.languages {
position: relative;
}

/* 02 TUDO DE: TOP E COLLAPSE-NAVBAR */


/*span.title-vertical_menu só aparece no menu vertical, qdo surge o toggle*/


/** items dos dois menus: lettering*/

div.top nav.collapse-navbar div.menu-one a,
div.top nav.collapse-navbar div.menu-one a.back-to-index,
div.top nav.collapse-navbar div.menu-one div.share-social-media a,
div.top nav.collapse-navbar div.menu-one div.languages a,


div.top nav.collapse-navbar div.menu-two a,
div.top nav.collapse-navbar div.menu-two h2,
div.top nav.collapse-navbar div.menu-two h3,
div.top nav.collapse-navbar div.menu-two button,
div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button,
div.top nav.collapse-navbar div.menu-two div.share-social-media a,
div.top nav.collapse-navbar div.menu-two div.languages a,
div.top nav.collapse-navbar div.menu-two div.languages button,

div.top nav.collapse-navbar div.menu-one button.openbtn,
div.top nav.collapse-navbar div.menu-two button.openbtn,
div.top nav.collapse-navbar div.menu-two button.openbtn,
.filet-img,

div.top nav.collapse-navbar div.menu-one button,
.navbar-brand, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link
 {
display: block;
text-align: center;
white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: #FFFFFF;
font-family: 'Firme-Bold', sans-serif;
font-size: 11px;
line-height: 15.5px;
text-transform: uppercase;
font-style: normal;
color: #f2f2f2!important;
padding: 5px 8px!important;

}

div.top nav.collapse-navbar div.menu-two p {
margin: 0;
margin-right: 1em;
display: inline-block;
pointer-events: none;
color: #f7ba10;
}

div.top nav.collapse-navbar div.menu-two div.menu-central a span.title-vertical_menu,
div.top nav.collapse-navbar div.menu-two div.menu-central a.special-item {
color: #FFFFFF;
}

div.top nav.collapse-navbar div.menu-two div.menu-central a.special-item.last-item {
margin-right: 0;
padding-right: 0;
}


div.top nav.collapse-navbar div.menu-two div.menu-central a span.title-vertical_menu {
padding-left: 0.3em;
}

div.top nav.collapse-navbar div.menu-two a.back-to-index {
color: #F2F2F2;
}




/** floats*/

div.top nav.collapse-navbar div.menu-one a,
div.top nav.collapse-navbar div.menu-two a,
div.top nav.collapse-navbar div.menu-two h2,
div.top nav.collapse-navbar div.menu-two h3
/*div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button*/ {
float: left;
}

div.top nav.collapse-navbar div.menu-two a div.zona-central div.menu-central a {
float: none;
}

div.top nav.collapse-navbar div.menu-one a.icon,
div.top nav.collapse-navbar div.menu-one button.openbtn,
div.top nav.collapse-navbar div.menu-two button.openbtn,

div.top nav.collapse-navbar div.menu-one div.share-social-media a,
div.top nav.collapse-navbar div.menu-one div.languages button,
div.top nav.collapse-navbar div.menu-two button,
div.top nav.collapse-navbar div.menu-two div.share-social-media a,
div.top nav.collapse-navbar div.menu-two div.languages button,
div.top nav.collapse-navbar div.menu-two div.languages button {
float: right;
}

/**filet*/

div.top nav.collapse-navbar div.menu-one div.filet::after,
div.top nav.collapse-navbar div.menu-two div.share-social-media div.filet::after {
content: "|";
font-family: 'Acta-Book', serif;
font-size: 3em;
color: #FFFFFF;
vertical-align: middle;
float: left;
font-weight: 800;
padding-top: 0.1em;
}

div.top nav.collapse-navbar div.menu-two div.share-social-media div.filet::after,
div.top nav.collapse-navbar div.menu-two div.languages div.filet::after {
float: right;
}

/**filet*/

.filet-img {
    background: url(//images.impresa.pt/expresso/2020-04-30-filet-branco.png/original);
    display: block;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 0.4px;
    height: 10px;
    border: 0px solid;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    box-sizing: unset;
    position: relative;
}


/**logo*/

div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo,
div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-one a.logo div#swap-logo {
background: url('//images.impresa.pt/expresso/2019-03-22-E_expresso.png-1/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/**swap logo*/

div.top nav.collapse-navbar div.menu-one a.logo div#swap-logo:hover {
opacity: 0.5;
}


/**hamburguer*/

div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer,
div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer:hover {
background: url('//images.impresa.pt/expresso/2020-06-24-pontos-cinza.png-2/original');
display: block;
background-size: 100px;
top: 0;
right: 0;
margin: 0 auto;
padding: 0;
width: 18px;
height: 18px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/**swap-hamburguer*/
div.top nav.collapse-navbar div.menu-one a#toggleButton div.swap-hamburguer:hover
 {

opacity: 0.5
}


/**Languages*/

div.top nav.collapse-navbar div.menu-one div.languages button {
border: 0px solid;
background-color: transparent;
border-right: 0.1em solid rgba(255, 255, 255, 0);
cursor: pointer;
}

/**swap-ingles*/

div.top nav.collapse-navbar div.menu-one div.languages button div.swap-ingles,
div.top nav.collapse-navbar div.menu-two div.languages button div.swap-ingles,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.languages button div.swap-ingles,

div.top nav.collapse-navbar.scroll-effects div.menu-two div.languages button div.swap-ingles,

div.top nav.collapse-navbar div.menu-one div.languages button div.swap-ingles:hover,
div.top nav.collapse-navbar div.menu-two div.languages button div.swap-ingles:hover {
background: url('//images.impresa.pt/expresso/2020-01-08-bandeira-inglesa.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;

/*border: 1px solid white;*/
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}



/**swap-espanhol*/

div.top nav.collapse-navbar div.menu-one div.languages button div.swap-espanhol,
div.top nav.collapse-navbar div.menu-two div.languages button div.swap-espanhol,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.languages button div.swap-espanhol,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.languages button div.swap-espanhol,
div.top nav.collapse-navbar div.menu-one div.languages button div.swap-espanhol:hover,
div.top nav.collapse-navbar div.menu-two div.languages button div.swap-espanhol:hover {
background: url('//images.impresa.pt/expresso/2020-01-08-bandeira-espanhola.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;

/*border: 1px solid white;*/
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}



/**swap-portugues*/

div.top nav.collapse-navbar div.menu-one div.languages button div.swap-portugues,
div.top nav.collapse-navbar div.menu-two div.languages button div.swap-portugues,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.languages button div.swap-portugues,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.languages button div.swap-portugues,
div.top nav.collapse-navbar div.menu-one div.languages button div.swap-portugues:hover,
div.top nav.collapse-navbar div.menu-two div.languages button div.swap-portugues:hover {
background: url('//images.impresa.pt/expresso/2020-01-08-bandeira-portuguesa.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;

/*border: 1px solid white;*/
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}


div.top nav.collapse-navbar div.menu-two div.languages button.selected {
opacity: .5;
cursor: unset;
}


/**Redes Sociais*/


/**swap-share*/

div.top nav.collapse-navbar div.menu-one button.openbtn,
div.top nav.collapse-navbar div.menu-two button.openbtn,
div.top nav.collapse-navbar.scroll-effects div.menu-one button.openbtn,
div.top nav.collapse-navbar div.menu-one button.openbtn:hover

  {
background: url('//images.impresa.pt/expresso/2020-09-18-share.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
width: 28px;
height: 28px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}



div.top nav.collapse-navbar div.menu-one div.sidepanel a.closebtn div.swap-share,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share:hover

  {
/*background: url('//images.impresa.pt/expresso/2020-06-24-share-cinza.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
width: 28px;
height: 28px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;*/

background: url(https://images.impresa.pt/expresso/2023-11-02-fechar.png-cbeca954/original);
display: block;
background-size: 100px;
top: 0;
left: 0;
width: 28px;
height: 28px;
width: 25px;
height: 25px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

div.sidepanel a {
position: relative;
}



/**swap-share


div.top nav.collapse-navbar div.menu-one div.sidepanel a.closebtn div.swap-share,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.sidepanel a.closebtn div.swap-share:hover
  {
background: url('//images.impresa.pt/expresso/2020-03-20-share.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
width: 28px;
height: 28px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

div.top nav.collapse-navbar.scroll-effects div.menu-one div#mySidepanel a.closebtn div.swap-share:hover {
opacity: .5;
}

.sidepanel .closebtn,
div.sidepanel a.closebtn {
position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    z-index: 100;
    background: #c32929f0;
}

*/







/**swap-linkedin*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-linkedin,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-linkedin,
div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin:hover {
background: url('https://images.impresa.pt/expresso/2022-04-27-linkedin.png-8ccaaaca/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/*div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-linkedin:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-linkedin:hover {
opacity: .5;
}*/

/**swap-whatsapp*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-whatsapp,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-whatsapp,
div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp:hover {
background: url('//images.impresa.pt/expresso/2020-09-18-whatsapp.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/*div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-whatsapp:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-whatsapp:hover {
opacity: .5;
}*/

/**swap-twitter*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-twitter,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-twitter {
background: url('https://images.impresa.pt/expresso/2023-09-19-logo-twitter.png-1583623d/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
/*color: #f3f0f0;*/
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
opacity: 1;
}

/**swap-twitter:hover*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-twitter:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-twitter:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-twitter:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-twitter:hover  {
background: url('https://images.impresa.pt/expresso/2023-09-19-logo-twitter.png-1583623d/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
/*color: #f3f0f0;*/
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
/*opacity: .5;*/
}



/**swap-facebook*/

div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a div.swap-facebook,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a div.swap-facebook,
div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook:hover {
background: url('//images.impresa.pt/expresso/2020-09-18-facebook.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 26px;
height: 26px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}

/*div.top nav.collapse-navbar div.menu-one div.share-social-media a div.swap-facebook:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a div.swap-facebook:hover {
opacity: .5;
}*/



/** Excepções à estilização dos items*/

/**botão dos "créditos" da modal box*/
div.top nav.collapse-navbar div.menu-two button {
background-color: transparent;
}



/** NAVBAR */

div.top nav.collapse-navbar div.menu-two button#creditsButton,
div.top nav.collapse-navbar div.menu-two button#interviewsButton {
display: block;
color: #FFFFFF;
}

.button:hover,
.button:active  {
    color: #FFFFFF;
  }

div.top nav.collapse-navbar div.menu-one div.languages button,
div.top nav.collapse-navbar div.menu-two div.languages button,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.languages button,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.languages button {
padding-left: 0;
padding-right: 8px;
}

div.top nav.collapse-navbar div.menu-one a.logo,
div.top nav.collapse-navbar div.menu-two button#creditsButton,
div.top nav.collapse-navbar div.menu-two button#interviewsButton,
div.top nav.collapse-navbar div.menu-one a.icon,
div.top nav.collapse-navbar div.menu-two a.back-to-index,
div.top nav.collapse-navbar div.menu-one div.languages
 {
padding-left: 14px;
}

div.top nav.collapse-navbar div.menu-one a.icon {
padding-left: 7px;
}

div.top nav.collapse-navbar div.menu-one button.openbtn {
padding-left: 20px;
padding-right: 20px;
}



div.top nav.collapse-navbar div.menu-two button#creditsButton,
div.top nav.collapse-navbar div.menu-two button#interviewsButton,
div.top nav.collapse-navbar div.menu-two button,
div.top nav.collapse-navbar div.menu-one a.icon {
padding-right: 17px;
}

div.top nav.collapse-navbar div.menu-one a.logo {
padding-right: 16px;
}

div.top nav.collapse-navbar div.menu-two div.share-social-media a:nth-child(1),
div.menu-two div.languages button:nth-child(1)  {
padding-right: 1em;
padding-right: 10px;
}

div.top nav.collapse-navbar div.menu-two div.share-social-media a:nth-child(4)  {
padding-left: .5em;
padding-left: 5px;
}


div.top nav.collapse-navbar div.menu-two a.back-to-index,
div.top nav.collapse-navbar div.menu-two div.zona-central,
div.top nav.collapse-navbar div.menu-two button#creditsButton,
div.top nav.collapse-navbar div.menu-two button#interviewsButton,
div.top nav.collapse-navbar div.menu-two button {
margin-top: 13px;
}


div.top nav.collapse-navbar div.menu-two button.idioma {
margin-top: 8px;
}

div.top nav.collapse-navbar div.menu-one a.icon {
/*margin-top: 11px;*/
margin-top: 9px;
}

div.top nav.collapse-navbar div.menu-two div.share-social-media a {
margin-top: 8px;
}

div.top nav.collapse-navbar div.menu-one button.openbtn,
div.top nav.collapse-navbar div.menu-one button.openbtn:hover
div.top nav.collapse-navbar div.menu-one div.sidepanel a.closebtn {
/*margin-top: 19px;*/
margin-top: 10px;
}

div.top nav.collapse-navbar div.menu-one a.logo {
margin-top: 6px;
}


div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(1),
div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(2),
div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(3),
div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(4),
div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(5),
div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(6)   {
/*margin-right: 1em;*/
margin-right: 8em;
}


div.top nav.collapse-navbar div.menu-two div.zona-central a:nth-child(7),
div.top nav.collapse-navbar div.menu-two div.zona-central a.last-item  {
margin-right: 0em;
}









/** current-item
div.top nav.collapse-navbar div.menu-two a.current-item {
pointer-events: none;
cursor: default;
border-bottom: 0.03em solid #FFF;
}*/

/** hover dos items e do button créditos*/

    /* :link | :visited | :hover | :active - selectors */
    /*** mouse over link */
div.top nav.collapse-navbar div.menu-two a.back-to-index:hover,
div.top nav.collapse-navbar div.menu-two div.share-social-media a:hover,
div.top nav.collapse-navbar div.menu-two button:hover {
opacity: 0.5;
}

div.top nav.collapse-navbar div.menu-two div.menu-central a:hover {
opacity: 0.5;
}

    /*** mouse over link
div.top nav.collapse-navbar div.menu-two button:focus {
color: #bfa060;
}*/

/** selected link
div.top nav.collapse-navbar div.menu-two a.increase-padding.links.selected {
border-bottom: 0.03em solid #FFF;
padding-left: 0.3em;
padding-right: 0.3em;
}*/

div.top nav.collapse-navbar div.menu-two a.no-vertical-border.selected,
div.top nav.collapse-navbar div.menu-two a.no-vertical-border span.title-vertical_menu.selected {
color: #f7ba10;
opacity: 1;
}


/** hover item back to index*/

div.top nav.collapse-navbar div.menu-two a.back-to-index:hover {
border-bottom: none;
}


div.top nav.collapse-navbar div.menu-one a.vertical-border,
div.top nav.collapse-navbar div.menu-one div.share-social-media a.vertical-border,

div.top nav.collapse-navbar div.menu-one a.vertical-border,
div.top nav.collapse-navbar div.menu-one div.languages button.vertical-border,

div.top nav.collapse-navbar div.menu-two a.vertical-border,
div.top nav.collapse-navbar div.menu-two h2.vertical-border,
div.top nav.collapse-navbar div.menu-two h3.vertical-border,
div.top nav.collapse-navbar div.menu-two button.vertical-border,
div.top nav.collapse-navbar div.menu-two div.share-social-media a.vertical-border,
div.top nav.collapse-navbar div.menu-two div.languages button.vertical-border
 {
border-right: 0.1em solid #FFFFFF;
}


/** no-vertical-border

div.top nav.collapse-navbar div.menu-one a.no-vertical-border,
div.top nav.collapse-navbar div.menu-one div.share-social-media a.no-vertical-border,
div.top nav.collapse-navbar div.menu-two a.no-vertical-border,
div.top nav.collapse-navbar div.menu-two h2.no-vertical-border,
div.top nav.collapse-navbar div.menu-two h3.no-vertical-border,
div.top nav.collapse-navbar div.menu-two button.no-vertical-border,
div.top nav.collapse-navbar div.menu-two div.share-social-media a.no-vertical-border{
border-right: 0.1em solid rgba(255, 255, 255, 0);
}*/

/** scroll: alterações na nav: cores e susbtituição do logo por outro*/

/*** quando fazemos scroll é aplicada à nav a classe scroll effects*/
div.top nav.collapse-navbar.scroll-effects {
display: block;
background-color: #015782;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
position: relative;
animation: animatetop 0.4s;
}

/*** quando fizemos scroll este é o logo que aparece na nav: black*/
div.top nav.collapse-navbar.scroll-effects div.menu-one a.only-scrolled_menu {
display: block;
}

/*** o logo que aparece quando não fazemos scroll, neste caso, desaparece*/
div.top nav.collapse-navbar.scroll-effects div.menu-one a.no-scrolled_menu {
display: none;
}

/*** cor dos items
div.top nav.collapse-navbar.scroll-effects div.menu-one a,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a,
div.top nav.collapse-navbar.scroll-effects div.menu-two a,
div.top nav.collapse-navbar.scroll-effects div.menu-two h2,
div.top nav.collapse-navbar.scroll-effects div.menu-two h3,
div.top nav.collapse-navbar.scroll-effects div.menu-two button,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a {
color: #f0f0f0;
}*/

/*div.top nav.collapse-navbar.scroll-effects div.menu-one a.logo {
background-color: #1a1a1a;
}*/


/*** cor do vertical-border dos items
div.top nav.collapse-navbar.scroll-effects div.menu-one a.vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a.vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two a.vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two h2.vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two h3.vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two button.vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a.vertical-border {
}*/

/*** cor do no-vertical-border dos items: transparente
div.top nav.collapse-navbar.scroll-effects div.menu-one a.no-vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-one div.share-social-media a.no-vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two a.no-vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two h2.no-vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two h3.no-vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two button.no-vertical-border,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a.no-vertical-border{
}*/

/*** cor do border-bottom do hover dos items*/
/*div.top nav.collapse-navbar.scroll-effects div.menu-two a:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two a.back-to-index:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media a:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two button:hover {
color: #f0f0f0;
}

div.top nav.collapse-navbar.scroll-effects div.menu-two a:hover {
color: #f0f0f0;
}*/










/*div.top nav.collapse-navbar.scroll-effects #myMenuTwo a.active {
color: #f00;
}*/

/*** tirar o border-bottom do hover destes dois items*/
div.top nav.collapse-navbar.scroll-effects div.menu-two a.back-to-index:hover,
div.top nav.collapse-navbar.scroll-effects div.menu-two div.share-social-media.only-large-devices a:hover {
border-bottom:none;
}

/*** cor border-bottom do current-item*/
div.top nav.collapse-navbar.scroll-effects div.menu-two a.current-item {
pointer-events: none;
cursor: default;
border-bottom: 0.03em solid #FFFFFF;
text-decoration-color:none;
}


/** button créditos e modal box (cx pop up)*/

div.top nav.collapse-navbar div.menu-two div.modal-box-container {
z-index: 3;
display:none;
position: fixed;
right: 0;
top: 0;
overflow: auto;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content {
margin: auto;
    position: relative;
    padding: 0;
    outline: 0;
    /* width: 228px; */
    width: 100%;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.89) 77%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.89) 77%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, #191919 0%,rgba(0,0,0,0.89) 77%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

/*div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text {
}*/

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button.close {
/*z-index: 6;
position: absolute;
right: 0;
top: 0;
color: #ffffff;
background-color: #d35251;
margin: 0em;
border-bottom: 0em;
padding: 0.8rem 1.6rem;*/
display: none;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button.close:hover {
color: #ffffff;
background-color: #d86665;
}

.topright {
position: absolute;
right: 0;
top: 0;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text cite {
    font-family: Firme-Medium, sans-serif;
    font-size: 1.2em;
    line-height: 1.1em;
    letter-spacing: 0.05em;
    text-align: left;
    color: rgb(90, 90, 90);
    display: block;
    z-index: 100;
    opacity: 1;
    text-transform: uppercase;
    margin: 0px 0px 0.7em;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text cite span.media-name {
font-weight: 400;
text-transform: uppercase;
padding-right: 0.3em;
text-align: center;
display: block;
color: #f0f0f0;

}


div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6,
div.wrapper div.content-center.last-content div.credits h6 {
font-family: 'ExpressoSansThinCapitalsRegular', serif;
font-size: 0.9em;
font-weight: 500;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
line-height: 1.5em;
margin: 2em auto 0 auto;
color: #f2f2f2;
}










/* 04 TUDO DE: WRAPPER */


/** imagens em parallax ao longo do texto*/

/*div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-2 {
background-image: url('//img/escolhidas/AF5_1779.jpg');
min-height: 66em;
}

div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-3 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_2084.jpg/original');
min-height: 66em;
}

div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-4 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_1756.jpg/original');
min-height: 66em;
}

div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-5 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_2062.jpg/original');
min-height: 66em;
}


div.wrapper div.content.content-fullwidth div.box div.box-parallax.bg-img-6 {
background-image: url('//images.impresa.pt/expresso/2018-02-23-AF5_1695.jpg-1/original');
min-height: 66em;
}*/

/** div.box-video > video */

div.box div.box-video video
{
width: 100%;
height: 100%;
}

div.wrapper div.content.content-fullwidth div.box div.box-video div.video-overlay {
background: #191919;
opacity: 0.8;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure {
background: rgba(255, 255, 255, 0.18);
display: -ms-flex;
display: -webkit-flex;
display: flex;
border-radius: 100%;

position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
display: inline-block;
background: none;
border-radius: 100%;
margin: auto;
/* -webkit-transition-duration: 0.4s;
transition-duration: 0.4s; */
border: 0.2em solid #FFF;

width: 14em;
    height: 14em;
}

div.wrapper div.content-fullwidth div.box div.box-video div.video-overlay figure button::after {
    border-width: 3em 0 3em 5em;
    top: 0.1em;
    left: 0.3em;
    position: relative;
    content: '';
    display: inline-block;
    border-style: solid;
    border-color: transparent transparent transparent white;
}



/** div.box-video > iframe */

div.wrapper div.content.content-center div.box div.box-video iframe,
div.wrapper div.content.content-fullwidth div.box div.box-video iframe,
div.wrapper div.content.content-larger div.box div.box-video iframe {
width: 100%;
}

div.wrapper div.content.content-center div.box div.box-video iframe {
height: 39.9em;
}

div.wrapper div.content.content-fullwidth div.box div.box-video iframe,
div.wrapper div.content.content-larger div.box div.box-video iframe {
height: 83.9em;
}

/** spotify*/

div.wrapper div.content.content-center div.box div.box-spotify {
position: relative;
height: auto;
}

div.wrapper div.content.content-center div.box div.box-spotify iframe {
width: 100%;
height: 28em;
}

/** audio*/

div.wrapper div.content.content-center div.box div.box-audio audio,
div.wrapper div.content.content-fullwidth div.box div.box-audio audio,
div.wrapper div.content.content-larger div.box div.box-audio audio {
width: 100%;
height: 3.2em;
}

/** mapa*/

div.wrapper div.content.content-center div.box div.box-map iframe {
width: 100%;
height: 50em;
}

div.wrapper div.content-fullwidth div.box div.box-map iframe,
div.wrapper div.content-larger div.box div.box-map iframe {
width: 100%;
height: 60em;
}

/** slideshow*/

div.wrapper div.content-fullwidth div.box-slideshow img.mySlides,
div.wrapper div.content-center div.box-slideshow img.mySlides,
div.wrapper div.content-larger div.box-slideshow img.mySlides {
margin-left: auto;
margin-right: auto;
}

/*div.wrapper div.content-fullwidth div.box-slideshow button,
div.wrapper div.content-center div.box-slideshow button,
div.wrapper div.content-larger div.box-slideshow button {
padding: 1.1em 1.1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
display: inline-block;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 50%;
margin: auto;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
border: 0.2em solid #FAA61A;
}*/

/*.content-fullwidth .box-slideshow button:hover,
.content-center .box-slideshow button:hover {
box-shadow: 0 8px 16px 0
rgba(0, 0, 0, 0.2), 0 6px 20px 0
rgba(0, 0, 0, 0.19);
}*/

div.wrapper div.content-fullwidth div.box-slideshow button:disabled,
div.wrapper div.content-center div.box-slideshow button:disabled,
div.wrapper div.content-larger div.box-slideshow button:disabled {
cursor: not-allowed;
opacity: 0.3;
box-shadow: none;
}

div.wrapper div.content-fullwidth div.box-slideshow button:hover,
div.wrapper div.content-center div.box-slideshow button:hover,
div.wrapper div.content-larger div.box-slideshow button:hover {
color: #FAA61A;
background-color: rgba(0, 0, 0, 0);
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left,
div.wrapper div.content-center div.box-slideshow button.button-display-left,
div.wrapper div.content-larger div.box-slideshow button.button-display-left {
position: absolute;
left: 2em;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right,
div.wrapper div.content-center div.box-slideshow button.button-display-right,
div.wrapper div.content-larger div.box-slideshow button.button-display-right {
position: absolute;
right: 2em;
}

div.wrapper div.content-fullwidth div.box-slideshow button i,
div.wrapper div.content-center div.box-slideshow button i,
div.wrapper div.content-larger div.box-slideshow button i {
/*border: solid;
border-width: 0 0.4em 0.4em 0;
display: inline-block;
padding: 1em;*/
border: solid;
border-width: 0 0.35em 0.35em 0;
display: inline-block;
padding: 0.6em;
color: #FAA61A;
position: relative;
top: 0.1em;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right,
div.wrapper div.content-center div.box-slideshow button.button-display-right,
div.wrapper div.content-larger div.box-slideshow button.button-display-right {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}

/*div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left,
div.wrapper div.content-center div.box-slideshow button.button-display-left,
div.wrapper div.content-larger div.box-slideshow button.button-display-left {

}*/

/*caso seja necessário. não está a ser usada*/
div.wrapper div.content-fullwidth div.box-slideshow button i.up,
div.wrapper div.content-center div.box-slideshow button i.up,
div.wrapper div.content-larger div.box-slideshow button i.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

/*caso seja necessário. não está a ser usada*/
div.wrapper div.content-fullwidth div.box-slideshow button i.down,
div.wrapper div.content-center div.box-slideshow button i.down,
div.wrapper div.content-larger div.box-slideshow button i.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

/** Lettering corpo principal do texto: espaço entre parágrafos*/

div.wrapper div.content-center p,
div.wrapper div.content-fullwidth p,
div.wrapper div.content-larger p {
display: block;
/*-webkit-margin-before: 1em;*/
-webkit-margin-before: 1.6em;
-webkit-margin-after: 1.5em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

/** Lettering corpo principal do texto: highlight no texto*/

div.wrapper div.content.content-center p mark,
div.wrapper div.content.content-center div.box div.box-text p mark {
background-color: rgba(201, 202, 191, 0.42);
color: #000;
}

mark {
padding-left: 0.3em;
padding-right: 0.3em;
}

mark.amarela {
background-color: #b5978f;
}

mark.azul {
background-color: #6a7979;
}

/** Lettering corpo principal do texto: introdução*/

div.wrapper div.content.content-center div.intro {
position: relative;
margin-top: 7em;
margin-bottom: 10em;
}

div.wrapper div.content.content-center div.intro p {
/* font-family: 'SamsungSharpSans-Bold'; */
/* font-family: 'SamsungSharpSans-Medium'; */
font-family: 'SamsungSharpSans-Regular';
font-size: 2.1em;
line-height: 1.5em;
/* text-shadow: 0px 0px 0.1px black; */
text-align: center;
color: #000000;
}

div.wrapper div.content.content-center div.intro h4.data {
position: relative;
bottom: 0;
display: block;
font-family: 'Heebo-Regular';
font-size: 1.25em;
letter-spacing: 0.05em;
color: #000000;
text-transform: uppercase;
font-style: normal;
text-align: center;
}


div.wrapper div.content.content-center div.intro p.article_Signature.bordered{
display: block;
border: 0.5px solid #000000;
border-left-width: 0;
border-right-width: 0;
padding: 0.2em 0 0.45em 0;
margin-top: 1em;
line-height: 96%;
width: 70%;
margin: 0 auto 0 auto;
margin-top: 2.2em;
}

div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura1,
div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura2 {
color: #000000;
font-size: 0.6em;
text-transform: uppercase;
font-weight: 100;
font-family: Firme-light,sans-serif;
line-height: 0em;
}

div.wrapper div.content.content-center div.intro p.article_Signature.bordered span.assinatura2 {
color:#000000;
    font-family: Firme-Bold,sans-serif;
    font-weight: 100;
    font-size: 0.58em;
    text-transform: uppercase;
    margin-right: -0.1em;
    margin-left: -0.1em;
}



div.wrapper div.content.content-center div.intro h6 {
font-size: 2.2em;
font-weight: 100;
text-align: left;
-webkit-margin-before: 1em;
/* -webkit-margin-after: 0em; */
color: #000000;
font-family: Firme-Medium,sans-serif;
letter-spacing: 0em;
}

div.wrapper div.content.content-larger div.intro h6 span.h6-de {
font-weight: 100;
font-family: Firme-light,sans-serif;
}



/** Lettering corpo principal do texto: texto e listas*/

div.wrapper div.content.content-center > p ,
div.wrapper div.content.content-center > ul {
font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: 0.02em;
    border-bottom-color: inherit;
    color: #FFFFFF;
}

div.wrapper div.content.content-center.last-content > h2 {
font-family: 'Staatliches', sans-serif;
    font-weight: 400;
    font-size: 3.2em;
text-align: center;
    line-height: 1.15;
    letter-spacing: 0.015em;
    padding-bottom: 0em;
    color: #FFFFFF;
}

div.wrapper div.content.content-center.last-content > a p.texto_leia_mais {
font-family: 'Firme-Book', sans-serif;
font-kerning: normal;
font-size: 1.5em;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
border-bottom-style: none;
border-bottom-width: 0px;
border-bottom-color: inherit;
color: #fff;
padding-top: 1em;
padding-bottom: 0;
margin-top: 2em;
margin-bottom: 3em;
text-align: center;
text-decoration: none;
}




/** Lettering corpo principal do texto: fist-paragraph*/

div.wrapper div.content.content-center > p#fist-paragraph {
margin-top: 5em;
}

/** Lettering corpo principal do texto: first-letter of fist-paragraph*/

/*div.wrapper div.content.content-center > p#fist-paragraph::first-letter {
font-family: Acta-Book, serif;
width: 0.7em;
font-size: 400%;
line-height: 80%;
float: left;
color: #f0f0f0;
line-height: 0.86em;
display: block;
float: left;
margin-top: -0.05em;
margin-left: -0.4%;
margin-right: 2.1%;
margin-bottom: -1%;
}*/

div.wrapper div.content.content-center > p span#first-letter {


/*color: #e03969;
font-size: 731%;
float: left;
padding: 0;
display: block;
margin-top: 6%;
line-height: 41%;
padding-right: 0.05em;
font-family: 'SamsungSharpSans-Bold';
font-family: 'SamsungSharpSans-Medium';
font-family: 'SamsungSharpSans-Regular';*/

    color: #e4ac0f;
    font-size: 739%;
    float: left;
    padding: 0;
    display: block;
    margin-top: 6.5%;
    line-height: 47%;
    padding-right: 0.05em;
    font-family: 'SamsungSharpSans-Bold';
    font-family: 'SamsungSharpSans-Medium';
    font-family: 'SamsungSharpSans-Regular';
}

/** Lettering corpo principal do texto: bold*/

div.wrapper div.content.content-center p b {
color: #f2f2f2;
}

/** Lettering corpo principal do texto: aspas (quote)*/

div.wrapper div.content.content-center > p.quote {
font-family: Georgia,serif;
}

/** Lettering corpo principal do texto: aspas (first-quote::before)*/

div.wrapper div.content.content-center > p.first-quote::before
 {
content: open-quote;
quotes: "\201C""\201D" "\2018""\2019";
quotes: "“" "”";
font-family: 'Firme-Black', sans-serif;
font-weight: 800;
font-size: 6em;
line-height: 0em;
display: block;
float: left;
margin-top: 0.22em;
padding-right: 16px;
}

/** Lettering corpo principal do texto: headings*/

div.wrapper div.content.content-center > h2.cap-img-mobile {
display: none;
}

div.wrapper div.content.content-center > h2,
div.wrapper div.content.content-center > h2 span.chapters,
div.wrapper div.content.content-center > h3 {
font-family: 'ExpressoSansThinCapitalsRegular', serif;
display: block;
}

/** Lettering corpo principal do texto: h2*/


div.wrapper div.content.content-center > h1,
div.wrapper div.content.content-center > h2.inter {
font-size: 4.5em;
line-height: 1.1em;
/* letter-spacing: -0.03em; */
text-transform: initial;
color: #000000;
text-align: center;
font-family: 'SamsungSharpSans-Bold';
/* font-family: 'SamsungSharpSans-Medium'; */
/* font-family: 'SamsungSharpSans-Regular'; */
margin: 1em auto 1.5em;
width: 100%;
font-weight: 100;
}

div.wrapper div.content.content-center > h2.inter {
font-size: 3em;
}


div.wrapper div.content.content-center > h2.dia {
font-size: 1.2em;
line-height: 0em;
letter-spacing: 0.07em;
text-transform: initial;
color: #ffffff;
text-align: left;
/* font-family: 'SamsungSharpSans-Bold'; */
/* font-family: 'SamsungSharpSans-Medium'; */
/* font-family: 'SamsungSharpSans-Regular'; */
background-color: #000000;
padding: 1.2em 0.8em 1em 0.8em;
width: max-content;
font-family: 'Heebo-Medium';
text-transform: uppercase;
font-weight: 100;
margin-bottom: 2em;
}

div.wrapper div.content.content-center > h2.provincia {
font-size: 1.9em;
line-height: 1.1em;
letter-spacing: -0.03em;
text-transform: initial;
color: #000000;
text-align: center;
/* font-family: 'SamsungSharpSans-Bold'; */
/* font-family: 'SamsungSharpSans-Medium'; */
font-family: 'SamsungSharpSans-Regular';
/* display: inline-block; */
/* padding-right: 0.3em; */
margin-bottom: 0.5em;
}

div.wrapper div.content.content-center > h2.localidade {
font-size: 2em;
line-height: 1.1em;
letter-spacing: -0.03em;
text-transform: initial;
color: #000000;
text-align: center;
/* font-family: 'SamsungSharpSans-Bold'; */
font-family: 'SamsungSharpSans-Medium';
/* font-family: 'SamsungSharpSans-Regular'; */
/* display: inline-block;*/
}




div.wrapper div.content.content-center > h2.sub-h2 {
font-size: 3.5em;
    line-height: 1.1em;
    letter-spacing: -0.03em;
    text-transform: initial;
    color: #000000;
    text-align: left;
    /* font-family: 'SamsungSharpSans-Bold'; */
    /* font-family: 'SamsungSharpSans-Medium'; */
    font-family: 'SamsungSharpSans-Regular';
}

/** Lettering corpo principal do texto: h2 span.chapters*/


div.wrapper div.content.content-center > h2 span.chapters {
font-size: 0.9em;
font-weight: 500;
line-height: 1.3em;
margin-top: 0.5em;
padding-bottom: 0.24em;
margin-bottom: -0.3em;
}

/** Lettering corpo principal do texto: h3*/
div.wrapper div.content.content-center > h2.cap-img-mobile,
div.wrapper div.content.content-center > h3,
div.wrapper div.content.content-center > h4,
div.wrapper div.content.content-center > h4.infografia-subh3 {
/*font-family: 'ExpressoSansThinCapitalsRegular', serif;*/
font-family: 'Firme-Light', sans-serif;
font-size: 2em;
line-height: 1.3em;
font-weight: 1000;
/* margin-top: 1.5em; */
text-transform: initial;
color: #49bcac;
letter-spacing: -0.01em;
}

div.wrapper div.content.content-center > h2.cap-img-mobile {
font-size: 5em;
text-align: center;
}

div.wrapper div.content.content-center > h3.infografia {
margin-bottom: 0.1em;
}

div.wrapper div.content.content-center > h4 {
font-family: 'Firme-Bold', sans-serif;
font-size: 2.1em;
margin-bottom: -1em;
margin-top: 2.1em;
}



div.wrapper div.content.content-center > h3.sem-h4 {
margin-top: 2.5em;
}

div.wrapper div.content.content-center > h4.infografia-subh3 {
font-size: 1.7em;
letter-spacing: 0.03em;
font-family: 'Firme-Bold', sans-serif;
margin-top: 1.5em;
margin-bottom: -1em;
}


div.wrapper div.content.content-center.epilogo > p,
div.wrapper div.content.content-center.epilogo > h3 {
text-align: center;
font-style: italic;
}

/** Lettering corpo principal do texto: h3.question*/

div.wrapper div.content.content-center > h3.question {
font-family: 'SamsungSharpSans-Bold';
    font-size: 2.1em;
    font-weight: 800;
    text-align: left;
    line-height: 1.3em;
    margin-bottom: -0.8em;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #000000;
}

/** Lettering corpo principal do texto: h3.question::before*/

div.wrapper div.content.content-center > h3.question::before {
content: "p. ";
}*/

/** Lettering caixa de números*/

div.wrapper div.content.content-center div.box div.box-numbers > p {
font-family: "Firme-Book",sans-serif;
font-size: 2em;
line-height: 1.2em;
margin-top: 0;
font-weight: 700;
color: #000000;
opacity: 1;
}

/** Lettering caixa de texto */

/** Lettering caixa de texto: alinhamento do texto*/

div.wrapper div.content.content-center div.box div.box-text > p,
div.wrapper div.content.content-center div.box div.box-text > h2,
div.wrapper div.content.content-center div.box div.box-text > h3,
div.wrapper div.content.content-center div.box div.box-text > h4 {
text-align: left;
}

/** Lettering caixa de números: h2*/

div.wrapper div.content.content-center div.box div.box-numbers > h2 {
font-family: "Georgia",serif;
font-size: 1.5em;
line-height: 1.4em;
letter-spacing: 0.01em;
font-weight: 700;
margin-top: 0.5em;
padding-right: 6%;
text-transform: none;
text-align: right;
text-transform: uppercase;
font-family: "Firme-medium",sans-serif;
}

/** Lettering caixa de números: h3*/

div.wrapper div.content.content-center div.box div.box-numbers > h3 {
font-family: "Firme-Black",sans-serif;
font-size: 2.4em;
line-height: 0.55em;
letter-spacing: -0.04em;
font-weight: 800;
margin-top: 1.5em;
margin-bottom: 0.4em;
padding-right: 20%;
text-transform: uppercase;
}

/** Lettering caixa de um número SÓ*/

div.wrapper div.content-center div.box div.box-number blockquote,
div.wrapper div.content-center div.box.box-left div.box-number blockquote,
div.wrapper div.content-center div.box.box-right div.box-number blockquote {
font-family: Georgia,serif;
font-weight: 800;
font-size: 2.8em;
line-height: 1.4em;
letter-spacing: 0.01em;
display: block;
}

      /*** left and right */
      div.wrapper div.content-center div.box.box-left div.box-number blockquote,
      div.wrapper div.content-center div.box.box-right div.box-number blockquote {
      font-family: Georgia,serif;
      font-weight: 700;
      font-size: 2.2em;
      line-height: 1.4em;
      letter-spacing: -0.02em;
      }

div.wrapper div.content-center div.box div.box-number blockquote span.number-description,
div.wrapper div.content-center div.box.box-left div.box-number blockquote span.number-description,
div.wrapper div.content-center div.box.box-right div.box-number blockquote span.number-description {
opacity: 0.6;
}

/*** center, left and right: span number */
div.wrapper div.content-center div.box div.box-number blockquote h2.number,
div.wrapper div.content-center div.box.box-left div.box-number blockquote h2.number,
div.wrapper div.content-center div.box.box-right div.box-number blockquote h2.number {
font-size: 2.8em;
padding-bottom: 0.5em;
opacity: 1;
}

/** Lettering das div.box div.box-blockquote blockquote*/

div.wrapper div.content.content-center div.box.box-left div.box-blockquote blockquote,
div.wrapper div.content.content-center div.box.box-right div.box-blockquote blockquote,
div.wrapper div.content.content-center div.box div.box-blockquote blockquote,
div.wrapper div.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content-larger div.box div.box-blockquote blockquote {
font-family: 'Acta-Book', serif;
font-weight: 800;
letter-spacing: -0.01em;
margin-left: 0em;
margin-right: 0em;
}


    /*** especificidaes center*/

div.wrapper div.content.content-center div.box div.box-blockquote blockquote {
font-size: 2.8em;
line-height: 1.4em;
letter-spacing: 0.01em;
}

    /*** especificidaes floats left and right*/

div.wrapper div.content.content-center div.box.box-left div.box-blockquote blockquote,
div.wrapper div.content.content-center div.box.box-right div.box-blockquote blockquote {
font-size: 2.2em;
letter-spacing: -0.02em;
}

    /*** especificidaes fullwidth*/

div.wrapper div.content.content-fullwidth.fundo-destaque {
background-color: #000000;
}

/*div.wrapper div.content.content-fullwidth.fundo-destaque div.destaque.box.content {
}*/


div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-family: 'GlosaDisplay-Black';
/*font-size: 5.4em;
line-height: 1.12em;*/
font-size: 3.6em;
line-height: 1.2em;
color: #602427;
letter-spacing: 0.05em;
}

/** Lettering das <blockquote>: div.box div.box-blockquote blockquote::before */

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote.citacao::before,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote.citacao::before {
content: open-quote;
quotes: "\201C""\201D" "\2018""\2019";
quotes: "“" "”";
position: absolute;
top: 0.89em;
left: -0.6em;
font-family: 'GlosaDisplay-Black';
font-weight: 500;
font-size: 3.3em;
line-height: 0em;
color: #602427;
}


/** Lettering das <blockquote> float: div.box div.box-blockquote blockquote::before */

div.wrapper div.content.content-center div.box.box-left div.box-blockquote blockquote::before,
div.wrapper div.content.content-center div.box.box-right div.box-blockquote blockquote::before,
div.wrapper div.content.content-center div.box div.box-blockquote blockquote::before
 {
content: open-quote;
/*quotes: "\201C""\201D" "\2018""\2019";*/
quotes: '"' '"';
font-family: 'GlosaDisplay Black';
/*font-family: Georgia,serif;*/
font-weight: 800;
font-size: 6em;
line-height: 0em;
display: block;
float: left;
margin-top: 0.22em;
padding-right: 16px;
}


/** Lettering das div.box div.box-blockquote blockquote: cite */

div.wrapper div.content.content-center div.box.box-left div.box-blockquote cite,
div.wrapper div.content-center div.box.box-right div.box-blockquote cite,
div.wrapper div.content-center div.box div.box-blockquote cite,
div.wrapper div.content-fullwidth div.box div.box-blockquote cite,
div.wrapper div.content-larger div.box div.box-blockquote cite {
font-family: Firme-Bold-Italic,sans-serif;
font-weight: 800;
display: block;
font-style: normal;
color: #a00000;
}

    /*** especificidades cite center*/
div.wrapper div.content-center div.box div.box-blockquote cite {
font-size: 2.2em;
line-height: 1.2em;
margin-top: 1em;
}

    /*** especificidades cite floats left and right*/
div.wrapper div.content-center div.box.box-left div.box-blockquote cite,
div.wrapper div.content-center div.box.box-right div.box-blockquote cite {
font-size: 2em;
line-height: 1.2em;
margin-top: 1em;
}


    /*** especificidades cite fullwidth*/
div.wrapper div.content-fullwidth div.box div.box-blockquote cite,
div.wrapper div.content-larger div.box div.box-blockquote cite {
font-size: 2.2em;
line-height: 0.9em;
margin-top: 0.6em;
}

/*** especificidades cite-position center*/
div.wrapper div.content-center div.box div.box-blockquote cite span.cite-position {
font-family: "Firme-Light",sans-serif;
font-weight: 800;
display: block;
font-style: normal;
font-size: 0.88em;
line-height: 1em;
margin-top: 0.2em;
letter-spacing: 0.02em;
}

    /*** especificidades cite-position floats left and right*/
div.wrapper div.content-center div.box.box-left div.box-blockquote cite span.cite-position,
div.wrapper div.content-center div.box.box-right div.box-blockquote cite span.cite-position,
div.wrapper div.content-fullwidth div.box div.box-blockquote cite span.cite-position,
div.wrapper div.content-larger div.box div.box-blockquote cite span.cite-position
 {
font-family: "Firme-Medium",sans-serif;
font-weight: 500;
display: block;
font-style: normal;
font-size: 0.9em;
line-height: 1em;
margin-top: 0.2em;
}


    /*** especificidades cite-position center*/
div.wrapper div.content-fullwidth div.box div.box-blockquote cite span.cite-position,
div.wrapper div.content-larger div.box div.box-blockquote cite span.cite-position {
font-family: "Firme-Light",sans-serif;
font-weight: 800;
display: block;
font-style: normal;
font-size: 0.8em;
line-height: 1em;
margin-top: 0.2em;
}

/** figcaption/div.captions-media, cite, span.media-name e footnote */

    /*** figcaption/div.captions-media*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image figcaption,

/*image*/
div.wrapper div.content-center div.box figure.box-image figcaption,
div.wrapper div.content-fullwidth figure.box-image figcaption,
div.wrapper div.content-larger figure.box-image figcaption,

/*video e audio*/
div.wrapper div.content-center div.box div.captions-media,
div.wrapper div.content-fullwidth div.box div.captions-media,
div.wrapper div.content-larger div.box div.captions-media,
/*parallax*/
div.wrapper div.content-fullwidth div.box div.captions-media,
/*slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides figcaption,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption,
div.wrapper div.content-larger div.slideshow-container figcaption,
div.wrapper div.content-fullwidth div.slideshow-container figcaption
 {
font-family: 'Heebo-Regular';
font-weight: 100;
font-size: 1.4em;
line-height: 1.25em;
margin-top: 0.6em;
}

div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption span.espaco-dta,
div.wrapper div.content-larger div.box div.box-image figcaption span.espaco-dta,
div.wrapper div.content-larger div.slideshow-container figcaption span.espaco-dta,
div.wrapper div.content-fullwidth div.slideshow-container figcaption span.espaco-dta {
padding-right: 0.2em;
}

div.wrapper div.content-center div.box figure.box-image figcaption span.creditofoto {
font-family: "Firme-Medium",sans-serif;
font-size: 0.7em;
text-transform: uppercase;
padding-left: 0.5em;
}

/*slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption {
color: #f2f2f2;
opacity: 1;
margin-top: 0em;
}

/*fotos*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.pre-figcaption,

div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.pre-figcaption,

div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption span.pre-figcaption,

div.wrapper div.content-fullwidht div.box figure.box-image figcaption span.pre-figcaption,
div.wrapper div.content-larger div.box figure.box-image figcaption span.pre-figcaption,
div.wrapper div.content-center div.box figure.box-image figcaption span.pre-figcaption,
div.wrapper div.content-larger div.slideshow-container figcaption span.pre-figcaption,
div.wrapper div.content-fullwidth div.slideshow-container figcaption span.pre-figcaption {
font-size: 1em;
line-height: 1.3em;
margin-top: 0.5em;
color: #000000;
text-transform: uppercase;
font-family: 'Heebo-Medium';
/*padding-right: 0.5em;*/
}

div.wrapper div.content-larger div.slideshow-container figcaption span.foto-number,
div.wrapper div.content-fullwidth div.slideshow-container figcaption span.foto-number {
line-height: 0em;
color: #ffffff;
text-align: left;
background-color: #e4ac0f;
padding: 0.1em 0.5em 0em 0.5em;
width: max-content;
font-family: 'Heebo-Medium';
text-transform: uppercase;
font-weight: 100;
margin-right: 0.25em;
vertical-align: middle;
font-size: 0.7em;
}


/*div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background {
background-color: #000;
opacity: 0.8;
top: -10em;
position: relative;
padding-top: 2em;
padding-bottom: 2em;
}*/


/*image*/
div.wrapper div.content-center div.box figure.box-image figcaption,
/*video e audio*/
div.wrapper div.content-center div.box div.captions-media,
/*slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption {
float: left;
clear: both;
width: 100%;
}

/*** cite*/

/*video-intro*/
div.video-intro div.box cite.media-cite,
/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image cite,
/*Legenda da imagem do parallax*/
div.content.content-fullwidth div.box.only-large-devices cite.media-cite,
div.content.content-larger div.box.only-large-devices cite.media-cite,
/*image*/
div.wrapper div.content-center div.box figure.box-image cite,
div.wrapper div.content-fullwidth figure.box-image cite,
div.wrapper div.content-larger figure.box-image cite,
div.wrapper div.content-larger figure.box-image figcaption cite,
/*video audio*/
div.wrapper div.content-center div.box cite.media-cite,
div.wrapper div.content-fullwidth div.box cite.media-cite,
div.wrapper div.content-larger div.box cite.media-cite,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite,
div.wrapper div.content-larger div.slideshow-container figcaption cite,
div.wrapper div.content-fullwidth div.slideshow-container figcaption cite
 {
text-transform: lowercase;
font-style: normal;
font-family: 'Heebo-Regular';
font-weight: 100;
font-size: 0.8em;
margin-top: 0.2em;
color: #666666;
}


div.wrapper div.content-larger figure.box-image figcaption cite,
div.wrapper div.content-larger div.slideshow-container figcaption cite,
div.wrapper div.content-fullwidth div.slideshow-container figcaption cite {
display: block;
}


/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background cite,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background cite
 {
color: #f2f2f2;
opacity: 1;
}


/*** span.media-name*/

/*video-intro*/
div.video-intro div.box cite.media-cite span.media-name,
/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image cite span.media-name,
/*Legenda da imagem do parallax*/
div.content.content-fullwidth div.box.only-large-devices cite.media-cite span.media-name,
/*image*/
div.wrapper div.content-center div.box figure.box-image cite span.media-name,
div.wrapper div.content-fullwidth figure.box-image cite span.media-name,
div.wrapper div.content-larger figure.box-image cite span.media-name,
/*video audio*/
div.wrapper div.content-center div.box cite span.media-name,
.content-fullwidth div.box cite span.media-name,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides cite span.media-name,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides cite span.media-name,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite span.media-name,
div.wrapper div.content-larger div.slideshow-container figcaption cite span.media-name,
div.wrapper div.content-fullwidth div.slideshow-container figcaption cite span.media-name
 {
/*font-family: "Firme-Light",sans-serif;
font-size: 1.1em;
line-height: 1.55em;
font-weight: 800;
text-transform: uppercase;
padding-right: 0.58em;*/

padding-right: 0.4em;
text-transform: uppercase;
}

/*** footnote*/

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote p,
/*image*/
div.wrapper div.content.content-center div.box figure.box-image div.footnote p,
div.wrapper div.content.content-fullwidth figure.box-image div.footnote p,
div.wrapper div.content.content-larger figure.box-image div.footnote p,
/*video audio*/
div.wrapper div.content.content-center div.box div.footnote p,
div.wrapper div.content.content-fullwidth div.box div.footnote p,
div.wrapper div.content.content-larger div.box div.footnote p,
/*box-slideshow*/
div.wrapper div.content.content-center div.box div.box-slideshow.slider div.footnote p,
div.wrapper div.content.content-fullwidth div.box div.box-slideshow.slider div.footnote p,
div.wrapper div.content.content-larger div.box div.box-slideshow.slider div.footnote p
 {
font-family: "Firme-Light",sans-serif;
font-size: 1.15em;
line-height: 1.4em;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
margin-top: 1em;
margin-bottom: 0em;
text-align: left; /*ALTERADO*/
}

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote p,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote p,
/*video audio*/
div.wrapper div.content-center div.box div.footnote p,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote p {
float: left;
/*ALTERADO float: right;*/
clear: both;
width: 100%;
}


/** credits ao final do texto */

div.wrapper div.content-center div.credits.only-small-devices {
display: none;
}

div.wrapper div.content-center div.credits {
text-align: center;
margin: 5em 0;
}

div.wrapper div.content-center div.credits h3.ending-text-credits-title,
div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button h6 {
font-style: normal;
display: block;
font-size: 2.5em;
line-height: 1.5em;
text-transform: uppercase;
color: #f2f2f2;
margin-top: 0.5em;
margin-bottom: 0.2em;
text-align: left;
font-family: 'Firme-Black', sans-serif;
}

div.wrapper div.content-center.last-content a.back-to-top-link div.back-to-top-button h6 {
font-size: 1em;
text-align: center;
margin-top: 0.2em;
}

div.wrapper div.content-center div.credits h4 {
margin-top: 1.5em;
margin-left: 0;
margin-left: 0;
margin-bottom: 0.5em;
}


div.wrapper div.content-center div.credits cite {
font-style: normal;
display: block;
font-size: 1.5em;
line-height: 1.4em;
font-family: 'Firme';
font-family: 'BlackerProDisplayRegular', serif;
font-style: normal;
font-weight: bold;
font-size: 1.8em;
line-height: 1.4em;
/*text-transform: uppercase;*/
}

div.wrapper div.content-center div.credits cite.final-thanks-0,
div.wrapper div.content-center div.credits cite.final-thanks-1 {
display: inline;
padding-right: 0.4em;
}

div.wrapper div.content-center div.credits cite.final-thanks-0 {
color: #FAA61A;
}

div.wrapper div.content-center div.credits cite.final-thanks-1 {
color: #f2f2f2;
}


div.wrapper div.content-center div.credits cite.final-thanks span.media-name {
font-family: 'ExpressoSansThinCapitalsRegular', serif;
padding-right: 0.2em;
font-weight: 500;
}


div.wrapper div.content-center div.credits cite span.media-name {
font-size: 1.01em;
color: #000000;
font-family: 'Firme-Book', sans-serif;
font-family: 'BlackerProDisplayRegular', Merriweather, serif;
padding-right: 0.2em;
font-weight: 500;
}

div.full-screen div.content div.content-text div.credits cite span.media-name.interior, div.wrapper div.content-introducao div.content-text div.credits cite span.media-name.interior, div.wrapper div.content-center div.credits cite span.media-name.interior {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

div.wrapper div.content-center div.credits h4 {
font-style: normal;
display: block;
font-size: 1.7em;
text-transform: uppercase;
font-weight: 600;
color: RGB(255,255,255,0.5);
font-family: 'Acta-Book', serif;
margin-bottom: 1em;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, 
div.wrapper div.content-center div.credits h6, 
div.wrapper div.content-center h6 {
    font-size: 1em;
    font-family: Firme-Medium, sans-serif;
    text-transform: uppercase;
    margin-top: 2em;
    text-align: center;
    margin: 4.6em auto 4.6em;
    color: #000000;
}


div.wrapper div.content-center div.credits cite.ending-text-last-cite {
margin-top: 3em
}


div.wrapper div.content-center div.credits.only-small-devices {
    display: none;
}






/** fa fa icons: icon de finalizar o texto: círculo; */

/*image cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image div.footnote i.fa,
/*image*/
div.wrapper div.content-center div.box figure.box-image div.footnote i.fa,
div.wrapper div.content-fullwidth figure.box-image div.footnote i.fa,
div.wrapper div.content-larger figure.box-image div.footnote i.fa,
/*video e audio*/
div.wrapper div.content-center div.box div.footnote i.fa,
div.wrapper div.content-fullwidth div.box div.footnote i.fa,
div.wrapper div.content-larger div.box div.footnote i.fa,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.footnote i.fa,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.footnote i.fa,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.footnote i.fa {
padding-right: 0.2em;
}

div.wrapper div.content-center p i.fa.fa-circle {
font-size: 0.7em;
}




div.wrapper div.content-center hr.ending-text-border {
overflow: visible;
border: none;
border-top: 2px solid #015782;
text-align: center;
margin: 0;
}

/*div.wrapper div.content-center hr.ending-text-border:after {
content: "•";
display: inline-block;
position: relative;
top: -0.65em;
font-size: 4.6em;
padding: 0 0.1em;
    background: #f2f2f2;
}*/

footer div.content.content-center:after,
footer div.content.content-center:before {
display: block;
}

footer div.content.content-center {
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0em;
padding-right: 0em;
}

footer div.content.content-center p {
font-family: "Firme-Light",sans-serif;
font-size: 1.1em;
font-weight: 500;
letter-spacing: 0.25em;
text-transform: uppercase;
text-align: center;
color: #7b7b7b;
line-height: 0em;
}






/* 05 colors */

/** texto p*/

div.wrapper div.content-center p {
color: #0d0d0d;
}

/*div.wrapper div.content-center .box .box-text > p,
div.wrapper div.content-center .box .box-numbers > p {
opacity: 0.65;
}*/

/** first-letter, headings, question, blockquote, box-number, cite*/

div.wrapper div.content-center > p#fist-paragraph::first-letter,
div.wrapper div.content-center h2,
div.wrapper div.content-center h3,
div.wrapper div.content-center h3.question,
div.wrapper div.content-center h3.question::before,
div.wrapper div.content-center h4,
/*blockquote: box-blockquote*/
div.wrapper div.content-center div.box.box-left div.box-blockquote blockquote,
div.wrapper div.content-center div.box.box-right div.box-blockquote blockquote,
div.wrapper div.content-center div.box div.box-blockquote blockquote,
div.wrapper div.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content-larger div.box div.box-blockquote blockquote,
/*blockquote: box-number*/
div.wrapper div.content-center div.box.box-left div.box-number blockquote,
div.wrapper div.content-center div.box.box-right div.box-number blockquote,
div.wrapper div.content-center div.box div.box-number blockquote,
div.wrapper div.content-fullwidth div.box div.box-number blockquote,
div.wrapper div.content-larger div.box div.box-number blockquote
/*cite: box-blockquote
div.wrapper div.content-center div.box.box-left div.box-blockquote cite,
div.wrapper div.content-center div.box.box-right div.box-blockquote cite,
div.wrapper div.content-center div.box div.box-blockquote cite,
div.wrapper div.content-fullwidth div.box div.box-blockquote cite,
div.wrapper div.content-larger div.box div.box-blockquote cite*/ {
color: #FFFFFF;
}

div.wrapper div.content.content-center > p,
div.wrapper div.content.content-center > p.first-quote {
    color: #FFFFFF;
}

div.wrapper div.content-center div.credits cite {
    color: #000000;
}




div.wrapper div.content-center p img.end-mark {
display: inline-block;
width: 13px;
margin-bottom: -1px;
}

/** Links*/

div.wrapper div.content-center a {
/*text-decoration: underline;*/
background-color: transparent;
user-select: auto;
cursor: pointer;
}

/*** unvisited link */
div.wrapper div.content-center a:link {
color: #000000;
}

/*** visited link */
div.wrapper div.content-center a:visited {
color: #000000;
}

/*** mouse over link 
div.wrapper div.content-center a:hover {
}*/

/*** selected link 
div.wrapper div.content-center a:active {
}*/

/** figcaption: box-image, box-video & box-audio, box-slideshow*/

/*image-cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image figcaption,
/*image*/
div.wrapper div.content-center div.box figure.box-image figcaption,
div.wrapper div.content-fullwidth figure.box-image figcaption,
div.wrapper div.content-larger figure.box-image figcaption,
/*video e audio*/
div.wrapper div.content-center div.box div.captions-media,
div.wrapper div.content-fullwidth div.box div.captions-media,
div.wrapper div.content-larger div.box div.captions-media,
/*slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides figcaption,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption,
div.wrapper div.content-larger div.slideshow-container figcaption,

/** cite: box-image, box-video & box-audio, box-slideshow*/

/*video-intro*/
div.video-intro div.box cite.media-cite,
/*image-cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image cite,
/*Legenda da imagem do parallax de abertura*/
div.content.content-fullwidth div.box.only-large-devices cite,
div.content.content-larger div.box.only-large-devices cite,
/*image*/
div.wrapper div.content-center div.box figure.box-image cite,
div.wrapper div.content-fullwidth figure.box-image cite,
div.wrapper div.content-larger figure.box-image cite,
/*video audio*/
div.wrapper div.content-center div.box cite,
div.wrapper div.content-fullwidth div.box cite,
div.wrapper div.content-larger div.box cite,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides cite,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides cite,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite,

/** span.media-name:: box-image, box-video & box-audio, box-slideshow*/

/*video-intro*/
div.video-intro div.box cite.media-cite span.media-name,
/*image-cover*/
div.fullwidth-cover.only-small-devices div.box div.box-image cite span.media-name,
/*Legenda da imagem do parallax de abertura*/
div.content.content-fullwidth div.box.only-large-devices cite span.media-name,
div.content.content-larger div.box.only-large-devices cite span.media-name,
div.wrapper div.content-fullwidth div.box div.captions-media,
/*image*/
div.wrapper div.content-center div.box figure.box-image cite span.media-name,
div.wrapper div.content-fullwidth figure.box-image cite span.media-name,
div.wrapper div.content-larger figure.box-image cite span.media-name,
/*video audio*/
div.wrapper div.content-center div.box cite span.media-name,
div.wrapper div.content-fullwidth div.box cite span.media-name,
div.wrapper div.content-larger div.box cite span.media-name,
/*box-slideshow*/
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides cite span.media-name,
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides cite span.media-name,
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides cite span.media-name {
color: #000000;
}

/** button: box-slideshow
div.wrapper div.content-center div.box-slideshow button,
div.wrapper div.content-fullwidth div.box-slideshow button,
div.wrapper div.content-larger div.box-slideshow button {
color:#FAA61A;
}*/



.video {
width: 100%;
}

.box-video{
display:table;
width:auto;
position:relative;
width:50%;
}

#playVideo {
background-image:url(//images.impresa.pt/expresso/2019-03-25-SETA_DIR.png-1/original);
background-repeat:no-repeat;
width:20%;
height:20%;
position:absolute;
left:0%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:contain;
background-position: center;
cursor: pointer;
}

.is-active {
display: block;
}

.languages {
display: none;
}

/*floater*/

button#scroll-down,
button#scroll-up {
display: block;
position: fixed;
right: -30px;
bottom: 5em;
cursor: pointer;
background-color: transparent;
border: 0;
padding:0;
outline: none;
}

button#scroll-up {
bottom: 8.5em;
}

button#scroll-down img,
button#scroll-up img {
width: 7em;
}

button#scroll-down:hover,
button#scroll-up:hover {
opacity: .5;
}

/****/

/*LOADER*/

#todo-o-conteudo {
display: none;
height: 100%;
width: 100%;
}

#loader {
width: 100%;
height: 100%;
 background-color: #000000;
}

#loader1 {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 1;
background-size: 100px;
margin: 0 auto;
padding: 0;
width: 8em;
height: 8em;
border: 0px solid;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
opacity: 1;
background: url('//images.impresa.pt/expresso/2019-10-03-loading2.gif/original');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

/*Relacionados*/

div.wrapper div.content.content-center > h5 {
font-size: 1.5em;
line-height: 1.9em;
margin-top: 1.5em;
margin-bottom: 1.5em;
font-weight: 100;
color: #9da2a5;
text-align: center;
font-family: 'Firme-Bold', sans-serif;
text-transform: uppercase;
}

div.thumbnail-relacionados {
display: block;
position: relative;
width: 100%;
margin: 0 0 7em;
}

div.thumbnail-relacionados a {
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
}

div.thumbnail-relacionados a:hover {
opacity: .5;
}

div.thumbnail-relacionados a div.thumb {
display: block;
float: left;
box-sizing: border-box;
width: 32%
}

div.thumbnail-relacionados a div.thumb.thumb01,
div.thumbnail-relacionados a div.thumb.thumb02 {
margin-right: 2%;
}

div.thumbnail-relacionados a div.thumb img {
width: 100%;
height: auto;
/*border-radius: 12px;*/
}

div.thumbnail-relacionados a div.thumb figcaption,
h5.veja-mais {
/*font-family: "Firme-Medium",sans-serif;
font-weight: 400;
font-size: 1.8em;
line-height: 1.25em;
margin-top: 0.5em;
color: #000000;
text-align: center;*/

font-family: 'Firme-Medium', sans-serif;
display: block;
color: #000000;
font-size: 1.7em;
line-height: 1.2em;
margin-top: 1em;
}

h5.veja-mais {
margin-top: 8.2em!important;
text-transform: uppercase;
margin-bottom: 2.2em;
font-family: 'Firme-Bold', sans-serif;
}

hr.ending-text-border {
margin-top: 3em;
opacity: 0.5;
}

div.thumbnail-relacionados a div.thumb figcaption cite {
font-family: "Firme-Light",sans-serif;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: -0.01em;
font-style: normal;
/* margin-left: 0.4em; */
font-weight: 700;
opacity: 0.8;
}

/*fim Relacionados*/

/*Blogue*/

div.wrapper div.blogue {
display: block;
padding-top: 9em;
margin-bottom: 9em;
}

div.wrapper div.blogue div.post {
display: block;
margin-bottom: 3em;
}


.disable {
   cursor: not-allowed;
   pointer-events: none;
   opacity: .5;
}


/*****************************/




/*****************************/


section {
display: initial;
}



/*Redes Sociais*/

/*.sidepanel  {
width: 46px;
position: fixed;
z-index: 1;
height: 173px;
top: 5px;
right: -16px;
background-color: #000000;
overflow-x: hidden;
display: none;
padding-bottom: 13px;
padding-left: 8px;
padding-right: 8px;
}*/

.sidepanel {
    width: 43px;
    position: fixed;
    z-index: 1;
    height: 200px;
    top: 5px;
    top: 9px;
    right: 1px;
    background-color: #015782;
    overflow-x: hidden;
    display: none;
    padding-bottom: 13px;
    /* padding-left: 9px; */
    /* padding-right: 8px; */
    padding-bottom: 0;
}

div.top nav.collapse-navbar div.menu-one div.sidepanel a {
transition: 0.3s;
padding: 5px 10px;
}

div.top nav.collapse-navbar div.menu-one div.sidepanel a


/*.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
right:0;
  position:relative;
  top:0;
}*/

.openbtn:hover {
  background-color:#444;
}


/**/





/**/

/** only-large-devices está sempre em display block até as mediaqueries dizerem o contrário*/
.only-large-devices {
display: block;
}

/** only-small-devices está sempre em display none até as mediaqueries dizerem o contrário*/



.only-small-devices, div.top nav.collapse-navbar a.icon.only-small-devices, div.top nav.collapse-navbar div.only-small-devices, div.wrapper div.content-fullwidth div.box.only-small-devices, div.wrapper div.content-larger div.box.only-small-devices, div.top nav.collapse-navbar div.menu-one button.openbtn,
div.top nav.collapse-navbar.scroll-effects div.menu-one button.openbtn,
div.top nav.collapse-navbar div.menu-one button {
    display: none;
}


/*span.anchor,
section.anchor {
display: block;
height: 240px;
margin-top: -240px;
visibility: hidden;
}*/

div.wrapper div.content.content-center.inicio-seccao {
padding-top: 23em;
}


/** button créditos e modal box (cx pop up)*/

div.top nav.collapse-navbar div.menu-two div.modal-box-container,
div.modal-box-container {
z-index: 3;
display:none;
position: fixed;
right: 0;
top: 0;
overflow: auto;
width: 100%;
height: 100%;

/*background-color: #191919;*/


box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.89) 88%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.89) 88%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, #191919 0%,rgba(0,0,0,0.89) 88%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    background: #015782;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content
/*div.modal-box-container div.modal-box-content */{
height: 100vh;
}



/*div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text,
div.modal-box-container div.modal-box-content div.modal-box-text {
}*/

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button.close,
div.modal-box-container div.modal-box-content div.modal-box-text button.close {
/*z-index: 6;
position: absolute;
right: 0;
top: 0;
color: #ffffff;
background-color: #d35251;
margin: 0em;
border-bottom: 0em;
padding: 0.8rem 1.6rem;*/
display: none;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button.close:hover,
div.modal-box-container div.modal-box-content div.modal-box-text button.close:hover {
color: #ffffff;
background-color: #d86665;
}

.topright {
position: absolute;
right: 0;
top: 0;
}

div.modal-box-container div.modal-box-content div.modal-box-text div img.logo-apoio {
width: 14em;
display: inline-block;
padding: 2em;
}



div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text cite,
div.modal-box-container div.modal-box-content div.modal-box-text cite {
/*font-family: 'Acto-Black', sans-serif;
font-size: 1.2em;
line-height: 1.35em;
text-transform: uppercase;
letter-spacing: 0.04em;
font-style: normal;
font-weight: 700;
display: block;
color: #f2f2f2;
margin-bottom: 0.8em;
opacity: 0.8;*/

font-family: Firme-Medium, sans-serif;
    font-size: 1em;
    line-height: 1.1em;
    letter-spacing: 0.05em;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
    display: block;
    z-index: 100;
    opacity: 1;
    text-transform: uppercase;
    margin: 0px 0px 0.7em;
    font-style: normal;
}

div.modal-box-container div.modal-box-content div.modal-box-text cite.credits-end-part {
margin-top: 5.2em;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text cite span.media-name,

div.modal-box-container div.modal-box-content div.modal-box-text cite span.media-name {
/*font-family: 'Acto-Medium', sans-serif;
font-weight: 400;
text-transform: uppercase;
padding-right: 0.3em;
display: block;
color: #ababab;*/

/*font-family: 'Firme-Bold', sans-serif;
font-weight: 400;
text-transform: uppercase;
padding-right: 0.3em;
display: block;
color: #ababab;
font-size: .9em;
line-height: 1.4em;
opacity: .8;*/

font-family: Blacker Pro Display, serif;
    font-size: 1.3em;
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: center;
    display: block;
    z-index: 100;
    opacity: 0.9;
    margin: 0 0 0.2em 0;
    font-style: normal;




color: #f0f0f0;
}


div.modal-box-container div.modal-box-content div.modal-box-text cite span.media-name.title {
line-height: 1.3em;
margin-top: 3em;
color: #6e8fa2;
font-weight: 800;
opacity: 1;
font-size: 1em;
}





div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6,
div.modal-box-container div.modal-box-content div.modal-box-text h6,
div.wrapper div.content-center.last-content div.credits h6 {
font-family: 'Acto-Medium', sans-serif;
    font-size: 1.1em;
    line-height: 1.35em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-style: normal;
    font-weight: 500;
    display: block;
    color: #f2f2f2;
    margin-bottom: 0.8em;
    opacity: 0.8;
    margin-top: 2em;
}

div.modal-box-container div.modal-box-content div.modal-box-text {
margin: 0 auto;
}


div.modal-box-container div.modal-box-content div.modal-box-text div.modal-box-text-left, div.modal-box-container div.modal-box-content div.modal-box-text div.modal-box-text-right {
float: none;
text-align: center;
margin-left: 0;
margin-right: 0;
}

div.modal-box-container div.modal-box-content div.modal-box-text div.modal-box-text-left
 {
overflow-x: hidden;
width: 100%;
top: 93px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -0%);
/*height: -webkit-fill-available;*/
position: relative;
padding-bottom: 93px;
}



/****/

.video {
width: 100%;
}

div.box-video {
position: fixed;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}

#playVideo {
background-image:url(//images.impresa.pt/expresso/2019-03-25-SETA_DIR.png-1/original);
background-repeat:no-repeat;
width:20%;
height:20%;
position:absolute;
left:0%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:contain;
background-position: center;
cursor: pointer;
}



#IntroGif {
display: block;
position: relative;
/*min-height: 100%;
background-image: url('https://images.impresa.pt/expresso/2019-08-01-FINAL_CIMA_1920_let_sem-sat_pref.gif/original');
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
background-size: cover;*/
cursor: pointer;
}



#todo-o-conteudo {
display: none;
/*height: 100%;
position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-image: url("//images.impresa.pt/expresso/2019-09-12-Fundo_Creditos_bx.jpg/original");*/
}



#fundo-todo-o-conteudo {
cursor: pointer;
height: 100%;
position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*background-image: url("//images.impresa.pt/expresso/2021-04-23-capa-landscape.jpg-ec741024/original");*/

}

#tudo {
display: none;
height: 100%;
}

#loader {
width: 100%;
height: 100%;
 background-color: #000000;
}


#loader1 {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 1;
background-size: 100px;
margin: 0 auto;
padding: 0;
width: 8em;
height: 8em;
border: 0px solid;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
opacity: 1;
background: url('//images.impresa.pt/expresso/2019-10-03-loading2.gif/original');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}


div.top nav.collapse-navbar div.menu-two button.openbtn {
display: none;
margin-right: 8px;
margin-left: 8px;
}


p#voltar-inicio {
font-size: 1.3em;
line-height: 1.55em;
text-transform: uppercase;
font-style: normal;
font-family: 'Acto-Bold', sans-serif;
color: #FFFFFF;
letter-spacing: 1.3px;
text-align: center;
cursor: pointer;
opacity: 1;
position: absolute;
bottom: 5%;
margin: 0 auto;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}



/*--AGREGADOR---*/
.agregador {
position: relative;
width: 90%;
margin: 0 auto;
text-align: center;
}


.agregador::after,
.agregador-relacionados::after  {
content: '';
clear: both;
display: block;
}

.agregador .item-hover {
    position: relative;
/* width: 23%;*/
margin: 0 0 7.5em 0;
padding: 0 1.2em 0 1.4em;
/* cursor: pointer; */
box-sizing: border-box;
overflow: hidden;
display: inline-block;
/* height: 50em;
height: 60em; */
/* height: 500px; */
/* background-color: coral; */

}

.agregador-relacionados {
position: relative;
width: 100%;
margin: 4em auto 9em;
text-align: center;
}

.agregador-relacionados h3 a#mais-multimedia {
font-family: 'Blacker Pro Display', serif;
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 42px;
color: #000000;
text-transform: none;
left: 0.6em;
display: block;
text-align: left;
}

.agregador-relacionados .item-hover {
position: relative;
padding: 0 2.5em 0 2.4em;
cursor: pointer;
box-sizing: border-box;
overflow: hidden;
display: inline-block;
width: calc(99% / 4);
height: 29em;
}



.agregador-relacionados .item-hover figure {
position: relative;
background: none 0% 0% repeat scroll rgb(255 255 255);
width: 100%;
height: 57%;
}

.agregador-relacionados .item-hover .item-legendas {
display: block;
text-decoration: none;
position: relative;
z-index: 2;
opacity: 1;
width: 100%;
font-size: 1em;
margin-top: 1em;
}

.agregador-relacionados .item-hover div.item-legendas h2.titulo {
font-family: 'Blacker Pro Display', serif;
font-style: normal;
font-weight: normal;
font-size: 1.8em;
line-height: 1.2em;
color: #333333;
text-align: left;
padding: 0;
z-index: 100;
}


.agregador-relacionados .item-hover div.item-legendas p.data {
font-family: Firme-Medium, sans-serif;
font-size: 1.1em;
line-height: 1.2em;
text-align: left;
color: #979797;
display: block;
z-index: 100;
opacity: 1;
text-transform: uppercase;
}










    /*
    Class: modal-link-selected
    Animação do background-color do item-hover quando é seleccionado na modal
    */
    .agregador .item-hover.modal-link-selected{
        animation: modalLinkSelected 1.5s forwards;
    }
    @keyframes modalLinkSelected {
        from {background-color: rgb(213, 213, 213);}
        to {background-color: #fff;}
    }
    /*---*/


    .agregador .item-hover figure {
    position: relative;
    background: none 0% 0% repeat scroll rgb(255 255 255);
    width: 100%;
    /* height: 190px; */
    margin-bottom: .8em;
    }

    img {
    max-width: 100%;
    }

    .agregador .item-hover img,
    .agregador-relacionados .item-hover img {
    width: 100%;
    height: auto;
    /* position: absolute; */
    }

    .agregador .item-hover iframe {
        position: relative;
        bottom: 0;
        width: 100%;
        left: 0;
    }


    .agregador .item-hover figure img.capa {
    z-index: 0;
    }

    .agregador .item-hover figure img.fundo {
    opacity: 0;
    transition: opacity 0.25s ease 0s;
    background: rgba(47, 70, 93, 0.41) none repeat scroll 0% 0%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }


    .agregador .item-hover figure div.fundo {
    opacity: .0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #232323;
    }

    .agregador .item-hover figure div.fundo2 {
        opacity: 0;
        transition: opacity 0.25s ease 0s;
        /*background: #001e00 none repeat scroll 0% 0%;*/

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001e00+0,000000+100&0.84+0,0+100 */
        background: -moz-linear-gradient(top,  rgba(0,30,0,0.84) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,30,0,0.84) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,30,0,0.84) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6001e00', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        }

        .agregador .item-hover .item-legendas {
        display: block;
        text-decoration: none;
        position: relative;
        z-index: 2;
        opacity: 1;
        width: 100%;
        font-size: 1.1em;
        height: 280px;
        /* background-color: aliceblue; */
        }

        .agregador .item-hover div.item-legendas h2.interviewee,
        .interviewee-link {
            font-family: 'Firme', serif;
            font-size: 1.6em;
            letter-spacing: 0.02em;
            line-height: 1.2em;
            text-transform: uppercase;
            text-align: left;
            display: block;
            z-index: 100;
            margin: 0px 0px 0.2em;
            opacity: 0.9;
            color: hsl(0deg 0% 0%);
            font-weight: 800;
            margin: 0 0 0.2em 0;
            padding-bottom: 0;
            /*color: #015782;*/
            padding-top: 1vh;
        }
        
        .agregador .item-hover div.item-legendas p.cargo,
        .interviewee-link span {
            font-family: Firme-Medium,sans-serif;
            font-size: 1.1em;
            line-height: 1.2em;
            text-align: left;
            color: #979797;
            display: block;
            z-index: 100;
            margin: 0.4em 0 0.7em 0;
            opacity: 1;
            text-transform: uppercase;
            /* margin: 0 0 0.7em 0; */
            /*color: #015782;
           color: #015782bf;*/
           margin-bottom: 20px;
        
        }

        .interviewee-link {
            color: #FFFFFF;
            text-align: center;
            letter-spacing: 0.1em;
            margin-top: 1.5em;
        }

        .interviewee-link span {
            color: #FFFFFF;
            text-align: center;
            letter-spacing: 0.1em;
            margin-bottom: 1.5em;
        }

        .interviewee-link {
            font-size: 1.1em;
        }

        .interviewee-link span {
            font-size: 0.9em;
            font-family: Firme-Light,sans-serif;
            opacity: .5;
        }


        .agregador .item-hover div.item-legendas p.citacao {
            /* font-family: Blacker Pro Display, serif; 
            font-family: 'BlackerProDisplayLight', serif;*/
            font-family: 'BlackerProDisplayRegular', serif;
            font-size: 22px;
            line-height: 26px;
            /* letter-spacing: 0.05em; */
            text-align: left;
            color: #000000;
            display: block;
            z-index: 100;
            margin: 0 0 0.7em 0;
            color: #015782;
            font-weight: 400;
            }


            .agregador .item-hover div.item-legendas p.data {
                font-family: Firme-Light,sans-serif;
                font-size: 1em;
                line-height: 1.1em;
                letter-spacing: 0.05em;
                text-align: left;
                color: #7c7c7c;
                display: block;
                z-index: 100;
                margin: 0 0 3em 0;
                font-family: Firme-Medium,sans-serif;
                color: #979797;
                color: #000000;
                           }






        /*-- :hover --*/

        .agregador a div.item-hover:hover div.item-legendas h2,
        .agregador a div.item-hover:hover div.item-legendas p.interviewee {
        opacity: 0;
        }

        .agregador .item-hover:hover .fundo2 {
        opacity: 1;
        }

        .agregador .item-hover:hover .fundo {
        opacity: 0;
        }


        div.full-screen#introducao {
            display: none;
        }

        .collapsing {
            -webkit-transition: height .1s ease;
            -o-transition: height .1s ease;
            transition: height .1s ease;
            }

        .bg-body-tertiary{
            background-color: #015782!important;
        }

        .navbar-expand-lg .navbar-collapse {
            /* display: flex!important;
            flex-basis: auto; */
            justify-content: flex-end;
        }

        .me-auto {
            margin-right: 0px!important;
        }

        .mb-2 {
            margin-bottom: 0rem!important;
        }

        #coisinhodofim{
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        #share1 , #share2 , #share3 , #share4 {
            padding:0px!important;
            margin:0;
            width: 26px;
            height: 26px;
        }

        .juntinhos{
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .navbar-toggler {        
            border: var(--bs-border-width) solid rgb(0 0 0 / 0%)!important;
        }

        .sharetotal1{display:block}
        .sharetotal2{display:none}
        .brmobile{display:none}

        @media only screen and (max-width : 992px){            
            /* .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-collapse {
                position: absolute!important;
                padding: 10px;} */
            .sharetotal1{display:none}
            .sharetotal2{display:block}
            .brmobile{display:block}
        }
      
        .navbar-expand-lg .navbar-collapse {            
        top: 35px;
        right: 0px;
        background-color: #015782;
        padding: 10px 2px;
        border-radius: 5px;
        }

        .navbar-toggler:focus {
            text-decoration: none;
            outline: 0;
            /* box-shadow: #ffffff66 0px 0.1rem 2.18rem var(--bs-navbar-toggler-focus-width); */
            box-shadow: #ffffff00 0px 0 0var(--bs-navbar-toggler-focus-width);
        }

        .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active,
        .btn:hover, .btn-secondary {
            color: var(--bs-btn-active-color);
            background-color: #015782;
            border-color: #015782;
        }

        .dropdown-menu {
            --bs-dropdown-bg: #015782;
            --bs-dropdown-border-color: rgb(1 87 130);
        }

        /* .dropdown-menu[data-bs-popper] {left: -8px;} */
        .dropdown-item {color: #ffffff;}

        .dropdown-divider {
            height: 0;
            margin: var(--bs-dropdown-divider-margin-y) 0;
            overflow: hidden;
            border-top: 1px solid rgb(255 255 255 / 5%);
            opacity: 1;
        }

        @media only screen and (min-width : 1024px){            
            .dropdown-divider {
                width:25vw;
                margin:auto;
            }
        }
      

        .navbar-expand-lg .navbar-nav .dropdown-menu {
            /* position: fixed; */
            z-index: 10003;
            /* display: none; */
            position: fixed;
            right: 0;
            top: 0;
            overflow: auto;
            width: 100%;
            height: 100%;
            top: 40px;
            padding-bottom: 11em;
            padding: 40px 5em 11em;
        }

        .dropdown-menu[data-bs-popper] {
            left: 0 px;
        }

        #dropdownshare{
            position: absolute!important;
            padding: 10px;
            height: 160px;
            top: 30px;
            left: -10px;
        }

        .dropdown-toggle.share::after {
            display: none;
            
        }

        #dropdownshare {
            position: absolute!important;
            padding: 8px;
            height: 160px;
            top: 30px;
            left: -5px;
        }


        div.wrapper div.content-center div.credits.only-large-devices {
            display: block;
            }
            
            
            div.wrapper div.content-center div.credits.only-small-devices {
            display: none;
            }


        .vr{
            background-color: white;
            height: 33px;
            margin: auto;
            }

        #hr1,#hr2,#hr3{
            display: block;
            unicode-bidi: isolate;
            margin-block-start: 0.5em;
            margin-block-end: 0.5em;
            margin-inline-start: auto;
            margin-inline-end: auto;
            overflow: hidden;
            border-style: inset;
            border-width: 1px;
            box-sizing: border-box;
            height: 225px;
            opacity: 1;
        }

        .rectangleA {
            width: 268px;
            background: rgb(56, 247, 39);
            height: 178px;
        }

        @media screen and (max-width: 700px){
        .rectangleA {
        width: 100px;
        height: 65px;
        }}

        .hrMobileOnly{
            display: none;
        }

        @media screen and (max-width: 600px){.hrMobileOnly{display: block;}}

        @media only screen and (max-width: 480px){
        div.full-screen#capa div.titulo-de-capa {
        top: 59%;
        width: 52%;
        height: 61em;
}}