/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 09 2025 | 01:00:46 */
html{
	scroll-behavior: smooth;
}

body{
	overflow-x:hidden;
}

/* vista inicio  */
#vsInicio_sec1Title .elementor-widget-container .elementor-heading-title span{
	background-color:var(--e-global-color-f0db74a);
	padding:3px 5px;
}

/* widget imagen de comparación */
#imgComparar .elementor-widget-container{
	border-radius:20px;
}

#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison,
#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison img{
	height:400px;
}

/* widget comentarios slider */
#testimoniosClientes .elementor-widget-container .elementor-swiper .elementor-main-swiper .swiper-wrapper .swiper-slide .elementor-testimonial{
	display:flex;
	flex-direction:column-reverse;
}

#testimoniosClientes .elementor-widget-container .elementor-swiper .elementor-main-swiper .swiper-wrapper .swiper-slide .elementor-testimonial .elementor-testimonial__footer{
	margin:0 0 20px 0;
}

#testimoniosClientes .elementor-widget-container .elementor-swiper .elementor-main-swiper .swiper-pagination{
	display:flex;
	justify-content:center;
	align-items:center;
}

#testimoniosClientes .elementor-widget-container .elementor-swiper .elementor-main-swiper .swiper-pagination .swiper-pagination-bullet-active{
	width:25px;
	height:25px;
}

#vsTratamientos_tabs .elementor-widget-container .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-icon{
	background-color:var(--e-global-color-b87d66a);
	padding:10px;
	border-radius:50%;
}

#vsTratamientos_tabs .elementor-widget-container .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=false] .e-n-tab-icon{
	background-color:var(--e-global-color-2cf2185);
	padding:10px;
	border-radius:50%;
}

#vsSingleServicio_carrousel .elementor-widget-container .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide a .swiper-slide-inner .swiper-slide-image{
	width:100% !important;
	height:200px;
	object-fit:cover;
	object-position:center;
}

.vsSingleServicio_carrousel .elementor-widget-container .elementor-image-gallery #gallery-1 .gallery-item .gallery-icon a img{
	width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top center;
}

/* vista promocion */
#cardBtnpromo_link .elementor-widget-container .elementor-heading-title a{
	color:var(--e-global-color-primary);
}

#cardBtnpromo_link .elementor-widget-container .elementor-heading-title a:hover{
	color:var(--e-global-color-f0db74a);
}


/* opcion boton ver mas - lista de tarjetas personalizadas */
/* #btn_verMas{
	position: absolute;
    bottom: -42px;
    left: 490px;
	z-index:20;
} */

/* footer */
/* #vsFooter_list .elementor-widget-container .elementor-icon-list-items li:nth-last-of-type(2),#vsFooter_list .elementor-widget-container .elementor-icon-list-items li:nth-last-of-type(3),#vsFooter_list .elementor-widget-container .elementor-icon-list-items li:nth-last-of-type(4){
	display:none;
} */

/* #vsFooter_list .elementor-widget-container .elementor-icon-list-items li:hover:nth-last-child(-n+4){
	display:block;
} */

/* etiquetas que flotaran */
#vsInicio_sec1Img, #vsInicio_sec4Img1, #vsInicio_sec4Img2, #vsInicio_sec6Img, #vsQuienes_sec1Img1, #vsQuienes_sec1Img2, #vsQuienes_sec2Img1, #vsQuienes_sec3Img1, #vsQuienes_sec4Img1, #vsKids_sec1img, #vsKids_sec2img, #vsPeluqueria_sec2img, #vsTratamientosFacial_sec1img, #vsSingle_sec2img, #vsPeluqueria_sec1img{
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@media (min-width: 1100px) and (max-width: 1201px) {
	#btn_verMas{
    	bottom: -42px;
    	left: 430px;
	}	
}

@media (min-width: 1025px) and (max-width: 1100px) {
	#btn_verMas{
    	bottom: -42px;
    	left: 395px;
	}	
}

@media (min-width: 881px) and (max-width: 1025px) {
	#btnCard2 .elementor-widget-container .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper{
		align-items:center;
		text-align:end;
	}
	
	#btn_verMas{
    	position:relative;
		left:0;
		bottom:0;
	}	
}

@media (min-width: 768px) and (max-width: 881px) {
	#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison,
	#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison img{
		height:350px;
		object-fit:cover;
	}
	
	#btn_verMas{
    	position:relative;
		left:0;
		bottom:0;
	}
}

@media (min-width: 320px) and (max-width: 768px) {
	#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison,
	#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison img{
		height:300px;
		object-fit:cover;
	}
	
	#btn_verMas{
    	position:relative;
		left:0;
		bottom:0;
	}
}

@media (min-width: 240px) and (max-width: 320px) {
	#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison,
	#imgComparar .elementor-widget-container .twentytwenty-wrapper .hajs-image-comparison img{
		height:300px;
		object-fit:cover;
	}
	
	#btn_verMas{
    	position:relative;
		left:0;
		bottom:0;
	}
}


/* animaciones  */
/* flotar: */
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}

/*estilos de scroll general*/
body::-webkit-scrollbar {
  width: 8px; /* Tamano del scroll en vertical */
  height: 8px; /* Tamano del scroll en horizontal */
}

body::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 4px;
}
/* Cambiamos el fondo y agregamos una sombra cuando est�� en hover */

body::-webkit-scrollbar-thumb:hover {
  background-color:var(--e-global-color-primary);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
/* Cambiamos el fondo cuando esta en active */
body::-webkit-scrollbar-thumb:active {
  background-color: var(--e-global-color-f0db74a);
}

body::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
  margin: 15px 0;
}

body::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}

/* Cambiamos el fondo cuando est�� en active o hover */
body::-webkit-scrollbar-track:hover,
body::-webkit-scrollbar-track:active {
  background: #ffffff;
}