@charset "utf-8";

/**
 *------------------------------------------------------------------------------
 * ÁGUAS DE PORTUGAL - ANUAL REPORTS V-1
 *------------------------------------------------------------------------------
 * @website		  resultados.adp.pt
 * @authors     SKYTRAILS
 * @System      j! 4
 *------------------------------------------------------------------------------
 */
/**
 *------------------------------------------------------------------------------
 * ADP - RESULTADOS
 *------------------------------------------------------------------------------
 * @Template	  SKY (Baseado no Cassiopeia J4)
 * @authors     SKYTRAILS
 * @Style       BLOCOS
 *------------------------------------------------------------------------------
 */

/*TESTE DE CONTRASTE COR*/
 /* #main-content-area {
  background-color: aliceblue;
} */

/*HEADER GERADO A PARTIR DO MENU*/
.nav-left.module .header-header {
  text-align: center;
  padding: 20px 0;
  display: none;
}

.header-header h1{
  margin: 0;
  font-weight: 600 !important;
  font-size: 2.2rem !important;
  color: var(--pdf-grey);
  color: var(--pdf-dark-grey);
  margin-left: 20px;
}
#nav-bottom{
  display: block;
  text-align: center;
  font-size: 2rem !important;
 }
 @media (min-width: 992px) {
  #nav-bottom{
    display: none !important;
   }
   .nav-left.module .header-header {
    display: block;
    font-size: 2.2rem !important;
  }
}



/*TODAS AS SECÇÕES*/
.sections{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.sections h2{
  margin-top: 40px;
}
.sections .section-title {
  margin-bottom: 3rem;
}
.sections .counter img {
  width: auto;
  height: 96px;
  /* float: left; */
}
.sections .counter span i{
  font-size: 2em;
  font-family: var(--font-title);
  text-align: center;
  color: #69b061;
}
.sections .counter span img {
  width: 3rem;
  height: auto;
}

.count-number::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px; /* Adjust this value to suit your design */
  opacity: 0; /* Hide the separator */
}

/*Caixa Azul*/
.pag-2020 .sections h2 {
  margin-top: 40px;
  display: inline-block;
  border: 4px solid;
  position: relative;
  padding-right: 1.6rem;
  padding-left: 1rem;
  padding-bottom: .9rem;
  padding-top: .6rem;
}
.pag-2020.pt .sections h2::after {
  content: " // NÃO PARAMOS // ";
  font-size: 1rem;
  position: absolute;
  background-color: white;
  bottom: -10px;
  right: 1.4rem;
  font-weight: 400;
}
.pag-2020.en .sections h2::after {
  content: " // WE NEVER STOP // ";
  font-size: 1rem;
  position: absolute;
  background-color: white;
  bottom: -10px;
  right: 1.4rem;
  font-weight: 400;
}

/*VIDEO*/
#sec-video{
  background-color: rgb(226, 229, 236);
  
}
/*SECÇÃO DE INTRODUÇÃO*/
#sec-intro {
  background: var(--pdf-grey);
  padding-top: 4.2rem;
  padding-bottom: 6rem;
}
#sec-intro .section-content{
  text-align: center;
}
#sec-intro .section-content h1{
  margin-bottom: 2rem;
}
#sec-mensagem {
  line-height: 1.5;
}
/*SECÇÃO MENSAGEM*/
#sec-mensagem h2 + p {  
  font-size: 1.05rem;
  /* font-size: clamp(1rem, -0.5rem + 4vw, 1.05rem); */
  margin-top: 40px;
  margin-bottom: 50px;
}
#sec-mensagem .foto img {
  object-fit: cover;
  width: 100%;
  height: 600px;
  object-position: top;
}
#sec-mensagem .texto {
  margin-bottom: 40px;
}
/* #section-1 .section-content h1 {
  margin: 0;
} */
/* P{
  color:blueviolet;
} */

/*Sec DADOS ECONOMICOS*/
#sec-dados-economicos {
  margin-top: 0;
  position: relative;
  line-height: 1.5;
}
.pag-2022 #sec-dados-economicos{
  color: #fff !important;
}
.pag-2022 #sec-dados-economicos span.count-number {
  color: #fff !important;
}
.pag-2022 #sec-dados-economicos {
  /* background-image: url(../../../../../images/bgcorcompleto.webp); */
  background-image: url(../../../../../images/2022/backgrounds/2022-bg-blue-s.jpg);
  background-size: cover;
  background-size: cover;
  background-color: #fff;
}
.pag-2021 #sec-dados-economicos {
  background-image: url(../../../../../images/2021/backgrounds/bgcorcompleto.webp);
  background-size: cover;
  background-size: cover;
  background-color: #fff;
}
.pag-2020 #sec-dados-economicos{
  background-color: var(--adp-logo-blue);
  color: #fff;
}
.pag-2020 #sec-dados-economicos span.count-number {
  color: #fff !important;
}

