/* page fixes */

.n--noticia,
.container {
	margin-top: 0px
}

.noticia .topo-full .box .full .share li.hidden {
	display: none !important;
}

.infografico__tags ul li {
	margin: 6px 6px 0 0;
}

.infografico__tags {
	margin-top: 48px;
}


/* background */

:root {
	--arte-background: #ffffff;
}

body,
.noticia .topo-full .box .full .share {
	background: var(--arte-background);
}

@media ( max-width: 435px) {
	.header-estadao h1.header-current-page {
		background: var(--arte-background);
	}
}


/* general */

.arte-content {
	line-height: 1.5;
	margin-bottom: 96px;
}

.arte-content,
.arte-content [data-contains]:not([data-contains="gallery"]) *,
.arte-content [data-contains]:not([data-contains="gallery"]) *::before,
.arte-content [data-contains]:not([data-contains="gallery"]) *::after {
	box-sizing: border-box;
}

.arte-content [data-contains="gallery"],
.arte-content [data-contains="image"],
.arte-content [data-contains="video"] {
	margin: 48px auto;
}

.arte-content {
	width: 100%;
	margin: 48px auto;
}

.arte-content [data-contains]:not([data-contains="gallery"]) a {
	color: #006194;
	text-decoration: underline;
}

.arte-content [data-contains]:not([data-contains="gallery"]) p {
	margin: 16px auto;
}

.arte-content [data-contains]:not([data-contains="gallery"]) img {
	display: block;
}

[data-align="left"] {
	text-align: left;
}

[data-align="center"] {
	text-align: center;
}

[data-align="right"] {
	text-align: right;
}


/* columns */

.arte-column-l {
	max-width: 1156px;
	margin: 0 auto;
}

.arte-column-m {
	max-width: 960px;
	margin: 0 auto;
}

.arte-column-s {
	max-width: 640px;
	margin: 0 auto;
}


/* split */

.arte-content .arte-split {
	display: flex;
	margin: 72px auto;
}

.arte-content .arte-split [data-contains="gallery"],
.arte-content .arte-split [data-contains="image"],
.arte-content .arte-split [data-contains="video"] {
	margin: 0 auto;
}

.arte-content .arte-split {
	flex-direction: column;
	justify-content: initial;
}

