#btn-cerrar-menu-servicios {
	cursor:pointer;
}


#video-cabecera video {
    height: 100vh;
}

/* Estilos para el contenedor del carrusel */

#carousel-container-home {
    width: 100%;
    overflow: hidden;
    /* Oculta los elementos que salen del contenedor */
    margin: 0 auto;
    /* Centra el contenedor */
    cursor: grab;
    /* Cambia el cursor a una mano de agarre */
    user-select: none;
}

/* Estilos para el carrusel */
#carousel-container-home #carousel-home {
    display: flex;
    flex-wrap: nowrap;
    /* Coloca los elementos en una fila */
    transition: transform 0.1s ease;
    /* Transición suave cuando se detiene */
    will-change: transform;
}

/* Estilos para los items */
#carousel-home .item-home {
    background-color: rgba(0, 0, 0, 0.26);
    /* Fondo negro semitransparente */
    background-blend-mode: multiply;
    /* Fusión para oscurecer */
    min-width: 41.0%;
    padding: 35px 51px 34px 51px;
    height: 520px;
    box-sizing: border-box;
    margin-right: 10px;
    /* Espacio entre los divs */
    display: flex;
    justify-content: center;
    align-items: center;
}


#carousel-home #slide-tarifas.item-home {
    min-width: 25.0%;
    background-color: black;
    height: 372px;
    box-sizing: border-box;
    align-self: end;
}

#carousel-home .btn-carousel-home {
    max-width: 174px;
    overflow: hidden;
    background-color: white;
    /* Asegura que el contenido adicional no se vea cuando está al 20% */
    transition: max-width 0.3s ease;
    /* Transición suave al expandir */
}

#carousel-home .btn-carousel-home .elementor-icon-wrapper {
    display: flex;
    align-self: center;
}

#carousel-home .btn-carousel-home .masinfo {
    white-space: nowrap;
    padding: 0px 15px 3px;
    display: none;
}

#carousel-home .item-home:hover .btn-carousel-home .masinfo {
    display: inline-block;
    /* Oculta el texto inicialmente */
}

#menu-informativo {
    position: -webkit-sticky;
    position: sticky;
    margin-top: 240px;
    margin-left: 200px;
    top: 50%;
    /* Se alinea con el centro de la pantalla */
    transform: translateY(-13%);
    /* Ajuste para centrar completamente */
}

#menu-informativo #info {
    min-height: 200px;
}

#menu-informativo .ico {
    width: fit-content;
    max-width: 140px;
    border-radius: 300%;
    transition: background-color 1s ease;
  }


#imagenytextooculto {
    position: relative;
}

#imagenytextooculto #imagen-fondo {
    transition: filter 1s ease;
    /* Transición suave en el brillo */
}

#imagenytextooculto #hiddentexto {
    /*position: sticky;
    top: 50px;*/
    z-index: 99;
    transition: visibility 0.2s ease;
    /* Transición suave para visibilidad */
    user-select: none;
}

@media only screen and (max-width: 800px) and (min-width: 768px) {

    #texto-cabecera {
        font-size: 6rem;
        line-height: 6rem;
        word-spacing: 0.2rem;
    }
}

