.elementor-10260 .elementor-element.elementor-element-d69df46{margin-top:-40px;margin-bottom:0px;}.elementor-10260 .elementor-element.elementor-element-94bff05{--spacer-size:110px;}.elementor-10260 .elementor-element.elementor-element-41326cc{--spacer-size:75px;}.elementor-10260 .elementor-element.elementor-element-e58d8c1{--spacer-size:98px;}/* Start custom CSS for home-slider, class: .elementor-element-ac12d3f */.booking-inner{
    display: none;
}
.header div.reservation{
    display: none;
}
.slider-fade .owl-dots .owl-dot.active{
    display: none;
}

.butn-light a{
   background: #c1a16e !important; 
   display: none;
}

.hola_reservar {
    display: block !important;
    width: 30%;
   text-align: center;
   
    justify-content: center; 
    transform: translate(100%, 0%);
}


a.hola_reservar:hover {
      background-color: inherit !important;
    box-shadow: none !important;
    color: inherit !important;
  

}




@media only screen and (max-width: 768px) {
    
.header .caption h1{
    font-size: 19px;
}

.hola_reservar{
    display: none !important;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d35ae29 */.stars {
    font-size: 26px;
    color: #c1a16e;   /* dorado */
    letter-spacing: 5px;
    margin-bottom: 18px;
    margin-top: 155px; /* ⬅️ Ajusta este valor para bajarlas más */
}

.img_slider {
    width: 40%; /* ajústalo a tu gusto */
}

@media (max-width: 900px){
    .img_slider {
    width: 100%; /* ajústalo a tu gusto */
}
}


/* Hero Section */
.hero {
    width: 100%;
    height: 120vh;
    background-image: url("https://casalola.gets.com.co/wp-content/uploads/2026/01/1-PORTADA.mp4");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* VIDEO FONDO */
.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
    
}

/* Oscurecer imagen como en la referencia */
.overlay_slider {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
}

/* Contenido centrado */
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    width: 90%;
}

/* Texto superior */
.sub {
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 22px;
    color: white;
}

/* Título principal */
.title {
    font-size: 68px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 40px;
    color: white;
}

/* Botón Reservar */
.btn-reservar {
    background: #c7a36a;
    color: white;
    padding: 14px 55px;
    font-size: 20px;
    text-decoration: none;
    border: 0px solid ;          /* Borde externo */
     /* outline: 1px dashed  #ffffff;       Borde interno tipo punteado */
    outline-offset: -10px;              /* Lo acerca hacia adentro */
    border-radius: 0px;
    display: inline-block;
    transition: 0.3s;
}

.btn-reservar:hover {
    background: #b48c50;
    border-color: #ffffff;
    outline-color: #ffffff;
}


/* Responsive */
@media(max-width: 768px) {
    .title {
        font-size: 42px;
    }
    .sub {
        font-size: 18px;
    }
}


/* Redes debajo del botón */
.hero-social {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 22px;
}

.hero-social .social-icon {
    font-size: 22px;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.hero-social .social-icon:hover {
    color: #c7a36a; /* color dorado como en el diseño */
}/* End custom CSS */