/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/*GENERAL*/
.img-deco img,
.img-deco {
	pointer-events: none !important;
}



/* CABECERA */
.l-subheader.at_middle {
    margin-top: 1.5rem;
	margin-left: 1.5rem;
    margin-right: 1.5rem;
	border-radius: 4rem;
}

.sticky .l-subheader.at_middle {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
	border-radius: 2.5rem;
}F

.ush_menu_1 .w-nav-list:not(.level_1) {
    background: var(--color-header-middle-bg);
    color: var(--color-header-middle-text);
    border-radius: 12px;
}

ul.w-nav-list.level_2 {
    border-radius: 15px;
}

/* Servicios home */
.wrapper-services .background-services {
    margin-bottom: 0 !important;
}
.wrapper-services .background-services img {
	margin-bottom: 0;
	filter: brightness(0.55);
	transition: all .3s ease-in-out;
}

.title-services.icon_atright {
    width: 100%;
}

.title-services .w-text-h {
    display: flex;
    justify-content: space-between;
}

.wrapper-services:hover .background-services img {
	filter: brightness(1);
}

.wrapper-services .wrapper-title {
	display: flex;
	flex-direction: column;
}

/* HOTEL */
.carousel-rooms button.owl-prev.disabled {
    visibility: visible !important;
}

.carousel-rooms button.owl-prev,
.carousel-rooms button.owl-next {
    background: #0e0f3f !important;
}

.carousel-rooms .owl-carousel.navstyle_circle>.owl-nav button {
    height: 2.5rem !important;
    width: 2.5rem !important;
}

.carousel-rooms .owl-carousel.navstyle_circle>.owl-nav button, 
.carousel-rooms  .owl-carousel.navstyle_square>.owl-nav button {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: #55C6BB;
}

.carousel-rooms .owl-prev:hover,
.carousel-rooms .owl-next:hover {
	background: #55C6BB !important;
}

.carousel-rooms .owl-prev:hover::after,
.carousel-rooms .owl-next:hover::after {
    color: #0e0f3f !important;
}

.icon-hotel .w-iconbox-icon svg {
    fill: #55c6bb;
}

.icon-hotel .w-iconbox-title {
	color: var(--color-content-primary);
	font-weight: 700;
}

.icon-hotel .w-iconbox-text {
	color: #000;
	font-size: 0.7rem;
	line-height: 1;
}

.icons-values-hotel .wpb_column.vc_column_container {
    border-radius: 12px;
    padding: 0.7rem;
    box-shadow: 0px 2px 5px 4px #0000000a;
    justify-content: center;
}

/*Restaurante*/
 .wrapper-food img{
	filter: brightness(0.75);
}

.carousel-spaces .wrapper-food img {
	filter: brightness(1);
}

.carousel-spaces .w-vwrapper.usg_vwrapper_2.align_none.valign_top {
    display: none;
}

.carousel-food button.owl-prev.disabled,
.carousel-spaces button.owl-prev.disabled {
    visibility: visible !important;
}

.carousel-food .owl-carousel>.owl-nav,
.carousel-spaces .owl-carousel>.owl-nav {
    top: 25%;
    margin-left: 1.5rem;
}

.carousel-food button.owl-prev,
.carousel-food button.owl-next,
.carousel-spaces button.owl-prev,
.carousel-spaces button.owl-next {
    background: #461D25 !important;
}

.carousel-food .owl-carousel.navstyle_circle>.owl-nav button,
.carousel-spaces .owl-carousel.navstyle_circle>.owl-nav button {
    height: 2.5rem !important;
    width: 2.5rem !important;
}

.carousel-food .owl-carousel.navstyle_circle>.owl-nav button, 
.carousel-food  .owl-carousel.navstyle_square>.owl-nav button,
.carousel-spaces .owl-carousel.navstyle_circle>.owl-nav button,
.carousel-spaces .owl-carousel.navstyle_square>.owl-nav button{
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: #E5A091;
}

.carousel-food .owl-prev:hover,
.carousel-food .owl-next:hover, 
.carousel-spaces .owl-prev:hover,
.carousel-spaces .owl-next:hover {
	background: #E5A091 !important;
}

.carousel-food .owl-prev:hover::after,
.carousel-food .owl-next:hover::after,
.carousel-spaces .owl-prev:hover::after,
.carousel-spaces .owl-next:hover::after {
    color: #461D25 !important;
}