@media only screen and (max-width: 767px) {

    #contenido-sobre-video {
        padding-left: 18px;
    }

    #contenido-sobre-video #btn-sobre-video .elementor-widget-container {
        margin-top: 36px;
    }

    #contenido-sobre-video #texto-cabecera {
        font-size: 2.6rem;
        line-height: 2.5rem;
        letter-spacing: 0px;
        word-spacing: 0.2rem;
    }

    #titulo-carousel .elementor-widget-container {
        margin: 55px 8px 20px 8px;
        font-size: 1.3rem;
        line-height: 1.3rem;
    }

    #carousel-container-home {
        height: 250px;
    }

    #carousel-home .item-home {
        background-color: rgba(0, 0, 0, 0.26);
        /* Fondo negro semitransparente */
        background-blend-mode: multiply;
        /* Fusión para oscurecer */
        min-width: 90.0%;
        padding: 18px 26px 18px 26px;
        /* Cada div ocupa un tercio del ancho del contenedor (2 y medio visibles) */
        height: 250px;
        box-sizing: border-box;
        /* Incluye el padding en el height */
        /* Puedes ajustar la altura según lo necesites */
        /* Color de fondo para los divs */
        margin-right: 10px;
        /* Espacio entre los divs */
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
    }

    #carousel-home #slide-tarifas.item-home {
        min-width: 70%;
        height: 200px;
        box-sizing: border-box;
        background-color: black;

    }

    #carousel-home #slide-tarifas.item-home h2 {
        font-size: 1.8rem;
    }

    #carousel-home .item-home h2 {
        font-size: 2.5rem;
    }

    #carousel-home .item-home .texto-item {
        margin-right: 0px;
        width: 85%;
    }

    #carousel-home .item-home .texto-item .elementor-widget-container {
        font-size: 0.95rem;
        line-height: 0.95rem;
    }

    #carousel-home .item-home .btn-carousel-home {
        width: 30px;
        min-height: 30px;
        height: 30px;
    }

    #carousel-home .item-home .icono-flecha {
        margin: 0px 0px 0px 0px;

    }

    #carousel-home .item-home .icono-flecha .elementor-icon svg {
        width: 0.7em;
        height: 0.7em;
    }

    #carousel-home .item-home:hover .btn-carousel-home .masinfo {
        display: none;
    }

    #textmove-container {
        margin-top: 25px;
    }

    #textmove-container #textmove {
        animation: slide 12s infinite linear;
    }

    #textmove-container #textmove .content {
        font-size: 3rem;
    }

    #separador-videos {
        height: 10px;
    }

    #rueda-informativa-container {
        flex-direction: column;
        position: relative;
        overflow: visible;
        padding-right: 0px;
        padding-left: 0px;
    }


    #menu-informativo-container {
        order: 99;
         z-index: 2;
        position: -webkit-sticky;
        position: sticky;
        background-color: white;
        background-color: rgb(255 255 255);
        bottom: 0;
        margin-top: 5vh;
        max-height: 40vh;
        width: 100%;
        padding: 0;
    }

    #menu-informativo {
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        padding-right: 15px;
        padding-left: 15px;
        background-color: rgb(255 255 255);
        /* top: 0%; */
        /* transform: none; */
        width: 100%;
    }

    #menu-informativo .ico {
        width: fit-content;
        max-width: 65px;
        max-height: 65px;
        border-radius: 300%;
        transition: background-color 1s ease;
    }

    #menu-informativo #encabezado .elementor-widget-container {
        margin-top: 25px;
    }

    #menu-informativo #encabezado h2 {
        font-size: 1.8rem;
    }
    #menu-informativo #info {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    
    #menu-informativo #info .elementor-widget-container {
        font-size: 1rem;
        line-height: 1.3rem;
        margin-top: 30px;
    }

    #container-videos #imagen-invisible {
        display: none;
    }


	#container-videos {
		padding: 0 10px;
		px; */
		/* height: 402px; */
		/* overflow-y: visible; */
		/* overflow-x: hidden; */
		/* position: sticky; */
		/* top: 0; */
		/* gap: 5px; */
		/* perspective: 500px; */
	}


	#container-videos .image-container .elementor-widget-video {
		margin:auto;
	}

	#container-videos .image-container .elementor-widget-video.noseleccionada {
		/* width: 90%!important; */
		/* border-radius: 50px; */
		/* transition: box-shadow 0.3s ease; */
		/* border: 0; */
		/* transform: translateZ(-731px); */
		/* opacity: 0.99; */
		/* scale: 0.1; */
		/* transform: translateZ(42px); */
		/* transform: perspective(500px) translateZ(-175px); */
		/* border: 1px solid #000; */
	}

	#container-videos .image-container .elementor-widget-video.seleccionada {
		/* transition: box-shadow 5.3s ease; */
		/* border-radius: 50px; */
	}

	
    #imagenytextooculto #hiddentexto-container {
        position: relative;
        padding: 10px;
        min-height: fit-content;
    }

    #imagenytextooculto #hiddentexto-container #hiddentexto {
        position: relative;
        visibility: visible;
        width: 95%;
        top: 0px;
    }

    #imagenytextooculto #imagen-fondo img {
        border-radius: 20px;
    }

    #imagenytextooculto #hiddentexto h1 {
        margin-top: 5px;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.8rem;
        color: black;
    }
	
    #container-videos .image-container {
      position: sticky;
      top: 100px;
      /* left: 0; */
      /* transition: transform 0.25s ease-out; */
      /* z-index: 1; */ /* Default z-index */
      /* transform: translateY(75%); */
      padding: 0;
      /* border: 1px solid; */
      /* border-radius: 50px 50px 50px 50px; */
    }

	.elementor-3154 .elementor-element.elementor-element-9a1d058 {
		padding:0;
	}

	#container-videos #image-container1 {
		top:100px;
		margin-bottom: 50px;
	}

		#container-videos #image-container2 {
		top: 120px;
		margin-bottom: 30px;
		}

			#container-videos #image-container3 {
		top: 140px;
		margin-bottom: 10px;
		}

	#image-container1 {
		/*transform: translateY(-75%);*/
	}
	
	.elementor-3154 .elementor-element.elementor-element-dd7ba90 {
		/* margin:0!important; */
	}
	
}

