@charset "UTF-8";
@font-face {
  font-family: "Estado Headline";
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Roman-webfont.eot");
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Roman-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Roman-webfont.woff2") format("woff2"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Roman-webfont.woff") format("woff"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Roman-webfont.ttf") format("truetype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Roman-webfont.svg#estado_headlineroman") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Estado Headline";
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Medium-webfont.eot");
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Medium-webfont.woff2") format("woff2"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Medium-webfont.woff") format("woff"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Medium-webfont.ttf") format("truetype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Medium-webfont.svg#estado_headlinemedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Estado Headline";
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Semibold-webfont.eot");
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Semibold-webfont.woff2") format("woff2"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Semibold-webfont.woff") format("woff"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Semibold-webfont.ttf") format("truetype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Semibold-webfont.svg#estado_headlinesemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Estado Headline";
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Bold-webfont.eot");
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Bold-webfont.woff2") format("woff2"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Bold-webfont.woff") format("woff"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Bold-webfont.ttf") format("truetype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Bold-webfont.svg#estado_headlinebold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Estado Headline";
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Italic-webfont.eot");
  src: url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Italic-webfont.woff2") format("woff2"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Italic-webfont.woff") format("woff"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Italic-webfont.ttf") format("truetype"), url("/assets/fonts/Estado/EstadoHeadline/EstadoHeadline-Italic-webfont.svg#estado_headlineitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Thin-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Thin-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Thin-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Thin-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Thin-webfont.svg#flamathin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.svg#flamaultralight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Light-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Light-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Light-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Light-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Light-webfont.svg#flamalight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Book-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Book-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Book-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Book-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Book-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Book-webfont.svg#flamabook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Medium-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Medium-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Medium-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Medium-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Medium-webfont.svg#flamamedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Semibold-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Semibold-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Semibold-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Semibold-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Semibold-webfont.svg#flamasemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Bold-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Bold-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Bold-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Bold-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Bold-webfont.svg#flamabold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.svg#flamaextrabold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-Black-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-Black-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-Black-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-Black-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-Black-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-Black-webfont.svg#flamablack") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.svg#flamathin_italic") format("svg");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.svg#flamaultralight_italic") format("svg");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.svg#flamalight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.svg#flamabook_italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.svg#flamamedium_italic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.svg#flamasemibold_italic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.svg#flamabold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.svg#flamaextrabold_italic") format("svg");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Flama";
  src: url("/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.eot");
  src: url("/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.woff") format("woff"), url("/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.svg#flamablack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-ultralight-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-ultralight-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-ultralight-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-ultralight-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-ultralight-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-ultralight-webfont.svg#flama_semicondensedultralight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-light-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-light-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-light-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-light-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-light-webfont.svg#flama_semicondensedlight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-book-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-book-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-book-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-book-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-book-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-book-webfont.svg#flama_semicondensedbook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-medium-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-medium-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-medium-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-medium-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-medium-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-medium-webfont.svg#flama_semicondensedmedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-semibold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-semibold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-semibold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-semibold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-semibold-webfont.svg#flama_semicondensedsemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-bold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-bold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-bold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-bold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-bold-webfont.svg#flama_semicondensedbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-extrabold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-extrabold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-extrabold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-extrabold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-extrabold-webfont.svg#flama_semicondensedextrabold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Semicondensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-black-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-black-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-black-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-black-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-black-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaSemicondensed/flamasemicondensed-black-webfont.svg#flama_semicondensedblack") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-light-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-light-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-light-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-light-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-light-webfont.svg#flama_condensedlight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-book-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-book-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-book-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-book-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-book-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-book-webfont.svg#flama_condensedbook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-medium-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-medium-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-medium-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-medium-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-medium-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-medium-webfont.svg#flama_condensedmedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-semibold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-semibold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-semibold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-semibold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-semibold-webfont.svg#flama_condensed_semiboldSBd") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-bold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-bold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-bold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-bold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-bold-webfont.svg#flama_condensedbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-extrabold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-extrabold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-extrabold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-extrabold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-extrabold-webfont.svg#flama_condensedextrabold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Flama Condensed';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-black-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-black-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-black-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-black-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-black-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/Flama/FlamaCondensed/flamacondensed-black-webfont.svg#flama_condensedblack") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-Light-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-Light-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-Light-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-Light-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-Light-webfont.svg#freighttextlight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-Book-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-Book-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-Book-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-Book-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-Book-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-Book-webfont.svg#freighttextbook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-Medium-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-Medium-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-Medium-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-Medium-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-Medium-webfont.svg#freighttextmedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-Bold-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-Bold-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-Bold-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-Bold-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-Bold-webfont.svg#freighttextbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-Black-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-Black-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-Black-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-Black-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-Black-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-Black-webfont.svg#freighttextblack") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-LightItalic-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-LightItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-LightItalic-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-LightItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-LightItalic-webfont.svg#freighttextlight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-BookItalic-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-BookItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-BookItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-BookItalic-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-BookItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-BookItalic-webfont.svg#freighttextbook_italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-MediumItalic-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-MediumItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-MediumItalic-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-MediumItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-MediumItalic-webfont.svg#freighttextmedium_italic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-BoldItalic-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-BoldItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-BoldItalic-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-BoldItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-BoldItalic-webfont.svg#freighttextbold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Freight Text";
  src: url("/assets/fonts/Freight/FreightText/FreightText-BlackItalic-webfont.eot");
  src: url("/assets/fonts/Freight/FreightText/FreightText-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Freight/FreightText/FreightText-BlackItalic-webfont.woff2") format("woff2"), url("/assets/fonts/Freight/FreightText/FreightText-BlackItalic-webfont.woff") format("woff"), url("/assets/fonts/Freight/FreightText/FreightText-BlackItalic-webfont.ttf") format("truetype"), url("/assets/fonts/Freight/FreightText/FreightText-BlackItalic-webfont.svg#freighttextblack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "OESP";
  src: url("/assets/fonts/OESP/OESP-webfont.eot");
  src: url("/assets/fonts/OESP/OESP-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/OESP/OESP-webfont.woff2") format("woff2"), url("/assets/fonts/OESP/OESP-webfont.woff") format("woff"), url("/assets/fonts/OESP/OESP-webfont.ttf") format("truetype"), url("/assets/fonts/OESP/OESP-webfont.svg#oesp") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Marcas Estadão';
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/MarcasEstadao/marcasestadao-webfont.eot");
  src: url("https://infograficos.estadao.com.br/geral/_assets/fonts/MarcasEstadao/marcasestadao-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/MarcasEstadao/marcasestadao-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/MarcasEstadao/marcasestadao-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/MarcasEstadao/marcasestadao-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/geral/_assets/fonts/MarcasEstadaomarcasestadao-webfont.svg#marcas_estadaoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'boho_sansbold';
  src: url("../font/latinotype_-_bohosans-bold-webfont.eot");
  src: url("../font/latinotype_-_bohosans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/latinotype_-_bohosans-bold-webfont.woff2") format("woff2"), url("../font/latinotype_-_bohosans-bold-webfont.woff") format("woff"), url("../font/latinotype_-_bohosans-bold-webfont.ttf") format("truetype"), url("../font/latinotype_-_bohosans-bold-webfont.svg#boho_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}

li, ul {
  list-style-type: none;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ==========================================================================
   Redes Sociais
   ========================================================================== */
#shareBar {
  font-size: 2rem;
  position: absolute;
  bottom: 4rem;
  color: #7fdf75;
  left: 0;
  right: 0;
  text-align: center;
}

#shareBar i {
  margin: 0 1rem;
}

#shareBar i:hover {
  cursor: pointer;
  opacity: .5;
}

#shareBar span {
  display: none;
}

#g-ecohouse {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  /*  max-width: 1600px;*/
  height: 100vh;
}

