/****ADMIN COLORS PRESETS****/
.has-rojo-background-color{ background-color: var(--rojo) !important; }
.has-rojo-color{ color: var(--rojo) !important; }
.has-black-background-color{ background-color: var(--black) !important; }
.has-black-color{ color: var(--black) !important; }
.has-light-background-color{ background-color: var(--light) !important; }
.has-light-color{ color: var(--light) !important; }
.has-white-background-color{ background-color: var(--white) !important; }
.has-white-color{ color: var(--white) !important; }

*{
	scroll-margin-top: var(--header-height);
}

.wp-block-image{
	opacity: 0;
	transform: translatey(5rem);
	animation: blockimage .5s forwards;
}
@keyframes blockimage{
	to{
		opacity: 1;
		transform: translatey(0);
	}
}

/****************************************** HEADER ***************************************/

.site_header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--header-height);
	z-index: 999;
	transform: translatey(-101%);
	animation: headerAnim forwards .7s;
}

@keyframes headerAnim{
	to{
		transform: translatey(0);
	}
}

body.scrolled .site_header{
	position: fixed;
	background-color: var(--white);
}

.site_header_brand{
	display: block;
	width: 12.2222rem;
	position: relative;
}

body.scrolled .site_header_brand.site_header_brand_neg,
.site_header_brand.site_header_brand_pos{
	display: none;
}

body.scrolled .site_header_brand.site_header_brand_pos{
	display: block;
}

.site_header_brand .logo_anim{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.site_header_brand.site_header_brand_neg .logo_anim{
	display: block;
	animation: opacityLogo 3s forwards;
}

.site_header_brand.site_header_brand_neg .logo_base{
	visibility: hidden;
	animation: visibilityLogo 0s forwards;
	animation-delay: 3s;
}
@keyframes visibilityLogo{
	to{
		visibility: visible;
	}
}
.site_header_brand.site_header_brand_neg:hover .logo_anim,
.site_header_brand:hover .logo_anim{
	display: block !important;
}
.site_header_brand:hover .logo_base{
	opacity: 0;
}

@keyframes opacityLogo{
	to{
		display: none;
	}
}

.site_header_nav{
	display: flex;
	align-items: center;
	gap: 3rem;
}

.site_header_nav .main_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0 3rem;
}
.site_header_nav .main_menu a{
	color: var(--white);
	text-transform: uppercase;
}
.site_header_nav .main_menu a:hover{
	font-weight: 700;
	text-decoration: none;
}

body.scrolled .site_header_nav .rrss_links .rrss_link,
body.scrolled .site_header_nav .main_menu a{
	color: var(--black);
}

.rrss_links{
	gap: .5rem;
}
.rrss_links .rrss_link svg{
	display: block;
	width: 1.35rem;
	height: 1.35rem;
}

.site_header_nav .rrss_links .rrss_link{
	color: var(--white);
	transition: opacity .3s ease;
}
.site_header_nav .rrss_links .rrss_link:hover{
	opacity: .5;
}

/****************************************** FOOTER ***************************************/

.site_footer{
	line-height: 1.75;
}

.footer_menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.site_footer_logo{
	width: 8.2222rem;
}

.site_footer a{
	text-decoration: none;
}
.site_footer a:hover{
	color: var(--rojo);
	text-decoration: none;
}

/****************************************** BLOCK HERO ***************************************/

.block_hero{
	padding-top: calc(var(--header-height) + 5rem);
}

.block_hero .block_bg{
	position: absolute;
	bottom: -5rem;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 300vh;
	transition: transform 1s ease;
	opacity: 0;
	animation: blockbg 1s forwards;
}
.block_hero .block_content{
	transform: translatey(5rem);
	opacity: 0;
	animation: blockCont 1s forwards;
	animation-delay: .5s;
}

@keyframes blockbg{
	to{
		opacity: 1;
	}
}

@keyframes blockCont{
	to{
		transform: translatey(0);
		opacity: 1;
	}
}

/****************************************** CARDS ***************************************/

.card_evento .card_image{
	position: relative;
}
.card_evento .card_image .credito{
	position: absolute;
	bottom: .75rem;
	right: .74rem;
	font-size: 13px;
}

.card_evento .card_image img{
	transition: transform 1s ease;
}
.card_evento:hover .card_image img{
	transform: scale(1.2);
}