@media ( min-width: 640px) {
	.arte-content .arte-split {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.arte-content .arte-split>[class*="arte-column"] {
		width: 100%;
		max-width: 100%;
		flex-grow: 1;
	}
	.arte-split>[class*="arte-column"]+[class*="arte-column"] {
		padding-left: 16px;
	}
	.arte-content .arte-split>[data-contains="paragraph"] p {
		margin: 0;
	}
	.arte-content .arte-split[data-fraction="one-third"]>[class*="arte-column"]:first-child {
		max-width: 33.333%;
		flex-shrink: 0;
	}
	.arte-content .arte-split[data-fraction="two-thirds"]>[class*="arte-column"]:first-child {
		max-width: 66.666%;
		flex-shrink: 0;
	}
	.arte-content .arte-split[data-fraction="one-quarter"]>[class*="arte-column"]:first-child {
		max-width: 25%;
		flex-shrink: 0;
	}
	.arte-content .arte-split[data-fraction="three-quarters"]>[class*="arte-column"]:first-child {
		max-width: 75%;
		flex-shrink: 0;
	}
}


/* kicker  */

.arte-content [data-contains]:not([data-contains="gallery"]) h4 {
	display: block;
	margin: 48px auto 16px;
	font-size: 12px;
}


/* heading */

.arte-content [data-contains]:not([data-contains="gallery"]) h3 {
	margin: 64px auto 32px;
}

.arte-content [data-contains="kicker"]+[data-contains="heading"] h3 {
	margin-top: 0;
}


/* credits */

.arte-content dl {
	font-size: 80%;
	line-height: 1.5;
	opacity: .75;
}

.arte-content dl dt:not(:first-of-type)::before {
	content: '/';
	padding: 0 6px;
}

.arte-content dl dt {
	font-size: 80%;
	text-transform: uppercase;
	font-weight: 900;
	font-family: 'LatoBold';
	display: inline;
	padding-right: .5em;
}

.arte-content dl dt::after {
	content: ':';
}

.arte-content dl dd {
	display: inline;
	margin: 0;
}


/* image */

.arte-content .n--noticia__image img {
	max-width: 100%;
}

.arte-content [data-contains="image"]>div {
	width: 100%;
}

.arte-content [data-contains="image"] figcaption {
	line-height: 1.5;
	font-size: 12px;
	color: #777;
}

.arte-content [data-contains="image"] [data-caption="false"] figcaption {
	display: none;
}

.arte-content [data-contains="image"] [data-credit="false"] figcaption {
	display: none;
}


/* video */

.mediaplayer {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.act-video-player[style] {
	position: absolute !important;
	height: initial !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
}


/* quote */

.arte-content blockquote {
	position: relative;
	display: flex;
	flex-direction: column;
	font-family: EstadoHeadlineBold, 'Estado Headline', serif;
	font-weight: bold;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin: 48px auto;
	padding: 32px 16px 24px;
	text-align: center;
	box-sizing: border-box;
}

.arte-content blockquote:before {
	background-color: var(--arte-background);
	padding: 0 .333em;
	color: #ccc;
	content: '“';
	display: inline-block;
	font-weight: bold;
	font-size: 96px;
	line-height: 1;
	margin-top: 0;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate( -50%, -50%);
}

.arte-content blockquote div:last-child {
	font-family: LatoRegular, Lato, sans-serif;
	font-weight: normal;
	margin-top: 16px;
	font-size: 80%;
}

.arte-content blockquote div:last-child:empty {
	display: none;
}


/* divider  */

.arte-content hr {
	margin: 48px 0;
	border-color: #d0d0d0;
}


/* annotation */

.arte-annotation {
	font-size: 75%;
	opacity: .75;
}


/* gif */

.arte-gif {
	position: relative;
	margin: 48px auto;
}

.arte-gif img {
	display: block;
	margin: 48px auto;
	width: 100%;
}

.arte-gif::before {
	content: '';
	background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M24%2024H0V0h24v24z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22M11.5%209H13v6h-1.5zM9%209H6c-.6%200-1%20.5-1%201v4c0%20.5.4%201%201%201h3c.6%200%201-.5%201-1v-2H8.5v1.5h-2v-3H10V10c0-.5-.4-1-1-1zm10%201.5V9h-4.5v6H16v-2h2v-1.5h-2v-1z%22%20clip-path%3D%22url%28%23b%29%22%2F%3E%3C%2Fsvg%3E');
	width: 48px;
	height: 32px;
	position: absolute;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	top: 16px;
	left: 50%;
	margin-left: -24px;
	background-color: #ccc;
	opacity: .33;
	border-radius: 4px;
	display: block;
}


/* styles */


/*

.arte-lista li+li {
  margin-top: 16px;
}

.arte-box {
  padding: 24px;
  background: #eeeeee;
  border-radius: 8px;
}

.arte-recuo {
  border-left: 4px solid #eeeeee;
  padding-left: 24px;
}

*/

/* custom */

.arte-content .swiper-container {
	position: relative;
	margin-top: 32px;
  width: 100%;
	height: 480px;
	user-select: none;
}

.arte-content .swiper-container::before {
	content: '← Toque e arraste →';
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	opacity: .66;
}

.arte-content [data-theme] {
	margin-bottom: 96px;
}

.arte-content .answers {
	font-size: 80%;
	line-height: 1.5;
}

.arte-content .card {
	cursor: pointer;
}

.arte-content .analysis li {
	margin-top: 6px;
	list-style-type: circle;
	margin-left: 18px;
}

.arte-content .analysis::before {
	content: 'Análises & opiniões';
	font-size: 80%;
	line-height: 1.5;
	opacity: .66;
}

.arte-content .propositions::before,
.arte-content .meaning::before {
	content: '';
	font-family: 'LatoBold', 'Lato';
	font-weight: 700;
	color: #006194;
	display: block;
	font-size: 12px;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 16px 0;
}

.arte-content .propositions::before {
	content: 'Propostas';
}

.arte-content .meaning::before {
	content: 'O que isso quer dizer?';
}



.arte-content .card > p {
	hyphens: auto;
}

.arte-content .expand i {
	margin-right: 2px;
}

.arte-content .expand {
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	color: #ccc;
	text-transform: uppercase;
	border: 1px solid currentColor;
	padding: 0 12px 0 6px;
	border-radius: 999px;
	transition: all .4s;
}

@media ( min-width: 480px ) {

	.arte-content .swiper-container::before {
		content: '← Clique e arraste →';
	}

	.arte-content .answers .card:hover .expand {
		color: #006194;
	}

	.arte-content .answers .card:hover .portrait {
		transform: scale( 1.1 );
	}

	.arte-content .answers .card:hover .portrait::before {
		background: #006194;
	}

}

.arte-content .answers .answer,
.arte-content .answers .propositions,
.arte-content .answers .meaning {
	display: none;
}

.arte-content .answers .swiper-slide {
	margin: 32px 4px 0;
	max-width: 240px;
}

.arte-content  .card {
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px;
	border-radius: 8px;
	width: 100%;
	flex-shrink: 0;
	flex-grow: 0;
}

.arte-content .portrait {
	position: relative;
	max-width: 96px;
	margin-top: -32px;
	transition: transform .4s;
}

.arte-content .portrait img {
	position: relative;
}

.arte-content .portrait::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	padding-top: 100%;
	bottom: 0;
	background: #5C869C;
	border-radius: 999px;
	transition: background-color .4s;
}

.arte-content .card h5 {
	text-align: center;
	margin-bottom: 0;
}

.arte-content .card .propositions li {
	list-style-type: circle;
	margin-left: 16px;
}

.arte-content .arte-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	padding: 48px 16px;
	opacity: 0;
	transition: opacity .4s;
}

