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

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

/*GENERAL*/

.grecaptcha-badge {
	display: none;
}

.title-deco {
	transition: all .3s ease-in-out !important;
}

.title-deco:before {
	content: url(https://fisiodomicilio.solbyte.dev/wp-content/uploads/2024/06/icono-elipse.svg);
    position: absolute !important;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
	transition: all .3s ease-in-out !important;
}

.title-deco:after {
    content: url(https://fisiodomicilio.solbyte.dev/wp-content/uploads/2024/06/icono-elipse.svg);
    position: absolute !important;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
	transition: all .3s ease-in-out !important;
}

.row-title:hover .title-deco {
	transform: translateY(2rem);
}

.row-title:hover .title-deco:before,
.row-title:hover .title-deco:after {
	transform: translateY(-6rem);
	opacity: 0;
}

h2.border-deco:before {
    content: '';
    position: absolute !important;
    bottom: -10px;
    left: 50%;
	transform: translateX(-50%);
    background: var(--color-content-secondary);
    height: 2px;
    width: 75%;
    display: block;
	opacity: 0;
	transition: all .3s ease-in-out !important;
}

h2.border-deco2:before {
    content: '';
    position: absolute !important;
    bottom: -10px;
    left: 50%;
	transform: translateX(-50%);
    background: var(--color-content-secondary);
    height: 2px;
    width: 85%;
    display: block;
	opacity: 0;
	transition: all .3s ease-in-out !important;
}

.row-title:hover .title-deco h2.border-deco:before,
.row-title:hover .title-deco h2.border-deco2:before {
	opacity: 1;
}

/*Botones*/
.us-btn-style_1,
.us-btn-style_2,
.us-btn-style_3 {
	transition: all .3s ease-in-out !important;
}

.us-btn-style_1:hover,
.us-btn-style_2:hover,
.us-btn-style_3:hover {
	box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
	transform: translateY(-10px);
}

/*HOME valores*/
.values,
.values2 {
	transform: translate(-50%, -50%);

}

.values2 {
	opacity: 0;
	transition: all .3s ease-in-out;
}

.column-values:hover .values2 {
	opacity: 1;
}


/*HOME servicios*/
.wrapper-services {
	transition: all .3s ease-in-out;
}

.wrapper-services .wrapper-title{
	transition: all .1s ease-in-out;
	opacity: 1;
}

.wrapper-services:hover .wrapper-title {
	opacity: 0;
}

.wrapper-services .wrapper-inside {
	width: 100%;
	height: 10% !important;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s ease-in-out;
	opacity: 0;
}

.wrapper-services:hover .wrapper-inside {
	height: 100% !important;
	opacity: 1;
}

/*HOME Cajas hover*/

.wrapper-fisio {
	background: #fff;
	max-width: 520px;
	height: 350px;
	padding: 1.5rem;
	border-radius: 55px;
	position: relative;
	overflow: hidden;
	transition: all .3s ease-in-out !important;
	z-index: 0;
}

.wrapper-fisio:hover {
	height: 100% !important;
	box-shadow: 0px 58px 58px 0px rgb(0 0 0 / 30%);
	position: relative;
	z-index: 1;
}

.readmore {
    position: absolute;
    bottom: 0;
    padding-left: 2rem !important;
    text-align: left !important;
    background: #fff !important;
    width: 100%;
	transition: all .3s ease-in-out !important;
	opacity: 1;
	
}

.readless {
	position: absolute;
    bottom: 0;
    padding-left: 2rem !important;
    text-align: left !important;
    background: #fff !important;
    width: 100%;
	transition: all .3s ease-in-out !important;
	opacity: 0;
}

.wrapper-fisio:hover .readmore  {
	opacity: 0;
}

.wrapper-fisio:hover .readless  {
	opacity: 0;
}

/*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%;
	}
}

span.label-flex {
	display: none;
}

span.label {
	font-size: 16px;
	font-weight: 600;
}

span.wpcf7-list-item-label {
    font-size: 16px;
}

.wpcf7-spinner {
    display: contents;
}


.cf-col-6.legal {
	margin-top: 1rem;
} 
.cf-col-6.button-form {
	justify-content: end;
    display: flex;
	margin-top: 1rem;
}

.legal-flex label {
	justify-content: flex-end;
}

input[type=submit]:not(.w-btn) {
	padding: 1.1em 1.3em !important;
}

/*Whatsapp*/
.whatsapp-icon circle,
.whatsapp-icon .whp-background,
.whatsapp-icon .whp-border {
    transition: all .3s ease-in-out !important;
}

.whatsapp-icon:hover circle,
.whatsapp-icon:hover .whp-background {
    fill: #335e29 !important;
}

/*PÁGINA DE SERVICIOS*/
.carousel-services .owl-carousel .owl-nav button {
    background: var(--color-content-secondary) !important;
}

.carousel-services .owl-carousel .owl-nav button:hover {
    background: var(--color-content-bg-alt-grad) !important;
}


/*Otras fisioterapias*/
.text-service {
    transform: translate(-50%, -50%) !important;
}

.img-black {
    filter: brightness(0.6);
    transition: all .3s ease-in-out !important;
}

.column-service:hover .img-black {
    filter: brightness(0.9) !important;
}

.grid-services .w-grid-list {
    display: flex;
    justify-content: center;
}

/**************** Pantallas de (1700px) ****************/
@media only screen and (max-width: 1700px) {
	.terapias .us_custom_6f41a28d {
		width: 100% !important;
	}
}


/**************** Pantallas de (1560px) ****************/
@media only screen and (max-width: 1560px) {
	.problems-services {
		display: block;
	}
	.problems-services .problem1 {
		margin-bottom: 1rem;
		margin-right: 0rem;
	}
}

/**************** Pantallas de (1506px) ****************/
@media only screen and (max-width: 1506px) {
	.section-values {
		padding-top: 0 !important;
	}
	.row-values {
		height: 580px !important;
		justify-content: center !important;
	}
	.column-values {
		width: 25% !important;
	}
	.row-values-services {
		height: 200px !important;
		justify-content: center !important;
	}
}

/**************** Pantallas de (1005px) ****************/
@media only screen and (max-width: 1005px) {
	
}


/**************** Pantallas de (992px) ****************/
@media only screen and (max-width: 992px) {
	.row-values {
		height: 580px !important;
		justify-content: center !important;
	}
	.column-values {
		width: 33% !important;
	}
	.row-values-services {
		height: 600px !important;
		justify-content: center !important;
	}
	.title-deco:before,
	.title-deco:after,
	h2.border-deco:before,
	h2.border-deco2:before{
		display: none !important;
	}
	.row-title:hover .title-deco {
		transform: translateY(0rem);
	}

	.row-title:hover .title-deco:before,
	.row-title:hover .title-deco:after {
		transform: translateY(0rem);
		opacity: 0;
	}
	
	.row-domicilio .column-domicilio, {
		width: 100% !important;
	}
	
	.wrapper-fisio {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	.wrapper-fisio:hover {
		height: 100% !important;
		box-shadow: none;
	}
	.readmore,
	.readless {
		display: none !important;
	}
	.grid-other .column-service {
		width: 50% !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #fff;
    }
}


/**************** Pantallas de (780px) ****************/
@media only screen and (max-width: 780px) {
	.row-values {
		height: 820px !important;
		justify-content: center !important;
	}
	.column-values {
		width: 50% !important;
	}
}

/**************** Pantallas de (650px) ****************/
@media only screen and (max-width: 650px) {
	.problems-services.w-hwrapper.stack_on_mobiles>* {
		margin: 0 0 0.5rem !important;
	}
}

/**************** Pantallas de (490px) ****************/
@media only screen and (max-width: 490px) {
	.row-values {
		height: 1600px !important;
		justify-content: center !important;
	}
	.column-values {
		width: 100% !important;
	}
	.row-values-services {
		height: 1200px !important;
		justify-content: center !important;
	}
}