@media only screen and (max-width: 320px) {
    #contenido-sobre-video #texto-cabecera {
        font-size: 2.4rem;
        line-height: 2.4rem;
        word-spacing: 0.2rem;
    }
}
/* BORJA*/
/*
	Theme Name: Hello Elementor-child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Borja
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 0.1
	Stable tag: 0.1
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
    Template:hello-elementor
*/

/*Responsive movil tamaño S*/
@media (max-width: 320px) {
    #texto-servicios2 {
        text-align: justify;        
    }
    #precios1 * {
        padding-left: 0%;
        padding-right: 0%;
        font-size: 11,5px;
    }
    #contenido-emoji1, #contenido-emoji2 {
        text-align: justify;
    }
    #pie2, #pie3 {
        font-size: 11px;
    }
}

/*Responsive movil a partir de tamaño M*/
@media (max-width: 767px) {
    #texto-servicios {
        display: none;
    }

    /* Acordeon */
    #acordeon {
        display: none;
    }
    #acordeon .swiper-slide {
        padding: 0px;
        max-height: 270px;
    }

    /*Swiper de tarifas*/
    #tarifas .swiper-slide {
        min-height: 470px;
    }

    /*Videos*/
    #contenedor-emojis .circulo-rosa, #contenedor-emojis .circulo-verde {
        max-width: 60px;
        max-height: 60px;
    }
    
    #contenedor-sticky {
        position: relative;
        padding-top: 120px;
    }
    
    #caja-video-masaje {
        position: sticky;
        top: 90px;
        margin-bottom: 438px;
        height: 245px;
    }

    #video-masaje video {
        object-fit: cover;
        max-height: 260px;
        left: 0;
        z-index: 1;
        border-radius: 20px;
        transition: background-color 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    }

    .video-overlay {
        position: absolute;
        min-height: 270px;
        border-radius: 20px;
        top: 0;
        bottom: 5;
        left: 0;
        right: 0;
        transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
        z-index: 1;
    }

    #caja-video-entrenamiento {
        margin-top: -149px;
        margin-bottom: -343px;
        max-height: 300px;
    }

    #video-entrenamiento video {
        position: sticky;
        max-height: 260px;
        object-fit: cover;
        border-radius: 30px;
        /* z-index: 2; */
        /* top: 0; */
    }

    #contenedor-botones-texto {
        position: sticky;
        bottom: 0;
        margin-top: 342px;
        padding-top: 15px;
        min-height: 340px;
        background-color: white;
    }

    /*Footer*/
    #footer-encabezado1, #footer-encabezado2 {
        margin-top: 5px;
        margin-left: 6px;
        font-size: 23px;
    }
    #footer-redes {
        padding-top: -10px;
        margin-bottom: 18px;
        margin-left: 5px;
        font-size: 14px;
        font-weight: bold;
    }
    #footer-direccion {
        padding-top: -10px;
        margin-left: 5px;
        font-size: 14px;
        font-weight: bold;
    }
    #pie1 {
        order: 3;
        font-size: 23px;
        line-height: 1.2;
    }
    #pie2 {
        order: 1;
    }
    #pie3 {
        order: 2;
    }
    #pie2, #pie3 {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 30px;
    }
}

