/*
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:*/

.botonRosa {
            background-image: url('https://www.funkerhostel.com/wp-content/uploads/2024/06/Color-Morado.jpg') !important;
            background-size: cover !important;
        }

.botonRosa:hover {
	background-image: url('https://www.funkerhostel.com/wp-content/uploads/2024/06/Color-Amarillo.jpg') !important;
}

@media (max-width: 600px) {
    .blendmodecabecera img {
        mix-blend-mode: color-dodge !important;
    }
}

/*barra scroll*/

/* Fondo de la barra de desplazamiento */
::-webkit-scrollbar {
    width: 12px; /* Ancho de la barra de desplazamiento */
    height: 12px; /* Altura de la barra de desplazamiento horizontal */
}

/* Fondo del track de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background: #1a1a1a;
}

/* Estilo del pulgar de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
    background: #F4ED2F;
    border-radius: 5px;
    border: 3px solid #1a1a1a; /* Añadir borde para hacer la barra más pequeña */
}

/* Opcional: Estilo al pasar el cursor sobre el pulgar */
::-webkit-scrollbar-thumb:hover {
    background: #e3db1f;
}


/*random*/
.fixed {
    position: fixed;
    top: 0; /* Ajusta según sea necesario */
    width: 100%; /* Asegura que el bloque mantenga su ancho original */
}


.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

.w-nav.type_mobile .w-nav-list{
    z-index:auto!important;
}
.ush_menu_1.type_mobile .w-nav-anchor.level_1, .ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
    font-weight: 700;
}

.w-nav-close {
    left: 0;
	top:1rem;
}
/*efecto marquesina*/

.marquee {
  position: relative;
  width: 125%;
  height:180px;
  overflow-x: hidden;
    transform:rotate(-7deg);
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 22s linear infinite;

}

@keyframes marquee {
  0% {
    transform: translateX(0%);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translateX(-50%);
    opacity: 0;
  }
}

.texto-funker {
    opacity: 0; /* Hace el texto invisible */
    position: absolute; /* Necesario para que el ::before se posicione correctamente */
    left:-8888px;
}


/*animaciones random*/
.cara img:hover {
    content: url('/wp-content/uploads/2024/06/Property-1Variant2.png');
    width:250px;
}

.mano img{
	transition: transform 0.3s ease-in-out;
}


.mano img:hover{
	transform: rotate(8deg);
}

.deco1 strong {
	font-weight: 700;
	padding: 0.25rem 0.75rem;
	margin: -0.25rem -0.75rem;
	background: url('/wp-content/uploads/2024/06/deco1.png') center center no-repeat;
	background-size: 100% 100%;
}

.rotate1{
	transform:rotate(10deg);
}

.rotate2{
	transform:rotate(-8deg);
}

.deco2 strong {
	font-weight: 700;
	padding: 0.25rem 0.75rem;
	margin: -0.25rem -0.75rem;
	background: url('/wp-content/uploads/2024/06/Frame.svg') center center no-repeat;
	background-size: 100% 100%;
}

.deco3 strong {
	font-weight: 700;
	padding: 0.25rem 0.75rem;
	margin: -0.25rem -0.75rem;
	background: url('/wp-content/uploads/2024/06/bordeazul.png') center center no-repeat;
	background-size: 100% 100%;
}

.deco4 strong {
	font-weight: 700;
	padding: 0.25rem 0.75rem;
	margin: -0.25rem -0.75rem;
	background: url('/wp-content/uploads/2024/06/bordeamarillo.svg') center center no-repeat;
	background-size: 100% 100%;
}

.deco5 strong {
	font-weight: 700;
	padding: 0.25rem 0.75rem;
	margin: -0.25rem -0.75rem;
	background: url('/wp-content/uploads/2024/06/bordenegro.svg') center center no-repeat;
	background-size: 100% 100%;
}

/*botones iconos*/
.w-btn.us-btn-style_1, .w-btn.us-btn-style_3, .w-btn.us-btn-style_4, .w-btn.us-btn-style_5, .w-btn.us-btn-style_6 {
    display: flex;
    align-items: center; /* Alinea los elementos verticalmente en el centro */
}

.w-btn.us-btn-style_1 .fal.fa-star::before {
    content: url('/wp-content/uploads/2024/06/ojos-icongg.png');
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 22px; /* Ajusta el margen según sea necesario */
    vertical-align: middle; /* Alinea verticalmente con el texto */
}

.w-btn.us-btn-style_3 .fal.fa-star::before {
    content: url('/wp-content/uploads/2024/06/events-icon.png');
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 8px; /* Ajusta el margen según sea necesario */
    vertical-align: middle; /* Alinea verticalmente con el texto */
}