.card_evento .card_overlay{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
}
.card_evento:hover .card_overlay{
	opacity: 1;
	visibility: visible;
}

.card_tags{
	gap: .5rem;
}
.card_tags span{
	display: inline-block;
	padding: .25rem .5rem;
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
	border-radius: 4px;
}

/****************************************** LINKS ***************************************/

.wp-block-button .wp-block-button__link,
.btn{
	display: inline-flex;
	align-items: center;
	-moz-appearance: none; /*Firefox legacy*/
	-webkit-appearance: none; /* Chromes legacy*/
	appearance: none;
	text-decoration: none;
	max-width: fit-content;
	font-size: 1rem;
	font-weight: 400;
	color: var(--rojo);
	text-transform: uppercase;
	background-color: transparent;
	padding: 0;
}
.wp-block-button .wp-block-button__link:hover,
.btn:hover{
	font-weight: 700;
	text-decoration: none;
	color: var(--rojo);
}

.wp-block-button.is-style-btn-link .wp-block-button__link::after,
.btn-link::after{
	content: '';
	width: 1.35em;
	height: 0.75em;
	margin-left: 0.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A93228' viewBox='0 0 62.208 13.734'%3E%3Cpath d='M62.208,6.868l-5.107,6.866-1.441-.682,3.919-5.268H0v-1.841h59.565l-3.905-5.196L57.101,0l5.107,6.868Z'/%3E%3C/svg%3E");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: all 0.3s ease-in-out;
}

.wp-block-button.is-style-btn-link .wp-block-button__link:hover::after,
.btn-link:hover::after{
	content: '';
	width: 3.25em;
}

.btn.text-white:hover,
.btn.text-white{
	color: var(--white);
}

.btn-link.text-white::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 62.208 13.734'%3E%3Cpath d='M62.208,6.868l-5.107,6.866-1.441-.682,3.919-5.268H0v-1.841h59.565l-3.905-5.196L57.101,0l5.107,6.868Z'/%3E%3C/svg%3E");
}

/****************************************** FORM ***************************************/

.form-select{
	display: block;
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	height: 3.5rem;
	padding: .25rem 1rem;
	border: 0 none;
	background-color: var(--white);
	-moz-appearance: none; /*Firefox legacy*/
	-webkit-appearance: none; /* Chromes legacy*/
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M8.055,12.569L0,4.84l1.351-1.409,6.695,6.422,6.592-6.417,1.362,1.4-7.945,7.733Z'/%3E%3C/svg%3E");
	background-position: right .75rem center;
	background-repeat: no-repeat;
	background-size: .88889rem auto;
}
.form-select option{
	font-size: 1rem;
}

/****************************************** RESPONSIVE ***************************************/

@media only screen and (max-width: 1399px){
}

@media only screen and (max-width: 1199px){

	body.scrolled .site_header.show{
		background-color: var(--rojo);
	}

	body.scrolled .site_header.show .site_header_brand.site_header_brand_pos{
		display: none;
	}
	body.scrolled .site_header.show .site_header_brand.site_header_brand_neg{
		display: block;
	}

	.site_header_nav{
		display: none;
		position: fixed;
		top: var(--header-height);
		left: 0;
		width: 100%;
		height: calc(100vh - var(--header-height));
		background-color: var(--rojo);
		overflow: hidden;
		overflow-y: auto;
		padding: 1.5rem 0;
		flex-direction: column;
		align-items: center;
	}

	.site_header.show .site_header_nav{
		display: flex;
	}

	body.scrolled .site_header_nav .rrss_links .rrss_link, body.scrolled .site_header_nav .main_menu a,
	.site_header_nav .rrss_links .rrss_link,
	.site_header_nav .main_menu a{
		color: var(--white);
	}

	.main_menu{
		flex-direction: column;
		flex: 1 0 0%;
		width: 90%;
	}

	.site_header_nav .main_menu a{
		display: block;
		padding: .25rem 0;
	}

	.site_header_nav .rrss_links{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
	}

	.card_evento .card_overlay{
		position: static;
		opacity: 1;
		visibility: visible;
		font-size: .88889rem;
	}

}

@media only screen and (max-width: 991px){	
}

@media only screen and (max-width: 767px){
}

@media only screen and (max-width: 575px){
}