html{
	scroll-padding-top: 120px;
	scroll-behavior: smooth;
}

/* HEADER */

.home .cabecerafija,
.page-id-20102 .cabecerafija,
.page-id-20188 .cabecerafija,
.page-id-20190 .cabecerafija,
.page-id-20194 .cabecerafija,
.page-id-20331 .cabecerafija{
	background: transparent;
	background-image: none!important;
}
.home.menuscroll .cabecerafija,
.page-id-20102.menuscroll .cabecerafija,
.page-id-20188.menuscroll .cabecerafija,
.page-id-20190.menuscroll .cabecerafija,
.page-id-20331.menuscroll .cabecerafija,
.page-id-20194.menuscroll .cabecerafija {
	background-color: #685b5888!important;
}

.home header .wp-block-site-logo,
.page-id-20102 header .wp-block-site-logo,
.page-id-20188 header .wp-block-site-logo,
.page-id-20190 header .wp-block-site-logo,
.page-id-20331 header .wp-block-site-logo,
.page-id-20194 header .wp-block-site-logo{
	display: none;
}


.wp-block-template-part:has(.cabecerafija){
	top: 0;
	position: sticky;
	z-index: 10;
}
.menuscroll .cabecerafija .contenedorcabecera{
	min-height: 80px!important;
	transition: min-height 150ms ease-in-out;
}

@media screen and (max-width: 768px){ 
	header > .cabecerafija.has-background{background-position: 50% 35%!important;}
}



/* Clases generales */

.bloqueoculto{
	visibility: hidden;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9999px;
}

.bloqueocultomovil{
	@media screen and (max-width: 768px){
		visibility: hidden;
		font-size: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		left: -9999px;
	}
}

.contenedorocultomovil{
	@media screen and (max-width: 768px){
		display: none;
	}
}

h1 > a,
h2 > a{
	text-decoration: none;
	font-family: unset;
	color: inherit;
}


/* */

.wp-site-blocks{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 100vh;

	footer{
		margin-top: auto;
	}
}

/**/

#ez-toc-container {
	box-sizing: border-box;
	background: none;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: table;
	margin-bottom: 1em;
	padding: 16px;
	position: relative;
	width: auto;
}
.ez-toc-title-container{
	display: flex;
	justify-content: space-between;
	align-content: center;
	margin-bottom: 16px;
}
.ez-toc-title-container p{
	margin: 0;
}
.ez-toc-btn:focus {
	outline: none; */
}

/* BLOCKS */

p{
	&.is-style-tubqal-paragraph-estrecho{
		@media screen and (min-width: 768px){
			max-width: 50%;
		}
	}
}

.wp-block-gallery.ratio32{
	.wp-block-image{
		aspect-ratio: 3 / 2;
	}
}

.wp-block-columns{
	&.is-style-tubqal-columns-reversomovil{
		@media screen and (max-width: 768px){flex-direction: column-reverse; flex-wrap: nowrap!important;}
	}
}

.wp-block-separator {
	border-top: 1px solid;
}

.wp-block-query{
	&.is-style-tubqal-slider-rutas{
		padding: 0 8px !important;

		.splide__arrow{
			opacity: 30%;
			&.splide__arrow--next{
				display: inline-block;
				width: 2rem;
				height: 2rem;
				background: #f1eadc;
				background-repeat: no-repeat;
				background-size: 80% 80%;
				background-position: center center;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23685b58' fill-rule='evenodd' d='M10.293 3.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 11H3a1 1 0 1 1 0-2h11.586l-4.293-4.293a1 1 0 0 1 0-1.414' clip-rule='evenodd'/%3E%3C/svg%3E");
			}
			&.splide__arrow--prev{
				display: inline-block;
				width: 2rem;
				height: 2rem;
				background: #f1eadc;
				background-repeat: no-repeat;
				background-size: 80% 80%;
				background-position: center center;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23685b58' fill-rule='evenodd' d='M9.707 14.707a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L7.414 9H15a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414' clip-rule='evenodd'/%3E%3C/svg%3E");
			}
		}

		ul.is-layout-grid{

			display: -ms-flexbox!important;
			display: flex!important;

			.wp-block-post.g4co_portfolio.splide__slide{

			}
			.wp-block-cover:hover .wp-block-cover__background{
				opacity: 0.2;
				transition: opacity 0.2s;
			}

			.wp-block-post-excerpt{
				visibility: hidden;
				height: 0;
			}

			.taxonomy-g4co_destination{
				a{
					text-decoration: none;
					font-size: var(--wp--preset--font-size--small);
					background: var(--wp--preset--color--custom-tierra-2);
					color: var(--wp--preset--color--custom-texto);
					padding: 4px 6px;
					opacity: 0.85;
					margin-right: 4px;
					margin-bottom: 4px;
					display: inline-block;
				}
			}

			.wp-block-post-terms__separator{
				display: none;
			}


			@media screen and (min-width: 768px){
				.wp-block-post.g4co_portfolio.splide__slide{
					//width: calc(50% - calc(var(--wp--style--block-gap) / 2))!important;
				}
			}

			@media screen and (min-width: 1024px){
				.wp-block-post.g4co_portfolio.splide__slide{
					width: calc((100% - 3 * var(--wp--style--block-gap)) / 4)!important;
				}
			}
		}
	}

	&.is-style-tubqal-slider-rutas:hover .splide__arrow{
		opacity: 90%;
		transition: opacity ease-in-out 0.2s;
	}

	&.is-style-tubqal-grid-rutas{
		.taxonomy-g4co_destination{
			a{
				text-decoration: none;
				font-size: var(--wp--preset--font-size--small);
				background: var(--wp--preset--color--custom-tierra-1);
				color: var(--wp--preset--color--custom-texto);
				padding: 4px 6px;
				opacity: 0.85;
				margin-right: 4px;
				margin-bottom: 4px;
				display: inline-block;
			}
		}
		.wp-block-post-terms__separator{
			display: none;
		}
	}
}
/* Chrome */
.wp-block-post-featured-image{
	max-width: 100%;
	width: 100%;
}

