/* entenda seu ajuste v2 */
:root {
  --ly-font_family1:
  'Open Sans', sans-serif;
  --ly-color0: #1EC2DF;
  --ly-color1: #8ADD66;
  --ly-color2: #1EC2DF;
  --ly-color3: #1EC2DF;
  --ly-color4: #1EC2DF;
  --ly-color5: #FF8686;
  --ly-color6: #FF7800;
  --ly-gray0: #FAFAFA;
  --ly-gray1: #ABABAB;
  --ly-gray2: #D8D8D8;
  --ly-gray3: #ECECEC;
  --ly-gray4: #f7f7f7;
}

html {
  background: #000000;
  color: #FFFFFF;
}

.section-end {
  background: #000000;
}

.btn-cta {
  background: #8ADD66;
  color: #000000;
}

.btn-cta img {
  filter: brightness(0);
}

.header .curve {
  filter: invert(1);
}

/* .header-logo-bg {
  background: #000000;
}
 */
/* .header-logo img {
  filter: invert(1) hue-rotate(10deg) brightness(100);
} */

/* .header {
  background: #8ADD66;
}

.header h1 {
  color: #000000;
} */

nav a {
  color: #000000;
  background: #FFF;
  border-color: #FFFFFF;
}

nav .ico:before {filter: brightness(0);}

.section-info-link {
  background: #000000;
  /* border: 1px solid #474747; */
  border-left: 0;
  border-right: 0;
}

.four--left2,
.four--right2 {
  border: 1px solid #474747;
  background: #000000;
}



.four--left2 .paragraph-info, 
.four--right2 .paragraph-info,
.four--left2 .source-info,
.four--right2 .source-info {
  /* color: #000000; */
}

.four--right2 .big-number {
  /* color: #000000; */
}

.four--right2 h3.info-title {
  color: #FFF;
}

.four--left1,.four--right1 {
  background: #000000;
  border: 1px solid #474747;
}

.source-info {color: #FFFFFF;}

/* .info-graphic2 .legend img {
  filter: invert(1) hue-rotate(892deg);
} */


.bg-color4,
.bg-color3,
.four--center {
  background: #000000;
  border: 1px solid #474747;
}

.smaller-number {
  color: var(--ly-color4);
}

.info-val {
  border-color: #474747;
}

nav a:hover {
  border-color: #FFFFFF;
  text-decoration: underline;
}

.four--left2 h3.info-title {
  color: #FFF;
}

.four--left2 h3.info-title img {
  filter: brightness(0) invert(1);
}

.info-graphic2 img {
  filter: invert(1);
}

.info-graphic1 img {
  filter: invert(1);
}


h3.info-title.color4 img,
h3.info-title.color3 img,
{
  filter: brightness(2) hue-rotate(360deg);
}

.icons-group img {
  filter: brightness(1.4);
}

.section-seven .fieldset-right img {
  filter: brightness(1.9);
}

.icons-group img,
.section-seven .fieldset-right img {
  filter: brightness(1.9);
}


.four--right2 .info-title img {
    filter: invert(1);
}