.wrapper-awards {
	position: relative;
}

.wrapper-awards .w-image {
	margin-bottom: 0;
}

.wrapper-awards img {
	filter: brightness(0.55);
}

.wrapper-awards .title-awards {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 2rem;
}

/*Sobre nosotros*/
.carousel-about .w-vwrapper.usg_vwrapper_2.align_none.valign_top {
    display: none;
}

.carousel-about button.owl-prev,
.carousel-about button.owl-next {
    background: var(--color-content-primary) !important;
}

.carousel-about .owl-carousel.navstyle_circle>.owl-nav button {
    height: 2.5rem !important;
    width: 2.5rem !important;
}

.carousel-about .owl-carousel.navstyle_circle>.owl-nav button, 
.carousel-about  .owl-carousel.navstyle_square>.owl-nav button {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: var(--color-content-secondary);
}

.carousel-about .owl-prev:hover,
.carousel-about .owl-next:hover {
	background: var(--color-content-secondary) !important;
}

.carousel-about .owl-prev:hover::after,
.carousel-about .owl-next:hover::after{
    color: var(--color-content-primary) !important;
}

.carousel-about img {
	filter: brightness(1);
	border-radius: 12px;
}

.accordion-about .w-tabs-section-header {
    background: var(--color-content-primary);
    color: var(--color-content-secondary) !important;
	border-radius: 0px 0px 12px 12px;
	font-weight: 700;
}

.accordion-about .w-tabs-section-header.active {
    background: var(--color-content-primary);
}

.accordion-about .w-tabs-section-header:hover, .accordion-about .w-tabs-section-header:focus {
    background: var(--color-content-primary) !important;
}

.accordion-about .w-tabs-section {
	background: var(--color-content-secondary);
	border: none !important;
	border-radius: 0px 0px 12px 12px;
}

.accordion-about .w-tabs-section-content {
	font-size: 0.8rem;
}



/*carrusel actividades sobre nosotros*/
.wrapper-actividades img {
    filter: brightness(0.5);
}

.wrapper-actividades .w-post-elm.post_image.usg_post_image_1.has_ratio {
    margin-bottom: 0;
}

.wrapper-actividades {
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}

.wrapper-actividades .wrapper-title-actividades {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.carousel-activities .owl-carousel.navstyle_circle>.owl-nav button, 
.carousel-activities  .owl-carousel.navstyle_square>.owl-nav button {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: var(--color-content-primary);
	background: var(--color-content-secondary);
}

.carousel-activities .owl-prev:hover,
.carousel-activities .owl-next:hover {
	background: var(--color-content-primary) !important;
}

.carousel-activities .owl-prev:hover::after,
.carousel-activities .owl-next:hover::after {
    color: var(--color-content-secondary) !important;
}

.carousel-activities .owl-carousel.arrows-ver-pos_middle>.owl-nav {
    margin: 1rem;
}

/*ACTIVA*/
.img-activa {
	margin-bottom: 0 !important;	
}

.img-activa img {
	filter: brightness(0.55);
}

.wrapper-activa .activa-text {
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	padding: 2rem;
}

/* Marco de la tarjeta */
.w-grid.masonry-patron .w-grid-list > article.w-grid-item .usg_vwrapper_1{
  position: relative !important;
  overflow: hidden !important;
  width: 100%;
}

/* ===== 3/4 (vertical) =====
   1º, 3º, 4º de cada bloque de 6 */
.w-grid.masonry-patron .w-grid-list > article.w-grid-item:nth-of-type(6n + 1) .usg_vwrapper_1,
.w-grid.masonry-patron .w-grid-list > article.w-grid-item:nth-of-type(6n + 3) .usg_vwrapper_1,
.w-grid.masonry-patron .w-grid-list > article.w-grid-item:nth-of-type(6n + 4) .usg_vwrapper_1{
  aspect-ratio: 3 / 4 !important;
}

/* ===== 1/1 (cuadrada) =====
   2º, 5º, 6º de cada bloque de 6 */
.w-grid.masonry-patron .w-grid-list > article.w-grid-item:nth-of-type(6n + 2) .usg_vwrapper_1,
.w-grid.masonry-patron .w-grid-list > article.w-grid-item:nth-of-type(6n + 5) .usg_vwrapper_1,
.w-grid.masonry-patron .w-grid-list > article.w-grid-item:nth-of-type(6n + 6) .usg_vwrapper_1{
  aspect-ratio: 1 / 1 !important;
}

/* Imagen rellena el marco */
.w-grid.masonry-patron .post_image,
.w-grid.masonry-patron .post_image a{
  height: 100% !important;
  display: block !important;
}
.w-grid.masonry-patron .post_image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/*ACTIVIDADES PLANTILLA*/
/*Otro accordion*/
.accordion-other .w-tabs-section-header {
    background: var(--color-content-primary);
    color: var(--color-content-secondary) !important;
	border-radius: 12px;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.accordion-other .w-tabs-section-header.active {
    background: var(--color-content-primary);
}

.accordion-other .w-tabs-section-header:hover, .accordion-other .w-tabs-section-header:focus {
    background: var(--color-content-primary) !important;
}

.accordion-other .w-tabs-section {
	background: var(--color-content-secondary);
	border: none !important;
	border-radius: 12px;
}

.accordion-other .w-tabs-section-content {
	font-size: 0.8rem;
}
button.w-tabs-section-header:focus {
    background: transparent !important;
}

/*Senderismo en el chorro*/
.row-rutas .wpb_column {
	position: relative;
	transition: all .3s ease-in-out !important;
}

.row-rutas .title-rutas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 1.5rem;
	text-align: center;
	width: 100%;
	color: #fff;
	z-index: 2;
	font-weight: 700;
	font-size: 1.1rem;
	transition: all .3s ease-in-out !important;
}

.row-rutas .wpb_column::before {
	content: '';
	position: absolute;
	background: rgb(0 0 0 / 35%);
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 15px;
	
}

.row-rutas .btn-rutas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	transition: all .3s ease-in-out !important;
	z-index: 2;
}