@media (min-width: 360px) {
  #g-ecohouse {
    width: 100%;
  }
}

.ecohouse-canvas {
  position: relative;
}

#ecohouse-xs-minus-canvas {
  /*  display: inline-block;*/
  /*  margin: 0 auto;*/
  /*  width: 100%;*/
  /*  max-width: 1600px;*/
  /*  height: inherit;*/
  /*  max-height: 640px;*/
  width: 320px;
  height: 400px;
}

@media (min-width: 600px) {
  #ecohouse-xs-minus-canvas {
    width: 540px;
    height: 675px;
  }
}

@media (min-width: 720px) {
  #ecohouse-xs-minus-canvas {
    display: none;
  }
}

#ecohouse-xs-minus-canvas .more-telhado {
  top: 12.25%;
  left: 32.4375%;
}

#ecohouse-xs-minus-canvas .more-eolica {
  top: 5%;
  left: 57.625%;
}

#ecohouse-xs-minus-canvas .more-solatube {
  top: 13%;
  left: 62.25%;
}

#ecohouse-xs-minus-canvas .more-eletrica {
  top: 17.65%;
  left: 45.9375%;
}

#ecohouse-xs-minus-canvas .more-captacao {
  top: 26.55%;
  left: 19.25%;
}

#ecohouse-xs-minus-canvas .more-calefacao {
  top: 74.45%;
  left: 54.75%;
}

#ecohouse-xs-minus-canvas .more-gnv {
  top: 83.1%;
  left: 57.5625%;
}

#ecohouse-xs-minus-canvas .more-aquecimento {
  top: 62.9%;
  left: 11%;
}

#ecohouse-xs-minus {
  /*  display: none;*/
  /*  margin: 0 auto;*/
  /*  width: 100%;*/
  /*  max-width: 1600px;*/
  /*  height: inherit;*/
  /*  max-height: 640px;*/
  width: 100%;
  /*  height: 800px;*/
}

#ecohouse-md-minus-canvas {
  display: none;
  /*  display: inline-block;*/
  /*  margin: 0 auto;*/
  /*  width: 100%;*/
  /*  max-width: 1600px;*/
  /*  height: inherit;*/
  /*  max-height: 640px;*/
  width: 720px;
  height: 480px;
}