.w-btn.us-btn-style_1 .fal.fa-star, .w-btn.us-btn-style_3 .fal.fa-star, .w-btn.us-btn-style_4 .fal.fa-star, .w-btn.us-btn-style_5 .fal.fa-star, .w-btn.us-btn-style_6 .fal.fa-star {
    font-size: 0; /* Oculta el icono original si es necesario */
}

.w-btn.us-btn-style_4 .fal.fa-star::before {
    content: url('/wp-content/uploads/2024/06/groups-icon.png');
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 8px; /* Ajusta el margen según sea necesario */
    vertical-align: middle; /* Alinea verticalmente con el texto */
}

.w-btn.us-btn-style_5 .fal.fa-star::before, .w-btn.us-btn-style_6 .fal.fa-star::before {
    content: url('/wp-content/uploads/2024/06/Swirly-arrow.svg');
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-left: 8px; /* Ajusta el margen según sea necesario */
    vertical-align: middle; /* Alinea verticalmente con el texto */
	transition: transform 0.3s ease-in-out;
}

.w-btn.us-btn-style_5:hover .fal.fa-star::before, .w-btn.us-btn-style_6:hover .fal.fa-star::before {
    transform: rotate(-10deg); /* Rota 360 grados al hacer hover */
}


.actividades .g-cols.via_flex.type_default>div>.vc_column-inner {
    padding: 0.5rem!important;
}

.no-opacity {
    opacity:0;
}