.row-rutas .wpb_column:hover .title-rutas {
	opacity: 0;
}

.row-rutas .wpb_column:hover .btn-rutas {
	opacity: 1;
}

.row-rutas .w-btn-wrapper {
    display: flex;
    margin: 0 !important;
}

/*Faqs*/
.accordion-activities .w-tabs-section {
    margin-bottom: 1rem;
}
.accordion-activities .w-tabs-section-header {
    background: var(--color-content-secondary);
    color: var(--color-content-primary) !important;
	border-radius: 12px;
	font-weight: 700;
}

.accordion-activities .w-tabs-section-header.active {
    background: var(--color-content-secondary);
}

.accordion-activities .w-tabs-section-header:hover, 
.accordion-activities .w-tabs-section-header:focus {
    background: var(--color-content-secondary) !important;
}

.accordion-activities .w-tabs-section {
	background: #FFFBF0;
	border: none !important;
	border-radius: 12px;
}

.accordion-activities .w-tabs-section-content {
	font-size: 0.8rem;
}



/*CONTACTO*/
.carousel-contact button.owl-prev.disabled {
    visibility: visible !important;
}

.carousel-contact button.owl-prev,
.carousel-contact button.owl-next {
    background: var(--color-content-primary) !important;
}

.carousel-contact .owl-carousel.navstyle_circle>.owl-nav button {
    height: 2.5rem !important;
    width: 2.5rem !important;
}

.carousel-contact .owl-carousel.navstyle_circle>.owl-nav button, 
.carousel-contact  .owl-carousel.navstyle_square>.owl-nav button {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: #FFFBF0;
}

.carousel-contact .owl-prev:hover,
.carousel-contact .owl-next:hover {
	background: #FFFBF0 !important;
}

.carousel-contact .owl-prev:hover::after,
.carousel-contact .owl-next:hover::after {
    color: var(--color-content-primary) !important;
}

/*EVENTOS*/
.icons-values-events .wpb_column.vc_column_container {
    border-radius: 12px;
    padding: 0.7rem;
    box-shadow: 0px 2px 5px 4px #0000000a;
    justify-content: center;
	background: var(--color-content-primary);
}

.icons-events,
.icons-events a,
.icons-events .w-iconbox-icon,
.icons-events .w-iconbox-text {
    color: var(--color-content-secondary) !important;
}

/*Bodas*/
.tabs-events .w-tabs-item {
	color: var(--color-content-secondary) !important;
}