/*Sec RETROSPECTIVA*/
#sec-retrospetiva {
  line-height: 1.5;
}
.pag-2020 #sec-retrospetiva {
  background-color: var(--pdf-grey);
}

/*Sec DADOS DESEMPENHO*/
#sec-desempenho {
  line-height: 1.5;
}
#sec-desempenho img.angulo {
  position: absolute;
  right: 1.5rem;
  top: 2rem;
  max-height: calc(100% - 1.25rem - 2px);
  height: 10rem;
}
.pag-2021 #sec-desempenho {
  background-image: url(../../../../../images/2021/backgrounds/riscas-degrade.webp);
  background-size: cover;
  background-size: cover;
  background-color: #fff;
}
.pag-2022 #sec-desempenho {
  background-image: url(../../../../../images/2022/backgrounds/2022-bg-blue-s.jpg);
  background-size: cover;
  background-size: cover;
  background-color: #fff;
  color: #fff
}
.pag-2022 #sec-desempenho span.count-number, 
.pag-2022 #sec-desempenho span.count-number + span {
  color: #fff;
}


/*Sec TRABALHADORES*/
#parallax{
  background-color: var(--pdf-grey);
}
#sec-trabalhadores {
  line-height: 1.5;
}
#sec-trabalhadores .svgicon{
  display: none;
}
#sec-trabalhadores .sec-head .count-number{
  font-size: 6rem;
  margin: 0;
}
#sec-trabalhadores .sec-head .count-label strong{
  font-size: 2.5rem;
  margin: 0;
}
#sec-trabalhadores .sec-head .count-label {
  font-size: 1rem;
  margin: 0;
}
div.intro-icon{
  display: none;
  height: 5rem;
}
div.intro-icon img{
  height: 5rem;
}

@media (min-width: 576px) {
  div.intro-icon{
    display: inline-block;
  }
}
#sec-trabalhadores .row.counters {
  padding-left: 15px;
  margin-top: 0;
}
@media (min-width: 576px) {
  #sec-trabalhadores .row.counters {
    padding-left: 120px;
    margin-top: -5.6rem;
  }
}
.pag-2022 #sec-trabalhadores {
  background-image: url(../../../../../images/2022/backgrounds/2022-bg-blue-s.jpg);
  background-size: cover;
  background-size: cover;
  background-color: #fff;
  color: #fff
}
.pag-2022 #sec-trabalhadores span.count-number, 
.pag-2022 #sec-trabalhadores span.count-number + span {
  color: #fff;
}


/*Sec PORTUGAL*/
#sec-portugal {
  background: var(--pdf-grey);
}
#sec-portugal .counter img{
  display: none;
}
#sec-portugal .section-title {
  text-align: center;
}
#sec-portugal .portugal-map-title {
  text-align: center;
  font-weight: 900;
  font-family: var(--font-heading);
  font-size: 1.3rem;
  margin: 20px 0;
  text-transform: uppercase;
}
#sec-portugal #mapa-portugal {
  margin-bottom: 30px;
}
/*legendas*/
#sec-portugal button.btn-aa, 
#sec-portugal button.btn-aasar, 
#sec-portugal button.btn-sar,
#sec-portugal button.btn-pt {
  font-family: var(--font-text);
  font-size: .83rem;
  text-decoration: none;
  color: var(--pdf-darker-grey);
  opacity: .5;
  line-height: 1.3;
  text-align: left ;
}
#sec-portugal button.btn-aasar.active, 
#sec-portugal button.btn-aa.active, 
#sec-portugal button.btn-sar.active {
  opacity: 1;
}

