@charset "UTF-8";
/* CSS Document */
.page__header{
	padding: 2vh 0 0vh;
}
.page__header:before, .page__header:after{
	display: none;
}

.social-cobertura__header.page__header h1 {
	text-transform: uppercase;
	width: 80%;
	font-size: 10vw;
	line-height: 8.5vw;
}
#cobertura .page__header h1{
	font-size: 7vw;
	line-height: 6.5vw;
}

.page__container{
	padding-bottom: 10vh;
}
.cobertura_paper_elements .frame{
	 position: absolute;
	 z-index: 0;
	 left: 0;
	 top:0;
	 width: 100%;
	 height: 100%;
 }
.cobertura_paper_elements .frame .paper_element{
	position: absolute;
	width: 2.5vw;
	height: 2.5vw;
}
.cobertura_paper_elements .frame .paper_element.top_left{
	left: 1.5vw;
	top: 90px;
}
.cobertura_paper_elements .frame .paper_element.top_right{
	right: 1.5vw;
	top:90px;
}
.cobertura_paper_elements .frame .paper_element.bottom_left{
	left: 1.5vw;
	bottom: 1.5vw;
	transform: rotate(-90deg);
}
.cobertura_paper_elements .frame .paper_element.bottom_right{
	right: 1.5vw;
	bottom: 1.5vw;
	transform: rotate(90deg);
}


.coverage_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap:2vw;
	padding: 0 20px;
}

.cobertura__item{
	position: relative;
	width: 23vw;
	height: 23vw;
	border-radius: 15vw;
	overflow: hidden;
}

.cobertura__item .cobertura__item-cover {
	position: relative;
	width: 100%;
	height: 100%;
}

.cobertura__item.item_type-double{
	width: 46vw;
}
.cobertura__item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cobertura__item-text {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFD659;
	color: #161A32;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3vw;
	text-align: center;
}
.cobertura__item-text.purple{
	background-color: #E31E8D;
	color: #FFD659;
}

.cobertura__item-text:before, .cobertura__item-text:after{
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/elements/coverage_text_element.svg)
}
.cobertura__item-text:before{
	top:2vw;

}
.cobertura__item-text:after{
	bottom:2vw;
	transform: scaleY(-1);
	display: block;
}

.cobertura__category{
	display: none;
	gap: 10px;
	justify-content: center;
	margin-bottom: 5vh;

}

.cobertura__category .rounded_button a{
	font-size: 1.3rem;
	line-height: 1.3rem;
}
.action-video{
	cursor: pointer;
	position: relative;
}
.action-video:after{
	content: '';
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-image: url(../images/icons/play_icon.svg?v4);
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(21, 26, 50, 0.4);
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.action-video:hover:after{
	transform: scale(1.1);
}


.card-text {
	font-size: 1.5vw;
	line-height: 1.6vw;
}



#popup{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	max-width: 100%;
	height: 100dvh;
	z-index: 105;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgb(227 30 141 / 95%);
}
#popup.in{
	display: flex;
}
#popup #popup_content{
	position: relative;
	width: 80%;
	max-width: 1200px;
}

#popup #popup_content video{
	width: 100%;
	aspect-ratio: 16/9;
}

#close_btn{
	position: absolute;
	right: 2vw;
	top: 2vw;
	font-size: 5vw;
	line-height: 2vw;
	cursor: pointer;
}

@media(max-width:1700px){
	.cobertura__item{
		width: 23vw;
		height: 23vw;
		border-radius: 15vw;
		overflow: hidden;
	}

	.cobertura__item.item_type-double{
		width: 46vw;
	}

}


@media(max-width:1700px){
	.coverage_container{
		gap:1vw;
	}
	.cobertura__item{
		width: 32vw;
		height: 32vw;
		border-radius: 15vw;
		overflow: hidden;
	}

	.cobertura__item.item_type-double{
		width: 60vw;
	}

}

@media(max-width:992px){
	.coverage_container{
		padding: 0 15px;
	}
	.cobertura__item{
		width: 30vw;
		height: 30vw;
		border-radius: 15vw;
		overflow: hidden;
	}

	.cobertura__item.item_type-double{
		width: 58vw;
	}
	.cobertura_paper_elements .frame .paper_element {
		position: absolute;
		width: 4.5vw;
		height: 4.5vw;
	}

}

@media(max-width:767px){
	.page__main {
		padding: 80px 0px 20px;
	}
	.coverage_container{
		gap:1rem;
	}

	.cobertura__item{
		width: 43vw;
		height: 42vw;
		border-radius: 30vw;
		overflow: hidden;
	}
	.cobertura__item.item_type-double{
		width: 90vw;
	}
	#close_btn{
		font-size: 10vw;
		line-height: 10vw;
	}

	.card-text {
		font-size: 2.8vw;
		line-height: 2.8vw;
	}

	.cobertura_paper_elements .frame .paper_element.top_left,
	.cobertura_paper_elements .frame .paper_element.top_right  {
		top: 75px;
	}

	.cobertura_paper_elements .frame .paper_element {
		position: absolute;
		width: 10.5vw;
		height: 10.5vw;
	}

	#popup.cobertura_paper_elements .frame .paper_element.top_left,
	#popup.cobertura_paper_elements .frame .paper_element.top_right  {
		top: 2vw;
	}

}