.tabs-events .w-tabs-item.active {
	color: var(--color-content-primary) !important;
}

/*Carrusel eventos*/
.carousel-events .w-vwrapper.usg_vwrapper_2.align_none.valign_top{
    display: none;
}

.carousel-events button.owl-prev,
.carousel-events button.owl-next {
    background: var(--color-content-secondary) !important;
}

.carousel-events .owl-carousel.navstyle_circle>.owl-nav button {
    height: 2.5rem !important;
    width: 2.5rem !important;
}

.carousel-events .owl-carousel.navstyle_circle>.owl-nav button, 
.carousel-events  .owl-carousel.navstyle_square>.owl-nav button {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: var(--color-content-primary);
}

.carousel-events .owl-prev:hover,
.carousel-events .owl-next:hover {
	background: var(--color-content-primary) !important;
}

.carousel-events .owl-prev:hover::after,
.carousel-events .owl-next:hover::after {
    color: var(--color-content-secondary) !important;
}


/*FORMS*/
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.label {
	display: none;
}

.legal {
	font-size: 0.85rem;
	color: #fff;
	margin-bottom: 0.5rem;
}

.legal a{
	color: var(--color-content-secondary);
}

.legal a:hover {
	color: #fff;
}

input#btn-enviar {
    background: var(--color-content-secondary);
    color: var(--color-content-primary) !important;
}

input#btn-enviar:hover {
	background: #fffbf0; 
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.8rem;
    font-weight: normal;
    display: block;
}

.w-html {
    line-height: 0;
}


/*********************************************************
Pantallas más pequeñas de 1600px
**********************************************************/
@media (max-width: 1600px) {
	.img-deco.hotel {
		left: -8% !important;
	}
}


/*********************************************************
Pantallas más pequeñas de 1200px
**********************************************************/
@media (max-width: 1200px) {
	.icons-values-events .g-cols {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.icons-values-events .g-cols > .wpb_column {
		flex: 0 0 calc(33.333% - 20px);
		max-width: calc(33.333% - 20px);
	}
}
/*********************************************************
Pantallas más pequeñas de 1180px
**********************************************************/
@media (max-width: 1180px) {
	.icons-values-hotel .g-cols.cols_6 {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/*********************************************************
Pantallas más pequeñas de 1050px
**********************************************************/
@media (max-width: 1015px) {
	.row-awards.cols_2 {
		grid-template-columns: 100% !important;
	}
}
/*********************************************************
Pantallas más pequeñas de 992px
**********************************************************/
@media (max-width: 992px) {
	.section-hero {
		min-height: 80vh !important;
	}
	.section-services .g-cols.cols_3 {
    	grid-template-columns: repeat(2, 1fr) !important;
	} 
	.wrapper-rooms {
		display: flex;
		flex-direction: column;
	}
	.wrapper-jobs {
		display: flex;
		flex-direction: column;
	}
	.accordion-other .g-cols.via_grid {
		display: grid;
		gap: var(--columns-gap, 0rem);
	}
}

/*********************************************************
Pantallas más pequeñas de 750px
**********************************************************/
@media (max-width: 750px) {
	.section-services .g-cols.cols_3 {
    	grid-template-columns: 100% !important;
	} 
}

/*********************************************************
Pantallas más pequeñas de 650px
**********************************************************/
@media (max-width: 650px) {
	.section-hero {
		min-height: 60vh !important;
	}
	.icons-values-events .g-cols > .wpb_column {
		flex: 0 0 calc(50% - 20px);
		max-width: calc(50% - 20px);
	}
	.img-activities {
		aspect-ratio: 1/1;
	}
	.img-award {
	aspect-ratio: 1/1 !important;
}
}

/*********************************************************
Pantallas más pequeñas de 610px
**********************************************************/
@media (max-width: 610px) {
	.icons-values-hotel .g-cols.cols_6 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
/*********************************************************
Pantallas más pequeñas de 470px
**********************************************************/
@media (max-width: 470px) {
	.icons-values-events .g-cols > .wpb_column {
		flex: 0 0 calc(100% - 20px);
		max-width: calc(100% - 20px);
	}
}

/*********************************************************
Pantallas más pequeñas de 345px
**********************************************************/
@media (max-width: 345px) {
	.icons-values-hotel .g-cols.cols_6 {
		grid-template-columns: 100% !important;
	}
}