article header{
	margin-bottom: 2em;
}

.default-item-hero{
	background: var(--color-lightergray);
	height: 50vh;
}

.default-item-hero img{
	height: 50vh;
}

.default-item-hero a{
	width: auto !important;
}

.default-item-relations{
	background: var(--color-lightergray);
}

.default-item-form{
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	margin-bottom: 2em; 
}

.default-item-relations{
	padding: .5em 0;
	border-top: 1px solid #ccc;
}

.default-item-text{
	font-size: 1.2em !important;
}

.default-item-text ul{
	list-style-type: disc;
	padding-left: 1.25em;
	display: flex;
	flex-direction: column;
	gap: .35em;
}

.default-item-text ol{
	list-style-type: number;
	padding-left: 1.25em;
	display: flex;
	flex-direction: column;
	gap: .35em;
}

.default-item-text ol li::marker {
    color: var(--color-theme);
	font-weight: 600;
	font-size: .9em;
}


.default-item-text li{
	padding-left: .25em;
	line-height: 1.1;
}

.default-item-text a{
	/* text-decoration-color: var(--color-theme); */
	text-decoration: underline;
	text-decoration-style: dotted !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px;
	transition: all .3s ease;
}
.default-item-text a:hover{
	/* color: var(--color-theme); */
	text-decoration-color: var(--color-theme);
	text-decoration-style: solid !important;
	text-decoration-thickness: 3px !important;
}

.default-item-text .btn{
	margin: 1em 0;
}

.default-item-text iframe{
	width: 100% !important;
	margin-bottom: 2em;
}
.default-item-text iframe:not(:first-child){
	margin-top: 2em;
}

.default-item-text iframe[src^='https://www.youtube.com']{
	aspect-ratio: 16 / 9;
	height: auto !important;
}

.default-item-text > p:not(:first-child),
.default-item-text > ul:not(:first-child),
.default-item-text > ol:not(:first-child){
	margin-top: .75em;
}

.default-item-text > .row,
.default-item-text > p,
.default-item-text > ul,
.default-item-text > ol{
	line-height: 1.2;
}

.default-item-text li > a,
.default-item-text p > a{
	text-decoration: underline;
	font-weight: 600;
}

.default-item-text > p:not(:first-child){
	margin-top: 1em;
}

.default-item-text > h2{
	margin-bottom: .5em;
	text-transform: lowercase;
	font-size: 1.5em;
	font-weight: 800;
	display: inline-block;
    text-wrap: balance;
}

.default-item-text > h2:not(:first-child){
	margin-top: 1.5em !important;
	padding-top: .5em;
}

.default-item-text > h2::before {
	content: "";
	display: block;
	width: 33%;
	min-width: 200px;
	height: 2px;
	background-color: var(--color-black);
	margin-bottom: .25em;
}

.default-item-text > h2 b{
	font-weight: 800;
}

.default-item-text > h3 b{
	font-weight: 700;
}

.default-item-text > h4{
    margin: 3.5em 0 1.5em 0;
    border-bottom: 1px solid var(--color-gray);
    padding-bottom: 0.5em;
    font-size: 1.1em;
}

.default-item-text > p > img {
	width: 100%;
}

.default-item-text .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    margin: 2em 0 2em 0;
    gap: 2em 1.5em;
}