.wp-block-read-more{
	white-space: nowrap;
}

.wp-block-group{
	&.is-style-tubqal-group-bloque-ruta#itinerario{
		h3 strong{
			font-size: 2rem;
		}
	}

	&.calendario{
		@media screen and (max-width: 768px){
			.fecha{
				text-align: right;
				.dias{
					flex-direction: row;
					gap: 0.5rem;
					justify-content: flex-end;
				}
				.mes,
				.anno{
					display: inline;
					text-align: right;
				}
			}
			.wp-block-buttons.masinfo{
				width: 100%;
				.wp-block-button{
					width: 100%;
				}
			}
		}
	}
}

.wp-block-latest-posts{
	&.is-style-tubqal-latest-posts-blog{
		li{
			margin-bottom:2rem;
			display:flex;
			gap: 0rem 1rem;
			flex-wrap: wrap;

			.wp-block-latest-posts__featured-image{
				flex: 0 0 96px;
				flex-wrap: wrap;
			}
			.wp-block-latest-posts__post-title{
				flex: 1;
			}

			time{
				flex: 0 0 100%;
				text-align: right;
			}
		}
	}
}


footer{
	margin-top: 0;
}
@media screen and (max-width: 768px) {
	.menus-footer{
		justify-content: flex-start;
	}
	.menus-footer > div.wp-block-group {
		flex: 1 0 40%;
	}
}


/*
.wpcf7-form { padding:32px; background-color: #f5f5f5; border: 1px solid #685b58; }
.wpcf7-form .contacto-titulo{ font-size: 24px; font-weight:bold; position:relative; padding-left: 64px; }
.wpcf7-form .contacto-titulo .dashicons { font-size:48px; position:absolute; left:0;}

.wpcf7-form .contacto-titulo{ font-size: 24px; font-weight:bold; position:relative; padding-left: 64px; }
.wpcf7-form .contacto-titulo .dashicons { font-size:32px; position:absolute; left:0;}
.wpcf7-form .contacto-titulo .oculto { display:none;}
.wpcf7-form .wpcf7-submit, .wpcf7-form input[type="submit"] { padding: 16px 32px; line-height: 16px; font-size: 16px; }
*/

.wpcf7-form{
	.clausulainfo{
		font-size: var(--wp--preset--font-size--small);
	}
	.wpcf7-list-item {
		display: inline-block;
		margin: 0;
	}
}
.wpcf7-form label{
	display: block;
	margin-bottom: 1rem;
	max-width: 100%;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
	box-sizing: border-box;
	border: none;
	padding: 8px 16px;
	height: 32px;
	font-size: var(--wp--preset--font-size--small);
	width: 100%;
}
.wpcf7-form-control.wpcf7-textarea {
	height: 128px;
}
.wpcf7-form-control.wpcf7-submit{
	display: block;
	background-color: var(--wp--preset--color--custom-tierra-3);
	border-width: 0;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--open-sans);
	font-size: 16px;
	line-height: inherit;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	text-decoration: none;
	text-transform: uppercase;

	@media screen and (max-width: 768px){
		width: 100%;
	}
}


.mailpoet_text{
	padding: 8px 16px!important;
	line-height: 1!important;
	border: 0px!important;
}
.mailpoet_submit{
	border-width: 0;
	font-size: 16px;
	line-height: inherit;
	padding: calc(0.667em + 2px) calc(1.333em + 2px)!important;
	text-decoration: none;
	text-transform: uppercase!important;
	font-family: var(--wp--preset--font-family--open-sans)!important;
}