#sec-portugal button.btn-aasar::before, 
#sec-portugal button.btn-aa::before, 
#sec-portugal button.btn-sar::before {
  display: block;
  position: absolute;
  left: .3rem;
  top: .6rem;
  content: " ";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  /* vertical-align: middle; */
  margin-right: .5rem;
  margin-bottom: 0;
}
#sec-portugal button.btn-aa::before {
  background: var(--adp-logo-cyan);
  border: 1px solid var(--adp-logo-cyan);
}
#sec-portugal button.btn-sar::before {
  background: var(--pdf-map-green);
  border: 1px solid var(--pdf-map-green);
}
#sec-portugal button.btn-aasar::before {
  background: var(--pdf-blue);
  border: 1px solid var(--pdf-blue);
}

/*Sec WORLD*/
.map img{
  object-fit: cover;
  width: 100%;
}
#sec-mundo {
  background: var(--pdf-dark-grey);
  text-align: center;
}
.pag-2022 #sec-mundo {
  background: var(--pdf-grey);
}


/*Sec DOWNLOADS*/
#sec-downloads {
  line-height: 1.4;
}
#sec-downloads p {
  padding: .3rem 0;
  font-size: .9rem;
}
#sec-downloads .download-title {
  padding-right: 0;
}
#sec-downloads .download-pdf {
  padding-right: 0;
  margin-right: 15px;
}
#sec-downloads .pdf-cover {
  -webkit-box-shadow: 0px 0px 20px -10px #001424;
  box-shadow: 0px 0px 20px -10px #01233e;
}
#sec-downloads .pdf-cover img {
  max-height: 250px;
  max-width: 250px;
}
#sec-downloads .section-item {
  margin-bottom: 50px;
}
#sec-downloads h2{
  margin-top: 0;
}
.show-sm {
  text-align: center;
}
.show-lg {
  text-align: left;
}
.show-lg .section-title {
  text-align: left !important;
}

  .show-lg {
    display: none;
  }

@media (min-width: 1200px) {
  .show-sm {
    display: none;
  }
  .show-lg {
    display: block;
  }
}



/* @media (min-width: 992px) {
  .container {
    max-width: 95%;
  }
} */

/*NAVEGAÇÃO LATERAL*/
#scroll-drops {
  position: fixed;
  top: calc(50% - 100px);
  right: 2rem;
  display: none;
  color: var(--adp-logo-blue);
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.6rem 1rem;
}
@media (min-width: 1200px) {
  #scroll-drops{
   display: block !important;
 }
}
#scroll-drops ul {
  list-style-type: none !important;
}
#scroll-drops li a{
  line-height: 28px;
}
#scroll-drops li.active a::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-image: url(/images/icons/drop.svg);
}
#scroll-drops li a::before {
  content: "";
  display: inline-block;
  height: .5rem;
  width: .5rem;
  font-size: 1.25rem;
  text-align: center;
  background-image: url(/images/icons/circle.svg);
  background-color: #002856;
  border-radius: 50%;
}
/*==============================================/
   FOOTER
*/
footer {
  background-color: var(--pdf-grey);
  color: var(--adp-logo-blue);
  border-top: 1px solid rgb(231, 231, 231);
  padding: 15px 0;
  font-size: 0.88rem;
}
footer .copy-rights{
  display: flex;
  align-items: center;
}
footer .copy-rights p{
  line-height: 20px;
}
footer .footer-social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
footer .footer-social-text {
  display: inline;
  margin-right: 1rem;
}
footer .footer-social ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .footer-social ul li {
  position: relative;
  margin-right: 15px;
}
footer .footer-social ul > li > a{
  line-height: 20px;
}
.footer-social img {
  height: 1.25rem;
}







/**
 *------------------------------------------------------------------------------
 * RUI MIGUEL LEITÃO FERREIRA 
 *------------------------------------------------------------------------------
 * @Template	CASSIOPEIA-SKY
 * @authors     SKYTRAILS
 * @Style       BLOCOS
 *------------------------------------------------------------------------------
 */
:root{
    --transition-base: all 0.25s ease-in-out;
}
blockquote {
    margin: 0 0 10px 0;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: var(--primary-color);
  }

/* Animações do site do rui
 =========================================================================== */

 @keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }
  
  .fade-out {
    animation: fadeOut 1s ease-in-out forwards;
  }
  
  /* CSS for fade-in animation */
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  .fade-in {
    animation: fadeIn 1s ease-in-out;
  }

  @keyframes fadeOutBackground {
    0% { background-color: ;}
    100% { background-color: rgba(0, 0, 0, 0); }
  }
  
  .fade-out-background {
    animation: fadeOutBackground 1s ease-in-out forwards;
  }