/*Resolución tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
    #texto-servicios {
        display: none;
    }

    /* Acordeon */
    #acordeon {
        display: none;
    }
    #swiper-botones {
        display: none;
    }
    #swiper-acordeon .swiper-imagen {
        bottom: 0;
    }
    #swiper-acordeon .swiper-slide {
        padding: 0px;
        max-height: 270px;
    }
    /*Swiper de tarifas*/
    #tarifas .swiper-wrapper {
        height: 605px;
    }
    #tarifas .swiper-slide {
        min-height: 590px;
    }

    /*Vídeos*/
    #contenedor-emojis .circulo-rosa, #contenedor-emojis .circulo-verde {
        min-width: 75px;
        max-height: 65px;
    }
    #contenedor-videos {
        height: 150vh;
    }
    #contenedor-sticky {
        position: sticky;
        max-height: 760px;
        max-width: 1375px;
        top: 70px;
    }
    #video-masaje video {
        max-height: 605px;
    }
    #video-entrenamiento video {
        max-height: 605px;
    }
    /* Filtro gris */
    .video-pausado {
        filter: grayscale(40%);
    }
}

/*Resolucion portatil*/
@media (min-width: 1024px) and (max-width: 1440px) {
    #texto-servicios2 {
        display: none;
    }
    /* Acordeon */
    #acordeon {
        display: none;
    }
    #swiper-botones {
        display: none;
    }
    #acordeon .swiper-slide {
        padding: 0px;
        max-height: 270px;
    }
    /*Swiper de tarifas*/
    #tarifas .swiper-wrapper {
        height: 625px;
    }
    #tarifas .swiper-slide {
        min-height: 610px;
    }
    /*Vídeos*/
    #contenedor-videos {
        height: 120vh;
    }
    #contenedor-sticky {
        position: sticky;
        max-height: 630px;
        max-width: 1375px;
        top: 65px;
    }
    #video-masaje {
        max-height: 605px;
    }
    #video-entrenamiento {
        max-height: 605px;
    }
}
/*Resolución pc*/
@media (min-width: 1441px) {
    #texto-servicios2 {
        display: none;
    }
    /*Acordeón*/
    #swiper-acordeon {
        display: none;
    }
    #swiper-botones {
        display: none;
    } 
   
    /*Swiper de tarifas*/
    #tarifas .swiper-wrapper {
        height: 625px;
    }
    #tarifas .swiper-slide {
        min-height: 610px;
    }

    /*Vídeos*/
    #contenedor-videos {
        height: 120vh;
    }
    #contenedor-sticky {
        position: sticky;
        max-height: 630px;
        max-width: 1375px;
        top: 125px;
    }
    #video-masaje {
        max-height: 605px;
    }
    #video-entrenamiento {
        max-height: 605px;
    }

    /* Filtro gris */
    .video-pausado {
        filter: grayscale(40%);
    }
}

/*Acordeon*/
#acordeon {
    min-height: 480px;
    min-width: 100%;
}
/* Ocultar contenido e imagen de todas las fichas excepto la primera */
.ficha-contenido2, .ficha-imagen2,.ficha-contenido3, .ficha-imagen3,.ficha-contenido4, .ficha-imagen4,.ficha-contenido5, .ficha-imagen5, .ficha-contenido6, .ficha-imagen6 {
    display: none;
}

#ficha2, #ficha3, #ficha4, #ficha5, #ficha6 {
    margin-left: -38px;
}

.ficha {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.ficha.collapsed {
  width: 23%;
}

.ficha.expanded {
  width: 30%;
}

.ficha.collapsed .ficha-encabezado:first-child{
    margin-left: -5px;
}
.ficha-info {
    z-index: 3;
}

.ficha-imagen1 img, .ficha-imagen2 img, .ficha-imagen3 img, .ficha-imagen4 img, .ficha-imagen5 img {
    position: relative;
    bottom: 0;
    object-fit: contain;
    z-index: 1;
}

.swiper-boton-prev, .swiper-boton-next {
    cursor: pointer;
}

/* Estilo para las cajas de texto */
.texto-masaje, .texto-pesa {
    display: none;
}

.texto-masaje {
    display: block;
}

/* Estilo para los emojis */
.emoji-masaje, .emoji-pesa {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.circulo-rosa {
    display: block;
}

#contenedor-emojis .circulo-rosa, #contenedor-emojis .circulo-verde {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

/*Color de enlaces*/
#contenedor-footer a:hover {
    color: #f67200;
}
#pie a, #footer-redes a {
    color: black;
}
#pie a:hover {
    color: #f67200;
}
#boton-cita {
    color: white;
}
#boton-cita a {
    color: white;
}
#boton-cita a:hover {
    color: white;
}