@media (min-width: 720px) {
  #ecohouse-md-minus-canvas {
    display: block;
  }
}

@media (min-width: 960px) {
  #ecohouse-md-minus-canvas {
    width: 960px;
    height: 640px;
  }
}

@media (min-width: 1440px) {
  #ecohouse-md-minus-canvas {
    width: 1200px;
    height: 800px;
  }
}

#ecohouse-md-minus-canvas .more-telhado {
  top: 12.25%;
  left: 40.63333%;
}

#ecohouse-md-minus-canvas .more-eolica {
  top: 5%;
  left: 54.06667%;
}

#ecohouse-md-minus-canvas .more-solatube {
  top: 13%;
  left: 56.53333%;
}

#ecohouse-md-minus-canvas .more-eletrica {
  top: 17.65%;
  left: 47.83333%;
}

#ecohouse-md-minus-canvas .more-captacao {
  top: 26.55%;
  left: 33.6%;
}

#ecohouse-md-minus-canvas .more-calefacao {
  top: 74.45%;
  left: 52.53333%;
}

#ecohouse-md-minus-canvas .more-gnv {
  top: 83.1%;
  left: 54.03333%;
}

#ecohouse-md-minus-canvas .more-aquecimento {
  top: 62.9%;
  left: 29.2%;
}

#ecohouse-md-minus {
  /*  margin: 0 auto;*/
  /*  width: 100%;*/
  /*  max-width: 1600px;*/
  /*  height: inherit;*/
  /*  max-height: 640px;*/
  width: 100%;
  /*  height: 800px;*/
}

#ecohouse-md-minus .cls-1 {
  isolation: isolate;
}

#ecohouse-md-minus .cls-2, #ecohouse-md-minus .cls-70 {
  font-size: 31.25px;
}

#ecohouse-md-minus .cls-2, #ecohouse-md-minus .cls-41, #ecohouse-md-minus .cls-5 {
  fill: #231f20;
}

#ecohouse-md-minus .cls-2, #ecohouse-md-minus .cls-40, #ecohouse-md-minus .cls-5, #ecohouse-md-minus .cls-70 {
  font-family: Flama;
}

#ecohouse-md-minus .cls-3 {
  letter-spacing: -2px;
}

#ecohouse-md-minus .cls-13, #ecohouse-md-minus .cls-16, #ecohouse-md-minus .cls-17, #ecohouse-md-minus .cls-19, #ecohouse-md-minus .cls-21, #ecohouse-md-minus .cls-22, #ecohouse-md-minus .cls-30, #ecohouse-md-minus .cls-31, #ecohouse-md-minus .cls-33, #ecohouse-md-minus .cls-34, #ecohouse-md-minus .cls-36, #ecohouse-md-minus .cls-38, #ecohouse-md-minus .cls-4, #ecohouse-md-minus .cls-44, #ecohouse-md-minus .cls-46, #ecohouse-md-minus .cls-54, #ecohouse-md-minus .cls-55, #ecohouse-md-minus .cls-57, #ecohouse-md-minus .cls-59, #ecohouse-md-minus .cls-63, #ecohouse-md-minus .cls-64, #ecohouse-md-minus .cls-67, #ecohouse-md-minus .cls-68, #ecohouse-md-minus .cls-69 {
  fill: none;
}

#ecohouse-md-minus .cls-10, #ecohouse-md-minus .cls-11, #ecohouse-md-minus .cls-12, #ecohouse-md-minus .cls-13, #ecohouse-md-minus .cls-16, #ecohouse-md-minus .cls-21, #ecohouse-md-minus .cls-26, #ecohouse-md-minus .cls-27, #ecohouse-md-minus .cls-28, #ecohouse-md-minus .cls-29, #ecohouse-md-minus .cls-30, #ecohouse-md-minus .cls-31, #ecohouse-md-minus .cls-32, #ecohouse-md-minus .cls-33, #ecohouse-md-minus .cls-39, #ecohouse-md-minus .cls-4, #ecohouse-md-minus .cls-43, #ecohouse-md-minus .cls-44, #ecohouse-md-minus .cls-49, #ecohouse-md-minus .cls-50, #ecohouse-md-minus .cls-52, #ecohouse-md-minus .cls-53, #ecohouse-md-minus .cls-54, #ecohouse-md-minus .cls-55, #ecohouse-md-minus .cls-56, #ecohouse-md-minus .cls-58, #ecohouse-md-minus .cls-59, #ecohouse-md-minus .cls-60, #ecohouse-md-minus .cls-61, #ecohouse-md-minus .cls-62, #ecohouse-md-minus .cls-63, #ecohouse-md-minus .cls-64, #ecohouse-md-minus .cls-8, #ecohouse-md-minus .cls-9 {
  stroke: #231f20;
}

#ecohouse-md-minus .cls-4, #ecohouse-md-minus .cls-67, #ecohouse-md-minus .cls-69 {
  stroke-miterlimit: 10;
}

