/* reset */
* {
	margin: 0;
	padding: 0;
	/*box-shadow: inset 0 0 1px black*/
}

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

html {
	width: 100%;
	font-size: 62.5%;
}

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

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

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

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

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

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

/*
@font-face {
  font-family: "Flama";
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/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("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/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("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/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("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.svg#flamabook_italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

/* custom */

body {
	color: rgba( 0, 0, 0, .66 );
	font-family: 'Flama', 'Lato', 'LatoRegular', sans-serif;
	font-size: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: flex-start;
	    -ms-flex-pack: flex-start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}

#graphic-list {
	width: 100%;
	max-width: 72rem;
	color: rgba( 0, 0, 0, .66 );
	font-family: 'Flama', 'Lato', 'LatoRegular', sans-serif;
	font-size: 1.6rem;
}

#graphic-list section {
	width: 100%;
	display: block;
}
#graphic-list section + section {
	margin-top: 9.6rem;
}

#graphic-list section header {
	text-transform: uppercase;
	font-weight: bold;
	padding: 1.6rem 3rem;
	font-size: 2rem;
}

#graphic-list section header::after {
	content: '';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: .1rem;
	background: rgba( 0, 0, 0, .1 );
	margin-top: .8rem;
}

#graphic-list section header:empty::after {
    display: none;
}

.description {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0 3rem 3rem 3rem;
}

#graphic-list ol {
    width: 100%;
		display: block;
}

#graphic-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
		padding: 3rem;
		border-bottom: 1px solid #f0f0f0;
    margin: 0 auto;
}

#graphic-list li:first-child {
    border-top: 1px solid #f0f0f0;
}

#graphic-list figure {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 100%;
	max-width: 20rem;
	margin-right: 1.6rem;
}

#graphic-list img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-item-align: start;
        align-self: flex-start;
	/*border-radius: 50%;
	max-width: 66.666%;*/
	width: 100%;
	max-width: 100%;
	z-index:0;
}
#graphic-list figure::before {
	content: " ";
	display: block;
	position: absolute;
	z-index:1000;
	padding-top: 100%;
	width: 100%;
}
#graphic-list section:nth-child(1) figure::before {
/*background: rgba(19,164,212,0.15);*/
}
#graphic-list section:nth-child(2) figure::before {
	/*background: rgba(212,173,19,0.15);*/
}

#graphic-list .destaque {
	background: #e8eef0;
	border: 1px solid #47b7e8;
}

#graphic-list .info {
	position: relative;
}

#graphic-list .detalhes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
		color: #5C869C;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

#graphic-list .cargo {
	/*text-transform: uppercase;*/
}

#graphic-list .parenteses {
	margin-left: .8rem;
}

#graphic-list .nome {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2rem;
}

#graphic-list .pro,
#graphic-list .contra,
#graphic-list .apoio {
	position: relative;
	margin-top: 1.6rem;
}

#graphic-list p.descricao {
    margin-top: 1.2rem;
    /*font-size: 80%;*/
}

#graphic-list section:not(:last-of-type) li:last-child {
    border-color: transparent;
}

#graphic-list .pro p,
#graphic-list .contra p {
	/*margin-left: 7.2rem;*/
}

#graphic-list .pro::before,
#graphic-list .contra::before,
#graphic-list .apoio::before {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 75%;
	margin-bottom: .4rem;
}

#graphic-list .pro:not(:empty)::before {
	content: 'Prós: ';
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #47b7e8;
	width: 7.2rem;
}

#graphic-list .contra:not(:empty)::before {
	content: 'Contras: ';
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #47b7e8;
	width: 7.2rem;
}

#graphic-list .apoio:not(:empty)::before {
	content: 'Quem o apoia: ';
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #47b7e8;
}

#graphic-list [data-nome="Cármen Lúcia"] .apoio:not(:empty)::before {
	content: 'Quem a apoia: ';
}

.footer{
	margin: 4rem auto 8rem auto;
	padding: 3rem;
}

.save-block{
	text-align: center;
}

#save-btn{
	display: inline;
	padding: 1rem 2rem;
	color: #fff;
	background: #555;
	border-radius: 3px;
	border: 0;
	margin: 2rem 0rem;
	font-size: 1.6rem;
	letter-spacing: 0.08rem;
	cursor: pointer;
}
#save-btn:hover{
	background: #333;
}

.footer:empty {
    padding: 0;
    margin: 0 auto;
}

#graphic-list section header:empty {
    padding: 0;
}

.credito {
	font-size: 66.666%;
	opacity: .66;
}

.credito i {
	margin-right: .8rem;
}

@media (max-width:540px){
	#graphic-list section header,
	.description {
	    padding: 2rem 0;
	}
	#graphic-list li {
	    -webkit-box-orient:vertical;
	    -webkit-box-direction:normal;
	        -ms-flex-direction:column;
	            flex-direction:column;
			padding: 2rem 0;
	}
	#graphic-list figure {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	#graphic-list info {
		padding: 0;
	}
	.footer{
		padding: 2rem 0;
	}
	#graphic-list .destaque{
		background: #e8eef0;
		border: 0;
	}
}