.arte-overlay .expand,
.arte-overlay .answer-truncated {
	display: none;
}

.arte-overlay .answer {
	display: block;
}

[data-overlay=true] .arte-content .arte-overlay {
	pointer-events: all;
	opacity: 1;
}

body[data-overlay=true] {
	overflow-y: hidden;
}

.arte-content .arte-overlay .arte-overlay-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #5C869C;
	opacity: .9;
	z-index: 1;
	cursor: pointer;
}

.arte-content .arte-overlay .arte-overlay-background::before {
	content: '×';
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	color: #ffffff;
	height: 10vh;
	width: 100%;
	max-width: 480px;
	font-size: 48px;
}

.arte-content .arte-overlay .arte-overlay-foreground {
	/* position: relative; */
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	max-width: 480px;
	max-height: 80vh;
	border-radius: 8px;
	padding: 32px 16px 16px;
	z-index: 2;
	transform: translateY( 32px );
	transition: transform .4s;
}

.arte-content .arte-overlay .card {
	font-size: 90%;
	line-height: 1.5;
	cursor: default;
}

body[data-overlay=true] .arte-content .arte-overlay .arte-overlay-foreground {
	transform: translateY( 0 );
}

.arte-content .theme {
	font-family: 'LatoBold', 'Lato';
	font-weight: 700;
	color: #006194;
	display: block;
	font-size: 12px;
	line-height: 1.5;
	text-transform: uppercase;
	display: none;
}

.arte-content .commons {
	margin-bottom: 32px;
}

.arte-content .commons li {
	margin-bottom: 64px;
	list-style-type: circle;
	margin-left: 18px;
}

.arte-content .proposition {
	font-weight: 700;
	font-family: 'LatoBold';
	color: #000;
}

.arte-content .candidates {
	margin-top: 8px;
}

.arte-content .candidates::before {
	content: 'É uma proposta de…';
	display: inline-block;
	width: 100%;
	text-align: left;
	opacity: .66;
	font-size: 80%;
}

.arte-content .candidate {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 80%;
	margin-top: 8px;
}

.arte-content .commons .portrait {
  max-width: 24px;
  margin-top: 0;
}

.arte-content .candidates h5 {
	margin: 0 8px;
	font-size: 16px;
	color: #5d5d5d;
}

.arte-content .info {
	display: flex;
	align-items: baseline;
}




/*
[data-theme]:nth-child(1) .answers .portrait::before  { background: #ffe6b2 }
[data-theme]:nth-child(2) .answers .portrait::before  { background: #ffcb91 }
[data-theme]:nth-child(3) .answers .portrait::before  { background: #ffae79 }
[data-theme]:nth-child(4) .answers .portrait::before  { background: #fe906a }
[data-theme]:nth-child(5) .answers .portrait::before  { background: #f47461 }
[data-theme]:nth-child(6) .answers .portrait::before  { background: #e75758 }
[data-theme]:nth-child(7) .answers .portrait::before  { background: #d53c4c }
[data-theme]:nth-child(8) .answers .portrait::before  { background: #c0223b }
[data-theme]:nth-child(9) .answers .portrait::before  { background: #a70b24 }
[data-theme]:nth-child(10) .answers .portrait::before { background: #8b0000 }
*/