#ecohouse-md-minus .cls-30, #ecohouse-md-minus .cls-4, #ecohouse-md-minus .cls-61, #ecohouse-md-minus .cls-63, #ecohouse-md-minus .cls-64 {
  stroke-width: 1.3px;
}

#ecohouse-md-minus .cls-40, #ecohouse-md-minus .cls-5 {
  font-size: 46.88px;
}

#ecohouse-md-minus .cls-6 {
  font-weight: 700;
}

#ecohouse-md-minus .cls-7 {
  letter-spacing: 1px;
}

#ecohouse-md-minus .cls-11, #ecohouse-md-minus .cls-27, #ecohouse-md-minus .cls-53, #ecohouse-md-minus .cls-60, #ecohouse-md-minus .cls-62, #ecohouse-md-minus .cls-8 {
  fill: #cddae0;
}

#ecohouse-md-minus .cls-10, #ecohouse-md-minus .cls-11, #ecohouse-md-minus .cls-12, #ecohouse-md-minus .cls-13, #ecohouse-md-minus .cls-16, #ecohouse-md-minus .cls-17, #ecohouse-md-minus .cls-19, #ecohouse-md-minus .cls-21, #ecohouse-md-minus .cls-22, #ecohouse-md-minus .cls-24, #ecohouse-md-minus .cls-25, #ecohouse-md-minus .cls-26, #ecohouse-md-minus .cls-27, #ecohouse-md-minus .cls-28, #ecohouse-md-minus .cls-29, #ecohouse-md-minus .cls-30, #ecohouse-md-minus .cls-31, #ecohouse-md-minus .cls-32, #ecohouse-md-minus .cls-33, #ecohouse-md-minus .cls-34, #ecohouse-md-minus .cls-38, #ecohouse-md-minus .cls-39, #ecohouse-md-minus .cls-43, #ecohouse-md-minus .cls-44, #ecohouse-md-minus .cls-46, #ecohouse-md-minus .cls-48, #ecohouse-md-minus .cls-49, #ecohouse-md-minus .cls-50, #ecohouse-md-minus .cls-52, #ecohouse-md-minus .cls-53, #ecohouse-md-minus .cls-54, #ecohouse-md-minus .cls-55, #ecohouse-md-minus .cls-56, #ecohouse-md-minus .cls-57, #ecohouse-md-minus .cls-58, #ecohouse-md-minus .cls-59, #ecohouse-md-minus .cls-60, #ecohouse-md-minus .cls-61, #ecohouse-md-minus .cls-62, #ecohouse-md-minus .cls-63, #ecohouse-md-minus .cls-64, #ecohouse-md-minus .cls-68, #ecohouse-md-minus .cls-8, #ecohouse-md-minus .cls-9 {
  stroke-linecap: round;
}

#ecohouse-md-minus .cls-10, #ecohouse-md-minus .cls-11, #ecohouse-md-minus .cls-12, #ecohouse-md-minus .cls-13, #ecohouse-md-minus .cls-16, #ecohouse-md-minus .cls-17, #ecohouse-md-minus .cls-19, #ecohouse-md-minus .cls-21, #ecohouse-md-minus .cls-22, #ecohouse-md-minus .cls-24, #ecohouse-md-minus .cls-25, #ecohouse-md-minus .cls-26, #ecohouse-md-minus .cls-27, #ecohouse-md-minus .cls-28, #ecohouse-md-minus .cls-29, #ecohouse-md-minus .cls-30, #ecohouse-md-minus .cls-31, #ecohouse-md-minus .cls-32, #ecohouse-md-minus .cls-33, #ecohouse-md-minus .cls-34, #ecohouse-md-minus .cls-36, #ecohouse-md-minus .cls-38, #ecohouse-md-minus .cls-39, #ecohouse-md-minus .cls-43, #ecohouse-md-minus .cls-44, #ecohouse-md-minus .cls-46, #ecohouse-md-minus .cls-48, #ecohouse-md-minus .cls-49, #ecohouse-md-minus .cls-50, #ecohouse-md-minus .cls-52, #ecohouse-md-minus .cls-53, #ecohouse-md-minus .cls-54, #ecohouse-md-minus .cls-55, #ecohouse-md-minus .cls-56, #ecohouse-md-minus .cls-57, #ecohouse-md-minus .cls-58, #ecohouse-md-minus .cls-59, #ecohouse-md-minus .cls-60, #ecohouse-md-minus .cls-61, #ecohouse-md-minus .cls-62, #ecohouse-md-minus .cls-63, #ecohouse-md-minus .cls-64, #ecohouse-md-minus .cls-68, #ecohouse-md-minus .cls-8, #ecohouse-md-minus .cls-9 {
  stroke-linejoin: round;
}

#ecohouse-md-minus .cls-12, #ecohouse-md-minus .cls-13, #ecohouse-md-minus .cls-21, #ecohouse-md-minus .cls-8, #ecohouse-md-minus .cls-9 {
  stroke-width: 1.74px;
}

