/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
	font-family: 'Knicknack Regular';
	src: url('fonts/knicknack-regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

.fuente-knicknack, .hfe-menu-item, .hfe-sub-menu-item{
	font-family: 'Knicknack Regular', sans-serif !important; 
}
.knicknack-heading {
	font-family: 'Knicknack Regular', sans-serif !important;
}
.knicknack-paragraph {
	font-family: 'Knicknack Regular', sans-serif !important;
}
h1, h2 {
	font-family: 'Knicknack Regular', sans-serif !important;
}

/* Efectos */
.blur-class {
	filter: blur(10px);
}

.blur-background {
	background-color: rgb(255 255 255 / 10%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(15px);
}


/************** HOME **************/

.blue-circle {
	Width: 500px !important;
	max-width: 500px !important;
	height: 500px !important;
	max-height: 500px !important;
	min-height: 500px !important;
}

.gabinete-container {
	Width: 615px !important;
	max-width: 615px !important;
	height: 615px !important;
	max-height: 615px !important;
	min-height: 615px !important;
}

/* tratamientos */

.container-img-tratamientos {
	width: 405px;
	height: 405px;
	max-width: 405px !important;
	max-height: 405px !important;
	background-color: rgb(255 255 255 / 10%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(15px);
}

.img-tratamiento {
	width: 385px;
	max-width: 385px;
	height: 385px;
	max-height: 385px;
	min-height: 385px !important;
}

.doctora {
	width: 540px !important;
	max-width: 540px !important;
	height: 540px !important;
	max-height: 540px !important;
	min-height: 540px !important;
	background-color: rgb(255 255 255 / 10%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(15px);
}

.doctora-2 {
	width: 510px !important;
	max-width: 510px !important;
	height: 510px !important;
	max-height: 510px !important;
	min-height: 510px !important;
}

p {
	margin-block-end: 0 !important;
}

@media (max-width: 1400px) {
	.doctora {
		width: 400px !important;
		max-width: 400px !important;
		height: 400px !important;
		max-height: 400px !important;
		min-height: 400px !important;
		background-color: rgb(255 255 255 / 10%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(15px);
	}
	.doctora-2 {
		width: 370px !important;
		max-width: 370px !important;
		height: 370px !important;
		max-height: 370px !important;
		min-height: 370px !important;
	}
	.gabinete-container {
		Width: 450px !important;
		max-width:450px !important;
		height: 450px !important;
		max-height: 450px !important;
		min-height: 450px !important;
	}
}

@media (max-width: 1050px) {
	.doctora {
		width: 400px !important;
		max-width: 400px !important;
		height: 400px !important;
		max-height: 400px !important;
		min-height: 400px !important;
		background-color: rgb(255 255 255 / 10%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(15px);
	}
	.doctora-2 {
		width: 370px !important;
		max-width: 370px !important;
		height: 370px !important;
		max-height: 370px !important;
		min-height: 370px !important;
	}
	.gabinete-container {
		Width: 350px !important;
		max-width:350px !important;
		height: 350px !important;
		max-height: 350px !important;
		min-height: 350px !important;
	}
	.blue-circle {
		Width: 350px !important;
		max-width: 350px !important;
		height: 350px !important;
		max-height: 350px !important;
		min-height: 350px !important;
	}
	.container-img-tratamientos {
		max-width: 305px !important;
		max-height: 305px !important;
		background-color: rgb(255 255 255 / 10%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(15px);
	}
	.img-tratamiento {
		width: 285px;
		max-width: 285px;
		height: 285px;
		max-height: 285px;
		min-height: 285px !important;
	}
}

@media (max-width: 600px) {
	.doctora {
		width: 350px !important;
		max-width: 350px !important;
		height: 350px !important;
		max-height:3500px !important;
		min-height: 350px !important;
		background-color: rgb(255 255 255 / 10%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(15px);
	}
	.doctora-2 {
		width: 330px !important;
		max-width: 330px !important;
		height: 330px !important;
		max-height: 330px !important;
		min-height: 330px !important;
	}
	.gabinete-container {
		Width: 290px !important;
		max-width:290px !important;
		height: 290px !important;
		max-height: 290px !important;
		min-height: 290px !important;
	}
	.blue-circle {
		Width: 350px !important;
		max-width: 350px !important;
		height: 350px !important;
		max-height: 350px !important;
		min-height: 350px !important;
	}
	.container-img-tratamientos {
		max-width: 250px !important;
		max-height: 250px !important;
		background-color: rgb(255 255 255 / 10%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(15px);
	}
	.img-tratamiento {
		width: 230px;
		max-width: 230px;
		height: 230px;
		max-height: 230px;
		min-height: 230px !important;
	}
}

@media (min-width: 2000px){
	.container-img-tratamientos {
		width: 605px;
		height: 605px;
		max-width: 605px !important;
		max-height: 605px !important;
		background-color: rgb(255 255 255 / 10%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(15px);
	}

	.img-tratamiento {
		width: 585px;
		max-width: 585px;
		height: 585px;
		max-height: 585px;
		min-height: 585px !important;
	}

	.gabinete-container {
		Width: 815px !important;
		max-width: 815px !important;
		height: 815px !important;
		max-height: 815px !important;
		min-height: 815px !important;
	}
	.imagen-gabinete {
		Width: 875px !important;
		max-width: 875px !important;
		height: 815px !important;
		max-height: 815px !important;
		min-height: 815px !important;
	}
}