.default-item-text .row.r4 {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.default-item-text .v-align-center {
    align-items: center;
}

.default-item-text .col2 {
	grid-column-end: span 2;
}

.default-item-text .row img {
	padding: 0 10%;
	margin: 0 auto;
}

.default-item-text p:has(> img) {
	margin-bottom: 1.75em;
}
.default-item-text p:has(> img):not(:first-child) {
	margin-top: 1.75em;
}


/* ----- */

			main > article.exhibition .default-item-text > h2::before {
				content: "";
				display: block;
				width: 33%;
				height: 2px;
				background-color: var(--color-dark);
				margin-bottom: .25em;
			}

			.default-item-text > h3{
				color: var(--color-theme);
				text-transform: uppercase;
				font-size: 1em;
				font-weight: 700;
				display: block;
				text-wrap: balance;
			}

			.default-item-text > h3:not(:first-child){
				margin-top: 2em;
			}

.item-program a{
    color: #FFFFFF;
    background: #00000088;
    background: var(--color-theme);
    padding: .4em .75em .1em .75em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8em;
    display: inline-block;
	transition: all .3s ease;
	border-radius: 3em;
}

.item-program a:hover{
    color: #000000;
    background: #FFFFFF;
}

/* details / summary */ 

.default-item-relations details summary{
	position: relative;
	list-style: none;
	cursor: pointer;
}

.default-item-relations h3{
	font-size: 1.5em;
	color: var(--color-gray);
}

.default-item-relations h4{
	margin: .25em 0 .5em 0;
}
.default-item-relations h4 span{
	font-weight: 400;
	color: var(--color-gray);
}

.default-item-relations details summary::before{
	content: "+";
	font-size: 1.5em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.default-item-relations details[open] summary::before{
	content: "-";
}

.default-item-relations details summary::-webkit-details-marker {
	display:none;
}

/* card relacionados */ 

.default-item-relations .related-items-stage {
	margin: 1.5em 0;
}
.default-item-relations .card-grid .card {
	gap: .5em;
}
.default-item-relations .card-grid {
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.default-item-relations .card-grid .card-info {
	font-size: .7em;
}

/* --------- */

aside{
    margin: 1.5em 0;
}

.property-image-bullet{
	display: flex;
	flex-direction: column;
	gap: .5em;
}

.property-image-bullet-item{
	display: flex;
	max-width: 100%;
	gap: 1em;
	align-items: center;
}

.property-image-bullet-item .property-image-bullet-img{
	flex: 0 0 60px;
}

.property-image-bullet-item .property-image-bullet-img img{
	width: 60px;
}

.property-image-bullet-item .property-image-bullet-text{
	font-weight: 600;
	font-size: .8em;
}

.property-grouped-attributes{
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.property-grouped{
	display: flex;
	flex-direction: column;
	gap: .5em;
}

.property-grouped-title{
	font-size: .7em;
	text-transform: uppercase;
	font-weight: 600;
}

.property-grouped-items{
	display: flex;
	gap: 1em 4em;
	flex-wrap: wrap;
}

.property-grouped-item img{
	max-height: 4.5em;
	max-width: 15em;
	display: block;
    object-fit: contain;
}

/* -------- */


.form-gallery figcaption{
	display: none;
}

.schedule-events .title{
    margin-bottom: 1em;
    text-transform: lowercase;
    font-size: 2em;
}

.schedule-events details{
	margin-top: 1.5em;
}

.schedule-events details > div{
	margin-top: .75em;
}

.schedule-events summary{
	/* color: var(--color-theme); */
	font-weight: 600;
	border-bottom: 1px solid var(--color-theme);
	cursor: pointer;
	position: relative;
	font-size: 1.2em;
	list-style: none;
}

.schedule-events summary summary::-webkit-details-marker {
	display: none;
}

.schedule-events summary span.schedule-events-day-total{
    font-size: .7em;
    font-weight: 400;
    margin-left: .5em;
    text-transform: uppercase;
    color: var(--color-theme);
}

.schedule-events details summary::before{
	content: "+";
	font-size: 1.5em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: var(--color-theme);
}

.schedule-events details[open] summary::before{
	content: "-";
}

.schedule-section{
	margin-top: 1em;
    border-top: 1px solid var(--color-lightgray);
    padding-top: .75em;
	font-size: 1.8em;
}

.item-description,
.schedule-description{
    text-wrap: balance;
    font-weight: 300;
    font-size: 1.6em;
    color: var(--color-gray);
    width: 90%;
    margin-top: .1em;
    margin-bottom: 2.5em;
}

.schedule-description{
	font-size: 1.4em;
	width: 95%;
	margin-bottom: 1.5em;
}

/* ------------------------------- */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: 'shiro-icon' !important;
    font-size: 1em !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1 !important;
}

.swiper-button-prev:after { content: '\E814' !important; }
.swiper-button-next:after{ content: '\E815' !important; }


[mention].gallery-swiper{
	margin: 1.5em 0 3em 0;
}

[mention].gallery-swiper .swiper-wrap{
	position: relative;
}

[mention].gallery-swiper .swiper-wrap{
	width: auto !important;
}

[mention].gallery-swiper .swiper-wrap img{
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
}

[mention].gallery-swiper .swiper-button-prev,
[mention].gallery-swiper .swiper-button-next {
	opacity: 0;
	transition: all .3s ease;
}
[mention].gallery-swiper:hover .swiper-button-prev,
[mention].gallery-swiper:hover .swiper-button-next {
	opacity: 1;
}

[mention].gallery-swiper .swiper-button-prev {
	color: var(--color-gray);
	background-color: var(--color-white);
    padding: 1.2em 1.25em 1.2em 0.8em ;
    border-radius: 0 50% 50% 0;
    left: 0;
}

[mention].gallery-swiper .swiper-button-next {
	color: var(--color-gray);
	background-color: var(--color-white);
    padding: 1.2em 0.8em 1.2em 1.25em;
    border-radius: 50% 0 0 50%;
    right: 0;
}

[mention].gallery-swiper .swiper-button-prev:hover {
	color: var(--color-theme);
    padding: 1.2em 1.25em 1.2em 1.25em ;
}

[mention].gallery-swiper .swiper-button-next:hover {
	color: var(--color-theme);
    padding: 1.2em 1.25em 1.2em 1.25em;
}

[mention].gallery-swiper .swiper-button-prev::after,
[mention].gallery-swiper .swiper-button-next::after{
	font-size: 1.2em;
	font-weight: 900;
}

[mention].gallery-swiper .swiper-pagination{
	margin-top: .25em;
	bottom: auto;
}

[mention].gallery-swiper .swiper-button-disabled{
   display: none;
}

@media (width < 800px) {
	[mention].gallery-swiper .swiper-wrap img{
		aspect-ratio: 1;
	}
}

/* --- */


.exhibition-gallery{
	margin: 5em 0 0 0;
}

.exhibition-gallery-swiper img{
	width: auto;
	height: 35vh;
}

.exhibition-gallery-swiper .swiper-slider{
	width: auto !important;
}

.exhibition-gallery-swiper .swiper-slide{
	width: auto;
}

.exhibition-gallery-swiper .swiper-button-prev{
	color: var(--color-gray);
	background-color: var(--color-white);
    padding: 1.5em 1.5em 1.5em 1.25em ;
    border-radius: 0 50% 50% 0;
    left: 0;
	transition: all .3s ease;
}
.exhibition-gallery-swiper .swiper-button-next{
	color: var(--color-gray);
    background-color: var(--color-white);
    padding: 1.5em 1.25em 1.5em 1.5em;
    border-radius: 50% 0 0 50%;
    right: 0;
	transition: all .3s ease;
}

.exhibition-gallery-swiper .swiper-button-prev:hover{
	padding: 1.5em 1.5em 1.5em 1.5em ;
	color: var(--color-theme);
}
.exhibition-gallery-swiper .swiper-button-next:hover{
	padding: 1.5em 1.5em 1.5em 1.5em;
	color: var(--color-theme);
}

.exhibition-gallery-swiper .swiper-button-prev::after,
.exhibition-gallery-swiper .swiper-button-next::after{
	font-size: 1.5em !important;
    font-weight: 600;
}

.article-date{
	font-size: 1.35em;
}

.article-description{
    text-wrap: balance;
    font-weight: 300;
    font-size: 1.75em;
    color: var(--color-darkgray);
    width: 90%;
    line-height: 1.1;
}

.article-description:not(:first-child){
	margin-top: .5em;
}

.default-text:not(:first-child){
	margin-top: 4em;
}

.article-author{
	margin-top: .75em;
}
.article-author span{
	font-weight: 700;
}

/* ---------  HOME EXHIBITION-SWIPER    --------- */

.exhibition-swiper {
	width: 100%;
	height: 70vh;
	overflow: initial !important;
  }

.exhibition-swiper-slide{
	overflow: clip;
	border-radius: 5em 0 0 0;
}

.exhibition-swiper-slide img{
	position: absolute;
	inset: 0 0 0 0;
    width: 100%;
    width: calc(100vw - ( (25vw - 250px) * 1.5 ));
	height: 100%;
	object-fit: cover;
}

.exhibition-swiper-slide .exhibition-swiper-button-nav{
	position: absolute;
	width: 48%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

.exhibition-swiper-slide .exhibition-swiper-button-nav div{
	position: relative;
	width: 100%;
	height: 100%;
	cursor: none;
}

.exhibition-swiper-slide .exhibition-swiper-button-nav:hover span{
	display: block;
	width: 4em;
	height: 4em;
	position: absolute;
	/* transform: translate(0, -50%); */
	-webkit-filter: drop-shadow(5px 5px 14px #00000099);
	filter: drop-shadow(4px 4px 6px #00000099);
}

.exhibition-swiper-slide .exhibition-swiper-button-prev{
	top: 0;
	left: 0;
}

.exhibition-swiper-slide .exhibition-swiper-button-prev span{ transform: translate(-100%, -50%); }

.exhibition-swiper-slide .exhibition-swiper-button-next{
	top: 0;
	right: 0;
}

.exhibition-swiper-slide .exhibition-swiper-button-next span{ transform: translate(0, -50%); }

.exhibition-swiper-slide .exhibition-swiper-button-prev:hover span{
	background-image: url('../images/gallery-prev.svg');
}

.exhibition-swiper-slide .exhibition-swiper-button-next:hover span{
	background-image: url('../images/gallery-next.svg');
}

.exhibition-swiper-pagination{
	position: relative !important;
	top: unset !important;
	bottom: unset !important;
	margin-top: .75em;
}
.swiper-pagination-bullet{
	width: .5em !important;
	height: .5em !important;
	border-radius: 1em !important;
	opacity: .15 !important;
}
.swiper-pagination-bullet-active{
	background-color: var(--color-theme) !important;
	opacity: 1 !important;
}

/* -- */


.article-column{
	padding: 1.5em 0;
	display: flex;
	gap: 1em;
	align-items: center;
	/* border-top: 1px dotted var(--color-gray); */
}
.article-column > div{
	width: 75%;
}

.article-column.article-icon::before{
	content: "";
	width: 4.5em;
	height: 4.5em;
	flex: 0 0 auto;
	margin: 0 1.2em;
	border-radius: 50%;
	background-image: url('../images/icon-default.svg');
}

.article-column.article-icon.roupa::before{
	background-image: url('../images/icon-roupa.svg');
}

@media (width < 800px) {
	.article-column{
		/* padding: 1.5em 10%; */
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.article-column.article-icon::before {
		width: 5em;
		height: 5em;
	}
}

/* ------- */
.group-relations{
	grid-column: content-start / content-end;
}

.group-relations:not(:first-child){
    margin-top: 4em;
}

.group-relations h2{
	font-weight: 800;
	font-size: 2em;
	text-transform: lowercase;
    text-wrap: balance;
	margin-bottom: 1em;
}

.group-relations h2::before {
	content: "";
    display: block;
    width: 200px;
    height: 2px;
    background-color: var(--color-dark);
    margin-bottom: .25em;
}


/* single Media */

	p:has([mention="single Media"]){
		margin-top: 2.5em !important;
	}

	[mention="single Media"] {
		text-decoration: none !important;
		display: flex;
		gap: .5em;
		align-items: center;
	}

	p:has([mention="single Media"]) + p:has([mention="single Media"]) {
		margin-top: .5em !important;
	}

	p:has([mention="single Media"]):last-of-type {
		margin-bottom: 2em;
	}

	[mention="single Media"]::before{
		flex: 0 0 var(--icon-width-small);
		content: '';
		width: var(--icon-width-small);
		height: var(--icon-width-small);
		background-image: url('../images/icon-circle-black-download.svg');
		background-repeat: no-repeat;
		background-size: cover;
		text-decoration: none !important;
		transition: all .3s ease;
	}

	[mention="single Media"]:hover::before{
		filter: var(--tint-theme);
	}

	/* --- */

	[mention="single person"]{
		background: var(--color-lightergray);
		padding: 1em;
		display: flex;
		gap: var(--container-gap);
		border-radius: .75em;
	}

	[mention="single person"] .image{
		flex: 0 0 min(8em, 45%);
	}

	@media (width < 800px) {
		[mention="single person"]{
			flex-direction: column;
		}
	}

	[mention="single person"] .image img{
		width: min(12em, 100%);
		height: auto;
		aspect-ratio: 1;
		margin: 0 auto;
		object-fit: cover;
	}

	[mention="single person"] .text .description{
		margin-top: 1em;
		font-size: .8em;
		line-height: 1.1;
	}
	

/* PROJECT */

.project-hero{
	height: 55vh;
	width: 100%;
	overflow: clip;
	border-radius: 3em 0 0 0;
	background: var(--color-lightergray);
	position: relative;
	margin-bottom: 4.5em;
	grid-column: content-start / full-end;
	margin-top: -4.5em;
}

.project-hero img{
	height: 100%;
	width: 100%;
	position: absolute;
	inset: 0 0 0 0;
	object-fit: cover;
}

.project-hero .project-hero-text{
	background-color: var(--color-white);
	border-radius: 0 3em 0 0;
	padding: 1.5em 2em 0.5em 0;
	position: absolute;
	bottom: 0;
	left: 0;
    max-width: min(600px, 75%);
}

.project-hero .project-hero-text .mda-title::before{
	display: none;
}