#ecohouse-md-minus .cls-23, #ecohouse-md-minus .cls-32, #ecohouse-md-minus .cls-9 {
  fill: #f05a28;
}

#ecohouse-md-minus .cls-10, #ecohouse-md-minus .cls-12, #ecohouse-md-minus .cls-15, #ecohouse-md-minus .cls-24, #ecohouse-md-minus .cls-26, #ecohouse-md-minus .cls-39, #ecohouse-md-minus .cls-43, #ecohouse-md-minus .cls-48, #ecohouse-md-minus .cls-49, #ecohouse-md-minus .cls-50, #ecohouse-md-minus .cls-52, #ecohouse-md-minus .cls-56, #ecohouse-md-minus .cls-58, #ecohouse-md-minus .cls-61 {
  fill: #fff;
}

#ecohouse-md-minus .cls-10, #ecohouse-md-minus .cls-11, #ecohouse-md-minus .cls-16, #ecohouse-md-minus .cls-17, #ecohouse-md-minus .cls-19 {
  stroke-width: 3.47px;
}

#ecohouse-md-minus .cls-14 {
  fill: #ffcb05;
}

#ecohouse-md-minus .cls-17 {
  stroke: #f16522;
}

#ecohouse-md-minus .cls-18 {
  fill: #f16522;
}

#ecohouse-md-minus .cls-19 {
  stroke: #26a9e0;
}

#ecohouse-md-minus .cls-20 {
  fill: #26a9e0;
}

#ecohouse-md-minus .cls-21 {
  stroke-dasharray: 3.47;
}

#ecohouse-md-minus .cls-22, #ecohouse-md-minus .cls-38, #ecohouse-md-minus .cls-57 {
  stroke: #f05a28;
}

#ecohouse-md-minus .cls-22, #ecohouse-md-minus .cls-67, #ecohouse-md-minus .cls-68 {
  stroke-width: 10.42px;
}

#ecohouse-md-minus .cls-24, #ecohouse-md-minus .cls-25 {
  stroke: #898b8d;
}

#ecohouse-md-minus .cls-24, #ecohouse-md-minus .cls-25, #ecohouse-md-minus .cls-26, #ecohouse-md-minus .cls-27, #ecohouse-md-minus .cls-28, #ecohouse-md-minus .cls-29, #ecohouse-md-minus .cls-33 {
  stroke-width: 2.6px;
}

#ecohouse-md-minus .cls-25, #ecohouse-md-minus .cls-29 {
  fill: #abbec5;
}

#ecohouse-md-minus .cls-28, #ecohouse-md-minus .cls-71 {
  fill: #ffe977;
}

#ecohouse-md-minus .cls-31 {
  stroke-width: 5.21px;
}

#ecohouse-md-minus .cls-32 {
  stroke-width: 1.82px;
}

#ecohouse-md-minus .cls-34 {
  stroke: #53636b;
}

#ecohouse-md-minus .cls-34, #ecohouse-md-minus .cls-36 {
  stroke-width: 20.83px;
}

#ecohouse-md-minus .cls-35 {
  fill: #53636b;
}

#ecohouse-md-minus .cls-36 {
  stroke: #26c1f0;
}

#ecohouse-md-minus .cls-37 {
  fill: #26c1f0;
}

#ecohouse-md-minus .cls-38 {
  stroke-width: 4.85px;
}

#ecohouse-md-minus .cls-39 {
  stroke-width: 1.3px;
}

#ecohouse-md-minus .cls-42 {
  letter-spacing: -4px;
}

#ecohouse-md-minus .cls-43, #ecohouse-md-minus .cls-44, #ecohouse-md-minus .cls-48 {
  stroke-width: 2.6px;
}

#ecohouse-md-minus .cls-45 {
  letter-spacing: -3px;
}

#ecohouse-md-minus .cls-46, #ecohouse-md-minus .cls-48 {
  stroke: #2694d1;
}

#ecohouse-md-minus .cls-46 {
  stroke-width: 5.21px;
}

#ecohouse-md-minus .cls-47 {
  fill: #2694d1;
}

#ecohouse-md-minus .cls-49 {
  stroke-width: 1.95px;
}

#ecohouse-md-minus .cls-50 {
  stroke-width: 0.91px;
}

#ecohouse-md-minus .cls-51 {
  white-space: pre;
}

#ecohouse-md-minus .cls-52, #ecohouse-md-minus .cls-53, #ecohouse-md-minus .cls-54 {
  stroke-width: 1.74px;
}

#ecohouse-md-minus .cls-55 {
  stroke-width: 3.47px;
}

#ecohouse-md-minus .cls-56, #ecohouse-md-minus .cls-60 {
  stroke-width: 2.6px;
}

#ecohouse-md-minus .cls-57 {
  stroke-width: 6.94px;
}

#ecohouse-md-minus .cls-58, #ecohouse-md-minus .cls-59 {
  stroke-width: 0.87px;
}

#ecohouse-md-minus .cls-62, #ecohouse-md-minus .cls-69 {
  stroke-width: 3.91px;
}