/*habitaciones imagenes*/
.hab1, .hab2, .hab3, .hab4, .hab5 {
    opacity: 0;
    position: relative;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.aparicion1:hover, .aparicion2:hover, .aparicion3:hover, .aparicion4:hover, .aparicion5:hover {
    transform: scale(1.3);
    transition: transform 0.3s ease-in-out;
}

.hab1 {
    transform: translate(10rem, 10rem);
}

.hab2 {
    transform: translate(-10rem, 10rem);
}

.hab3 {
    transform: translate(10rem, 10rem);
}

.hab4 {
    transform: translate(-10rem, 10rem);
}

.hab5 {
    transform: translate(-10rem, 10rem);
}

/*en responsive*/
/*habitaciones imagenes*/
.hab1-r, .hab2-r, .hab3-r, .hab4-r, .hab5-r {
    display: none;
    position: relative;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.aparicion1-r:hover, .aparicion2-r:hover, .aparicion3-r:hover, .aparicion4-r:hover, .aparicion5-r:hover {
    transform: scale(1.3);
    transition: transform 0.3s ease-in-out;
}

.hab1-r {
    transform: translate(10rem, 10rem);
}

.hab2-r {
    transform: translate(-10rem, 10rem);
}

.hab3-r {
    transform: translate(10rem, 10rem);
}

.hab4-r {
    transform: translate(-10rem, 10rem);
}

.hab5-r {
    transform: translate(-10rem, 10rem);
}


/*flechas carrusel*/
.owl-carousel .owl-nav button {
    position: absolute;
    top: 92%;
}

.owl-nav .owl-next {
    bottom: 0;
    left: 50%!important;
    right: 45% !important;
}

.owl-nav .owl-prev {
    bottom: 0;
    left: 45%!important;
    right: 50% !important;
}

.owl-next:after {
    content: '\f061';
    font-family: fontawesome;
    font-weight: 300;
    padding-left: 0.2rem;
}

.owl-prev:after {
    content: '\f060';
    font-family: fontawesome;
    font-weight: 300;
    padding-left: 0.2rem;
}

.button-arrow .fal.fa-arrow-right {
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}

.button-arrow:hover .fal.fa-arrow-right {
  transform: rotate(0deg);
}

/*FORMULARIO-CONTACTO:*/

.grecaptcha-badge{
	display:none !important;
}

span.label {
	display: none !important;
}

#responsive-form{
      max-width:90%/*60% /*-- cambiar esto para conseguir el ancho de la forma deseada --*/;
      margin:0 auto;
      width:100%;
}
.form-row{
      width: 100%;
}
.column-half, .column-trescuartos, .column-full{
      float: left;
      position: relative;
      padding: 0.4rem;
      width:100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
}

.column-uncuarto, .column-untercio {
	  float: left;
      position: relative;
      padding: 0.4rem;
      width:100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
}



.alinea-elementos-centro {
	display:flex;
	align-items:center;
}

.clearfix:after {
      content: "";
      display: table;
      clear: both;
}

/*espaciado de aceptar politicas formulario*/
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select{
	margin-top:0rem;
}

.wpcf7-spinner {
    margin: 0px !important;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
     .column-half{
            width: 50%;
     }
}

@media only screen and (min-width: 48em) {
     .column-trescuartos{
            width: 75%;
     }
}

@media only screen and (min-width: 48em) {
     .column-uncuarto{
		width: 25%;
		justify-content: space-between;
		align-items: center;
     }	
}


@media only screen and (min-width: 48em) {
     .column-untercio{
		width: 33%;
		justify-content: space-between;
		align-items: center;
     }	
}

@media screen and (max-width: 820px) {
	body .aparicion5-r {
        left: 0rem !important;
        bottom: -2rem !important;
        right: -2rem !important;
	}

@media screen and (max-width: 600px) {
	#responsive-form {
      max-width:100%;
	}
	.alinea-elementos-centro {
		flex-direction: column
	}
}

@media screen and (max-width: 480px) {
	.deco1 a, .deco2 a, .deco3 a, .deco4 a, .deco5 a {
		font-size: 28px !important;
		margin-top: 2rem;
	}
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    margin-top: 0;
    background-color: tansparent;
    box-shadow: none !important;
    border-bottom: 0px solid #2f783a !important;
}

/* NUEVO CSS */
.texto-legal h1, .texto-legal h2 {font-size:2.5rem;}
	
@media screen and (max-width: 768px) {
	/*#turismo .w-image img:not([src*=".svg"]), 
	#turismo .w-image[class*="ush_image_"] img {
		width: revert-layer;
	}*/
	
	/* Disminuir tamaño mano */
	.mano  {width:50%;}	
}
	
	
/*-------------PÁGINA PREGUNTAS FRECUENTES---------------*/
.faqs .w-tabs-list-h{
    display: inline-flex;
    vertical-align: top;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
	background: #cf298b !important;
}
	
.faqs .w-tabs.style_radio2>.w-tabs-list .w-tabs-item:not(.active):focus, .no-touch .w-tabs.style_radio2>.w-tabs-list .w-tabs-item:not(.active):hover {
	color: #F4ED2F !important
}
	
	
/*-----------------FORMULARIO CV----------------*/
.color_footer-bottom input:not([type=submit]), .color_footer-bottom input:not([type=text]), .color_footer-bottom input:not([type=textarea]), .color_footer-bottom input:not([type=select]) {
    background: none !important;
}

input[type="checkbox"] {
  border: 1px solid #333333 !important;
  margin-right: 8px !important;
  margin-top: 3px !important;
  box-sizing: border-box;
}

.wpcf7-spinner {
	display: none;
}

#responsive-form .column-full input:not([type="submit"]):not([type="checkbox"]), #responsive-form .column-full textarea, #responsive-form .column-full select,
#responsive-form .column-half input:not([type="submit"]):not([type="checkbox"]), #responsive-form .column-half textarea, #responsive-form .column-half select,
#responsive-form .column-quarter input:not([type="submit"]):not([type="checkbox"]), #responsive-form .column-quarter textarea, #responsive-form .column-quarter select {
	box-shadow: none!important;
	background: white !important;
	color: #333;
	font-size: 0.9rem;
}

#responsive-form .column-full-right input:not([type="submit"]):not([type="checkbox"]), #responsive-form .column-full-right textarea {
	box-shadow: none!important;
	background: white !important;
	color: #333;
	font-size: 0.9rem;
}

.wpcf7-form input:not([type="submit"]):not([type="checkbox"]), .wpcf7-form textarea, .wpcf7-form select {
	margin-top:0 !important;
	padding-left:5px !important;
}

.wpcf7-list-item-label, .wpcf7-list-item-label a {
	color: #000;
}

#responsive-form {
	max-width:100%;
	margin:0 auto;
	width:100%;
}

.column-full {
	float: left;
	position: relative;
	padding: 0.3rem;
	padding-left: 0rem!important;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.column-quarter {
	max-width:25%;
	float: left;
	position: relative;
	padding: 0.3rem;
	padding-left: 0rem!important;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.column-half {
	max-width:50%;
	float: left;
	position: relative;
	padding: 0.3rem;
	padding-left: 0rem!important;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.column-full-right {
	float: right;
	position: relative;
	padding: 0.3rem;
	padding-right: 0rem!important;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7-not-valid-tip {
	font-size: 0.9em!important;
    margin-left: 15px;
}

span.label {
	display: none !important;
}

/* CABECERA */

body.home video {height: 90vh;}