/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 27 2025 | 17:08:49 */
:root{
	--h1-fs: clamp(30px, 5.5vw, 80px);
	--h2-fs: clamp(28px, 5vw, 70px);
	--h3-fs: clamp(24px, 4.5vw, 60px);
	--h4-fs: clamp(20px, 4vw, 40px);
	--h5-fs: clamp(18px, 3.5vw, 30px);
}

h1{
	font-size: var(--h1-fs);
}
h2{
	font-size: var(--h2-fs);
}
h3{
	font-size: var(--h3-fs);
}
h4{
	font-size: var(--h4-fs);
}
h5{
	font-size: var(--h5-fs);
}

/* Divi mods */
@media (max-width: 992px){
	
	.et_pb_row {
		width: 90% !important;
	}
}


/*Tratamientos*/
.header-tratamiento{
	& .et_pb_row{
		min-height: 40vw;
		display: flex;
	}
	& .et_pb_column{
		align-self: flex-end;
		margin-bottom: 0 !important;
	}
}

.header-tratamiento:before{
	display: block;
    width: 100%;
    content: "";
    background-image: linear-gradient(90deg, rgba(10, 107, 109, 0.36) 50%, rgba(196, 196, 196, 0) 50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
}
.header-tratamiento-subtitulo{
	margin: 0;
}

.header-tratamiento-subtitulo h6{
	display: inline;
	letter-spacing: 2px;
	padding: 5px 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	border-block-color: inherit;
}

.header-tratamiento-titulo h3{
	line-height: 1.2;
	font-size: clamp(18px, 7vw, 36px);
	font-size: clamp(22px,8vw, 60px);

}

.header-tratamiento.simple{	
	&:before{
		background-image: none;
	}
	& .et_pb_row{
		min-height: auto;
	}
}

/* Para el slider */
.custom-slider{
	& .et_pb_container{
		display: flex;
	}
	& .et_pb_slider_container_inner{
		align-self: flex-end;
	}
}
.custom-slider .et_pb_slides{
	h6{
		display: inline-block;
		letter-spacing: 2px;
		padding: 5px 0;
		margin: 0 0 1em 0;
		border-bottom: 1px solid white;
		border-top: 1px solid white;
		border-block-color: inherit;
		margin-bottom: 30px;
		
	}
}

.custom-slider .et_pb_slides .et_pb_slide_description{
	padding: 0;
	width: 100%;
	margin: 0;
}
.custom-slider .et_pb_slide:before{
	display: block;
	width: 100%;
	content: "";
	background-image: linear-gradient(90deg, rgba(10, 107, 109, 0.36) 100%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
}
@media (min-width: 920px){

	.custom-slider .et_pb_slides .et_pb_slide_description{		
		width: 50%;
	}
	.custom-slider .et_pb_slide:before{
		background-image: linear-gradient(90deg, rgba(10, 107, 109, 0.36) 50%, rgba(0, 0, 0, 0) 50%);
	}
}


/* Galería de casos */

.et_pb_row.antes-despues{
  padding: 0 0 2em;
}
.et_pb_row.antes-despues .et_pb_column{
  display: grid;
  justify-content:center;  
  grid-template-columns: 1fr 1fr;
  gap: 1em;
	
	grid-template-columns: 1fr;
	gap:0;
}
.antes-despues .et_pb_image{
  margin: auto;
  img{    
/*   	    max-height: 300px; */
	  aspect-ratio: 5 / 3;
        object-fit: cover;
        object-position: center;
  }
}
.antes-despues-nombre{
  margin: 1em;
  grid-column: 1 / -1
    
}
.et_pb_row.antes-despues-nombre strong{
  font-size: 24px;
}


/* Variante rectangular*/

.et_pb_row.antes-despues.rectangular .et_pb_column{
	grid-template-columns: 1fr;
	gap:0;
	
	
	  grid-template-columns: 1fr 1fr;
	  gap: 1em;
}
.antes-despues.apilar .et_pb_image{
  img{    
      object-position: 0 -310px;
  }
}




/* CF7 */
.wpcf7-form > div{
	margin-bottom: 1em;
}
.wpcf7-submit{
	float: right;
}
.wpcf7-form-control.wpcf7-textarea{
	height: auto !important;
	field-sizing: content;
}