#ecohouse-md-minus .cls-63 {
  stroke-dasharray: 5.24 5.24;
}

#ecohouse-md-minus .cls-64 {
  stroke-dasharray: 5.19 5.19;
}

#ecohouse-md-minus .cls-65 {
  mix-blend-mode: multiply;
}

#ecohouse-md-minus .cls-66 {
  fill: #849daa;
}

#ecohouse-md-minus .cls-67, #ecohouse-md-minus .cls-68 {
  stroke: #ffcb05;
}

#ecohouse-md-minus .cls-69 {
  stroke: #000;
}

#ecohouse-md-minus .cls-72 {
  fill: #9a8430;
}

.more {
  display: none;
  position: absolute;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.more a {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/hexagon.svg") no-repeat center;
  color: #16de6e;
  color: #fff;
  font-family: Flama, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 720px) {
  .more a {
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 44px;
  }
}

.ecohouse-canvas .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ecohouse-canvas .overlay img {
  width: 100%;
}

#ecohouse-xs-minus-canvas .overlay-img {
  background-color: #fff;
}

@-moz-document url-prefix() {
  #ecohouse-xs-minus .ecohouse-terreo {
    transform: translate(5px, 540px);
    transition: transform 0.6s;
  }
  #ecohouse-xs-minus .ecohouse-terreo.animate {
    transform: translate(5px, 1040px);
  }
  #ecohouse-xs-minus .ecohouse-telhadinho {
    transform: translate(11px, 677px);
    transition: transform 0.6s;
  }
  #ecohouse-xs-minus .ecohouse-telhadinho.animate {
    transform: translate(11px, 1177px);
  }
  #ecohouse-xs-minus .ecohouse-telhado {
    transform: translate(363px, 520px);
    transition: transform 0.6s;
  }
  #ecohouse-xs-minus .ecohouse-telhado.animate {
    transform: translate(363px, 70px);
  }
  #ecohouse-md-minus .ecohouse-terreo {
    transform: translate(705px, 540px);
    transition: transform 0.6s;
  }
  #ecohouse-md-minus .ecohouse-terreo.animate {
    transform: translate(705px, 1040px);
  }
  #ecohouse-md-minus .ecohouse-telhadinho {
    transform: translate(711px, 677px);
    transition: transform 0.6s;
  }
  #ecohouse-md-minus .ecohouse-telhadinho.animate {
    transform: translate(711px, 1177px);
  }
  #ecohouse-md-minus .ecohouse-telhado {
    transform: translate(1063px, 520px);
    transition: transform 0.6s;
  }
  #ecohouse-md-minus .ecohouse-telhado.animate {
    transform: translate(1063px, 70px);
  }
}

.overlay-outros {
  opacity: 0;
}

.ecohouse-info {
  margin-top: 1.6rem;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.8rem;
}

@media (min-width: 720px) {
  .ecohouse-info {
    font-size: 1.5rem;
    line-height: 2.1rem;
  }
}

.ecohouse-info a {
  margin: 0 0.2rem;
  border-radius: 0.3rem;
  padding: 0 0.6rem 0.2rem;
  background-color: #222222;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.15s;
}

.ecohouse-info a:hover, .ecohouse-info a:focus {
  outline-color: #222222;
  color: #7edb70;
}

.ecohouse-info.active a {
  background-color: #fff;
  color: #222222;
}

.ecohouse-ficha,
.ecohouse-canteiro,
.ecohouse-tecnologia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem;
  background-color: #fff;
  font-size: 1.5rem;
  line-height: 2.1rem;
  opacity: 0;
}

.ecohouse-ficha h3 {
  font-family: 'boho_sansbold';
  font-size: 6rem;
  max-width: 465px;
  width: 100%;
  margin: 0 auto 3rem;
  padding: 2rem 0;
  color: #232323;
  opacity: .9;
}

.ecohouse-ficha dt,
.ecohouse-ficha dd {
  display: inline;
}

.ecohouse-ficha p {
  padding: 0;
}

#ecohouse-canteiro-xs-minus-wrapper {
  width: 100%;
  overflow-x: scroll;
}

#ecohouse-canteiro-xs-minus {
  width: 58.2rem;
}

@media (min-width: 600px) {
  #ecohouse-canteiro-xs-minus {
    width: 98.2125rem;
  }
}

@media (min-width: 720px) {
  #ecohouse-canteiro-xs-minus {
    display: none;
  }
}

#ecohouse-canteiro-md-minus {
  display: none;
  width: 72rem;
}

@media (min-width: 720px) {
  #ecohouse-canteiro-md-minus {
    display: block;
  }
}

@media (min-width: 960px) {
  #ecohouse-canteiro-md-minus {
    width: 96rem;
  }
}

@media (min-width: 1440px) {
  #ecohouse-canteiro-md-minus {
    width: 120rem;
  }
}

#ecohouse-tecnologia-xs-minus-wrapper {
  width: 100%;
  overflow-x: scroll;
}

#ecohouse-tecnologia-xs-minus {
  width: 128rem;
}

