/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2024 | 13:55:32 */
html, body{
  overflow-x: hidden !important;
}

.cursor{
	position: fixed;
	border-radius: 50%; 
	transform: translateX(-50%) translateY(-50%) scale(1);
	pointer-events: none;
	left: -100px;
	top: 50%;
	z-index: 4;
	background: #8d75518c url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/exchange-1.png') center/40px no-repeat;
	width: 150px;
	height: 150px;
	backdrop-filter: blur(5px);  
	transition:width .1s linear, height .1s linear, background .2s linear;
}

.cursor.ocultar{
    width: 0px !important;
	height: 0px !important;
	background: #8d75518c url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/exchange-1.png') center/0px no-repeat !important;
}

.contenedor_experiencias .jet-listing-grid__item .jet-engine-listing-overlay-wrap{
    cursor: grabbing !important;
}

.cursor.boton-visible{
	animation: botonVisible .5s ease-in-out forwards;
	z-index:10
}

@keyframes botonVisible {
    0% {
        transform:translateX(-50%) translateY(-50%)  scale(1);
		background: #8d75518c url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/exchange-1.png')center/40px no-repeat;
    }
    50% {
        transform:translateX(-50%) translateY(-50%)  scale(0);
		background: #8d75518c url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/exchange-1.png')center/40px no-repeat;
    }
    100% {
        transform:translateX(-50%) translateY(-50%)  scale(1);
		background: #fff url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/right-arrow.png')center/40px no-repeat;
    }
}

.cursor.boton-invisible {
    animation: botonInvisible .5s ease-in-out forwards;
}

@keyframes botonInvisible {
    0% {
        transform: translateX(-50%) translateY(-50%) scale(1);
        background: #fff url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/right-arrow.png') center/40px no-repeat;
    }
    50% {
        transform: translateX(-50%) translateY(-50%) scale(0);
        background: #8d75518c url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/exchange-1.png') center/40px no-repeat;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) scale(1);
        background: #8d75518c url('https://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/exchange-1.png') center/40px no-repeat;
    }
}

/* ---------------------------------- Estilos del menu -------------------------------- */
li.btn_contacto a{
    border: 1px solid #8D7551;
    border-radius: 0px;
    transition:.3s all ease;
}

li.btn_contacto a:hover{
    background:#8D7551;
    color:#fff !important
}

/* --------------------------------- Estilos del header ----------------------------------- */
.header_nav-menu{
    transition:.3s all ease;
}

.header_nav-menu.elementor-sticky--effects{
    background:#202020
}

/* -------------------------------- Video Home ------------------------------------------ */
.video_bienvenido .elementor-custom-embed-play{
    background:#0088AC;
    border-radius:360px;
    width:115px;
    height:115px;
    display:flex;
    justify-content:center;
    align-items:center;

    position: absolute;
    top: 50%;
    left: 95%;
    transform: translate(-50%, -50%);
    transition:.3s all ease
}

.video_bienvenido svg {
    fill:transparent;
    opacity:1;   
    transition:.3s all ease
}

.video_bienvenido .elementor-custom-embed-play:hover{
    box-shadow:0px 0px 10px 5px #0088AC80
}

.video_bienvenido .elementor-widget-container{
    overflow:visible !important
}

.video_bienvenido .elementor-custom-embed-image-overlay img {
    aspect-ratio:auto !important;
}

/* ------------------------------ Decoracion ----------------------------- */
.titulo_decorado h2::after,
.titulo_decorado h3::after,
.titulo_decorado h2::before,
.titulo_decorado h3::before{
    content:"";
    display:inline-block;
    width:70px;
    height:40px;
    background: url('http://www.hotelsantaclara.misitioweb.com.co/wp-content/uploads/2024/07/Objects-1.png') center/cover no-repeat;
    vertical-align:middle;
    margin-right:5px
}

/* ---------------------  Seccion nuestra habitaciones ---------------------*/

.banner_habitacion .jet-banner.jet-effect-roxy .jet-banner__title {
    padding: 20% 0 10px 0;
}

/* --------------------------- Testimonios ---------------------------------*/
.contenedor_testimonio .star_rating{
    width: 7em;
}

.contenedor_testimonio .star_rating::before {
    content: "sssss";
    color: #BDA17C;
    top: 0;
    left: 0;
    position: relative;
    font-family: star;
    font-size:1.2em
}

.contenedor_testimonio .star_rating span.star{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height:30px;
}

.contenedor_testimonio .star_rating .star::before{
    content: "SSSSS";
    position: relative;
    top: 0px;
    left: 0px;
    font-family: star;
    color:#AD6A12;
    font-size:1.2em
}

/* ------------------------------------ Texto animado ---------------------------*/

.texto_animado h2{
    position: absolute;
    overflow: hidden;
}

.texto_animado h2{
    display: flex;
    gap: .5em;
    align-items:center;
    width: fit-content;
    white-space: nowrap;
    position: relative;
}

.texto_animado span.circle {
    width:10px;
    height:10px;
    background:#8D755190;
    border-radius:30px;
}

.texto_animado.rigth h2{
    --offset: 15vh;
    --move-initial: calc(-50% + var(--offset));
    --move-final: calc(0% + var(--offset));
    transform: translate3d(var(--move-initial), 0, 0);
}

.texto_animado.left h2{
    --offset: 15vh;
    --move-initial: calc(50% + var(--offset));
    --move-final: calc(0% + var(--offset));
    transform: translate3d(var(--move-initial), 0, 0);
}

.texto_animado.rigth h2{
    animation: 20s linear 1s infinite slideRight;
}

.texto_animado.left h2{
    animation: 20s linear 1s infinite slideLeft;
}


@keyframes slideLeft{
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
    
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}

@keyframes slideRight {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
    
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}

@media(max-width:1024px){
    .video_bienvenido .elementor-custom-embed-play{
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        transform:translate(0px, 0px)
    }
	.titulo_decorado h2::after,
	.titulo_decorado h3::after,
	.titulo_decorado h2::before,
	.titulo_decorado h3::before{
		content:"";
		width:40px;
		height:20px;
	}
    
}

@media(max-width:667px){
    .banner_habitacion .jet-banner.jet-effect-roxy .jet-banner__title {
        padding: 0% 0 10px 0;
    }
}


/* ------------------ Estilos logo Banner Meditur -------------------------- */
.logo_meditur {
    position: absolute;
    bottom: 2em;
    left: 48%;
}

@media (max-width:767px) {
    .logo_meditur {
        left: 45%;
    }
}