@media (min-width: 600px) {
  #ecohouse-tecnologia-xs-minus {
    width: 216rem;
  }
}

@media (min-width: 720px) {
  #ecohouse-tecnologia-xs-minus {
    display: none;
  }
}

#ecohouse-tecnologia-md-minus {
  display: none;
  width: 72rem;
}

@media (min-width: 720px) {
  #ecohouse-tecnologia-md-minus {
    display: block;
  }
}

@media (min-width: 960px) {
  #ecohouse-tecnologia-md-minus {
    width: 96rem;
  }
}

@media (min-width: 1440px) {
  #ecohouse-tecnologia-md-minus {
    width: 120rem;
  }
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  font-family: Flama, sans-serif;
  font-size: 1em;
}

/* capa */
#abertura {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  pointer-events: initial;
  transition: all ease .3s;
}

.flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bg-capa {
  background: url(../img/capa.jpg) no-repeat center center;
  background-size: cover;
  transition: background-image 4s ease-in-out;
}

#abertura.hidden {
  /*opacity: 0;*/
  pointer-events: none;
  top: -100vh;
}

#abertura span {
  font-family: "Flama";
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  opacity: .5;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

/* backgrounds */
#bg-ser,
#bg-morar,
#bg-saber,
#bg-viver,
#bg-andar,
#bg-plantar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease-in-out .5s;
}

#bg-ser.show,
#bg-morar.show,
#bg-saber.show,
#bg-viver.show,
#bg-andar.show,
#bg-plantar.show {
  opacity: 1;
}

#bg-ser {
  background: url(../img/ser.jpg) no-repeat center center;
  background-size: cover;
}

#bg-morar {
  background: url(../img/morar.jpg) no-repeat center center;
  background-size: cover;
}

#bg-saber {
  background: url(../img/saber.jpg) no-repeat center center;
  background-size: cover;
}

#bg-viver {
  background: url(../img/viver.jpg) no-repeat center center;
  background-size: cover;
}

#bg-andar {
  background: url(../img/andar.jpg) no-repeat center center;
  background-size: cover;
}

#bg-plantar {
  background: url(../img/plantar.jpg) no-repeat center center;
  background-size: cover;
}

#filtro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #232323;
  opacity: .9;
}

/* svg */
#sp462 {
  width: 100%;
  max-width: 288px;
  z-index: 1;
  padding: 0 2rem;
}

@media (min-height: 540px) {
  #sp462 {
    max-width: 480px;
  }
}

/* plantar */
#hex-plantar {
  fill: #a8a8a8;
  opacity: .12;
}

#plantar-word {
  fill: #fff;
  pointer-events: none;
}

#plantar-wrap:hover #hex-plantar {
  cursor: pointer;
  opacity: .25;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

#plantar-wrap:hover #plantar-word {
  fill: #7edb70;
}

/* ser */
#hex-ser {
  fill: #a8a8a8;
  opacity: .12;
}

#ser-word {
  fill: #fff;
  pointer-events: none;
}

#ser-wrap:hover #hex-ser {
  cursor: pointer;
  opacity: .25;
}

#ser-wrap:hover #ser-word {
  fill: #7edb70;
}

/* morar */
#hex-morar {
  fill: #a8a8a8;
  opacity: 0.12;
}

#morar-word {
  fill: #fff;
  pointer-events: none;
}

#morar-wrap:hover #hex-morar {
  cursor: pointer;
  opacity: .25;
}

#morar-wrap:hover #morar-word {
  fill: #7edb70;
}

/* saber */
#hex-saber {
  fill: #a8a8a8;
  opacity: 0.12;
}

#saber-word {
  fill: #fff;
  pointer-events: none;
}

#saber-wrap:hover #hex-saber {
  cursor: pointer;
  opacity: .25;
}

#saber-wrap:hover #saber-word {
  fill: #7edb70;
}

/* viver */
#hex-viver {
  fill: #a8a8a8;
  opacity: .12;
}

#viver-word {
  fill: #fff;
  pointer-events: none;
}

#viver-wrap:hover #hex-viver {
  cursor: pointer;
  opacity: .25;
}

#viver-wrap:hover #viver-word {
  fill: #7edb70;
}

/* andar */
#hex-andar {
  fill: #a8a8a8;
  opacity: .12;
}

#andar-word {
  fill: #fff;
  pointer-events: none;
}

#andar-wrap:hover #hex-andar {
  cursor: pointer;
  opacity: .25;
}

#andar-wrap:hover #andar-word {
  fill: #7edb70;
}

/* transições */
#hex-plantar, #plantar-word,
#hex-ser, #ser-word,
#hex-morar, #morar-word,
#hex-saber, #saber-word,
#hex-viver, #viver-word,
#hex-andar, #andar-word {
  transition: all ease .3s;
}

/* linha fina */
#linha-fina {
  max-width: 500px;
  text-align: center;
  color: #fff;
  opacity: .5;
  font-family: Flama, sans-serif;
  font-size: 1.5rem;
  line-height: 2.1rem;
  margin-top: 2rem;
  z-index: 1;
  padding: 0 2rem;
}

@media (min-width: 600px) {
  #linha-fina {
    margin-top: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

/* oesp */
#oesp {
  font-family: 'Marcas Estadão';
  font-size: 3rem;
  color: #fff;
  z-index: 1;
  position: absolute;
  top: 1.6rem;
  left: 0;
  right: 0;
  text-align: center;
}

#oesp:hover {
  cursor: pointer;
  color: #7fdf75;
}

/* layout paginas internas */
.page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#bt-menu,
#bt-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  width: 5rem;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#bt-menu:hover,
#bt-close:hover {
  cursor: pointer;
  opacity: .5;
}

.hex {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.fa-bars, .fa-times {
  font-size: 2.6rem;
  color: #fff;
  z-index: 1;
}

/* header */
header {
  width: 100%;
  height: 100vh;
}

#header-plantar {
  background: url(../img/header-cor/header-plantar-cor.jpg) no-repeat center center;
  background-size: cover;
}

#header-morar {
  background: url(../img/header-cor/header-morar-cor.jpg) no-repeat center center;
  background-size: cover;
}

#header-viver {
  background: url(../img/header-cor/header-viver-cor.jpg) no-repeat center center;
  background-size: cover;
}

#header-andar {
  background: url(../img/header-cor/header-andar-cor.jpg) no-repeat center center;
  background-size: cover;
}

#header-ser {
  background: url(../img/header-cor/header-ser-cor.jpg) no-repeat center center;
  background-size: cover;
}

#header-saber {
  background: url(../img/header-cor/header-saber-cor.jpg) no-repeat center center;
  background-size: cover;
}

section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  width: 100%;
}

section + section {
  margin-top: 6rem;
}

.hex-header {
  position: relative;
  max-width: 315px;
  width: 100%;
  margin: 4rem 0;
}

.hex-header img {
  width: 100%;
}

h1 {
  font-family: 'boho_sansbold';
  font-size: 4.8rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14rem;
  color: #7edb70;
}

h1 span {
  display: block;
  font-size: 4rem;
  color: #fff;
  opacity: 0.75;
}

h2 {
  font-family: 'boho_sansbold';
  font-size: 6rem;
  max-width: 465px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 2rem 0;
  color: #232323;
  opacity: .9;
}

.author {
  font-family: Flama, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.8rem;
  max-width: 620px;
  width: 100%;
  text-align: center;
  padding: 2rem 0;
  color: #232323;
  opacity: .75;
}

.author span {
  font-weight: normal;
}

p {
  font-family: Flama, sans-serif;
  font-size: 2rem;
  max-width: 620px;
  width: 100%;
  line-height: 3.2rem;
  color: #232323;
  opacity: .9;
  padding: 2rem 0;
}

p strong {
  font-weight: bold;
}

.intertitulo {
  border-radius: 0.3rem;
  padding: 0 0.6rem 0.2rem;
  background-color: #7edb70;
  color: #000;
  font-weight: bold;
  opacity: 0.75;
}

.linha-fina {
  font-family: Flama, sans-serif;
  font-weight: bold;
}

/* video */
.foto,
.video {
  max-width: 720px;
  width: 100%;
  padding: 2rem 0;
}

.video {
    max-width: 100%;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.foto img {
  border-radius: 1rem;
  width: 100%;
}

.foto figcaption,
.video-caption {
  margin: 1rem auto 0;
  max-width: 62rem;
  font-family: Flama, sans-serif;
  font-size: 1.6rem;
  opacity: .75;
}

.foto figcaption span,
.video-caption span {
  font-weight: bold;
  text-transform: uppercase;
  background-color: #7edb70;
  border-radius: 0.3rem;
  padding: 0 0.6rem 0.2rem;
  padding-top: .3rem;
  margin-right: .6rem;
}

.player-agile {
  position: relative;
  padding-bottom: calc(56.25% + 31px);
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.player-agile iframe, .player-agile object, .player-agile embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.next-chapter h1 {
  color: #fff;
  transition: all 0.15s;
}

.next-chapter:hover h1, .next-chapter:focus h1 {
  color: #7edb70;
}

p a {
  border-radius: 0.3rem;
  padding: 0 0.6rem 0.2rem;
  background-color: #222222;
  color: #fff;
  font-weight: bold;
  transition: all 0.15s;
}

p a:hover, p a:focus {
  outline-color: #222222;
  color: #7edb70;
}

.page > #oesp {
  display: none;
}

#expediente {
  position: absolute;
  bottom: 8rem;
  color: #7fdf75;
  left: 0;
  right: 0;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

#expediente a {
  color: #777;
}

#expediente a:hover, #expediente a:focus {
  color: #fff;
}

p.nome {
  margin-bottom: 0;
  padding: 0;
  font-size: 2.4rem;
  line-height: 1.44;
  text-align: center;
}

.page-expediente section + section {
  margin-top: 0;
}

/* */
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-caption {
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
    text-align: left;
}

.author {
    padding-bottom: 32px;
}