.elementor-67 .elementor-element.elementor-element-d69df46{margin-top:-40px;margin-bottom:0px;}.elementor-67 .elementor-element.elementor-element-810c9b0 > .elementor-background-overlay{background-color:#222222;opacity:1;}.elementor-67 .elementor-element.elementor-element-810c9b0{margin-top:0px;margin-bottom:0px;}.elementor-67 .elementor-element.elementor-element-e6a77a1 > .elementor-background-overlay{opacity:1;}.elementor-67 .elementor-element.elementor-element-e6a77a1{margin-top:0px;margin-bottom:7px;padding:55px 0px 82px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-67 .elementor-element.elementor-element-5cf55a8 > .elementor-widget-container{margin:26px 0px 25px 0px;}.elementor-67 .elementor-element.elementor-element-5cf55a8{text-align:start;}.elementor-67 .elementor-element.elementor-element-5cf55a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;text-transform:uppercase;color:#C7A36A;}.elementor-67 .elementor-element.elementor-element-754171c{width:var( --container-widget-width, 112.424% );max-width:112.424%;--container-widget-width:112.424%;--container-widget-flex-grow:0;}.elementor-67 .elementor-element.elementor-element-e1360d5 > .elementor-widget-container{margin:47px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-43fab4d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-f14ccc5 > .elementor-widget-container{margin:-115px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-66d7f13 > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-67 .elementor-element.elementor-element-66d7f13{margin-top:-36px;margin-bottom:0px;padding:68px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-0bd9e92 > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-67 .elementor-element.elementor-element-0bd9e92{margin-top:0px;margin-bottom:152px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-67 .elementor-element.elementor-element-08fce92 > .elementor-widget-container{margin:-115px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-67 .elementor-element.elementor-element-33ab314 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-ba01f4c{margin-top:74px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-22c5da9 > .elementor-container{max-width:1057px;}.elementor-67 .elementor-element.elementor-element-e8db904 > .elementor-widget-container{margin:92px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-e8db904{text-align:start;}.elementor-67 .elementor-element.elementor-element-e8db904 .elementor-heading-title{font-family:"Gilda Display", Sans-serif;font-size:15px;font-weight:600;color:#1A1818;}.elementor-67 .elementor-element.elementor-element-b6b0c07 > .elementor-widget-container{margin:0px 0px 52px 0px;}.elementor-67 .elementor-element.elementor-element-b6b0c07{text-align:start;}.elementor-67 .elementor-element.elementor-element-b6b0c07 .elementor-heading-title{font-family:"Gilda Display", Sans-serif;font-size:40px;font-weight:600;color:#C1A16E;}.elementor-67 .elementor-element.elementor-element-8a202a7 > .elementor-widget-container{margin:26px 0px 25px 0px;}.elementor-67 .elementor-element.elementor-element-8a202a7{text-align:start;}.elementor-67 .elementor-element.elementor-element-8a202a7 .elementor-heading-title{font-family:"Gilda Display", Sans-serif;font-size:40px;font-weight:500;color:#C7A36A;}.elementor-67 .elementor-element.elementor-element-138ee61 > .elementor-widget-container{margin:53px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-08c6dbe{margin-top:92px;margin-bottom:0px;}.elementor-67 .elementor-element.elementor-element-f04db14:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-f04db14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-67 .elementor-element.elementor-element-f04db14{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-67 .elementor-element.elementor-element-f04db14 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-67 .elementor-element.elementor-element-5cf55a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-5cf55a8{text-align:center;}.elementor-67 .elementor-element.elementor-element-5cf55a8 .elementor-heading-title{font-size:20px;}.elementor-67 .elementor-element.elementor-element-e1360d5 > .elementor-widget-container{margin:19px 0px 0px -11px;}.elementor-67 .elementor-element.elementor-element-f14ccc5 > .elementor-widget-container{margin:-105px 0px 0px 11px;}.elementor-67 .elementor-element.elementor-element-63ea11c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-08fce92 > .elementor-widget-container{margin:-105px 0px 0px 11px;}.elementor-67 .elementor-element.elementor-element-8a202a7{text-align:center;}.elementor-67 .elementor-element.elementor-element-8a202a7 .elementor-heading-title{font-size:26px;}}/* 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 */
/* Start custom CSS for heading, class: .elementor-element-5cf55a8 */.texto_galeria{
    font-family: "Nexa Light", sans-serif;
    font-size: 40px;
}

.elementor-67 .elementor-element.elementor-element-5cf55a8 .elementor-heading-title{
     font-family: "Nexa Light", sans-serif;
     
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-754171c */.img-wrap {
    position: relative;
}

/* Overlay */
.img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}

/* Icono */
.img-wrap::before {
    content: "▶";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #fff;
    opacity: 0;
    transform: scale(.8);
    transition: all .3s ease;
    pointer-events: none;
}

/* Hover */
.img-wrap:hover::after {
    opacity: 1;
}

.img-wrap:hover::before {
    opacity: 1;
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1360d5 */.btn-vermas-dotted {
    position: relative;
    display: block;      /* ← clave */
    width: fit-content;  /* ← se ajusta al texto */
    margin: 0 auto;      /* ← centra */
    background: #C7A36A;
    color: #fff !important;
    padding: 12px 28px;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
}


/* BORDE DOTTED INTERNO */
.btn-vermas-dotted::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    
}

/* HOVER SUAVE */
.btn-vermas-dotted:hover {
    opacity: 0.9;
}


.btn-vermas-dotted,
.btn-vermas-dotted:hover {
    position: relative;
    display: block !important;
    width: fit-content;
    margin: 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for home-room, class: .elementor-element-8949350 */@media (min-width: 768px) {
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

.rooms1 .item .con .permalink a:hover, .rooms1 .item .con .permalink i:hover{
    
    color:#C7A36A !important;
}
.rooms1 .item .con .permalink a{
    font-size: 12px;
}

.section-title {
        padding-left: 0px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f14ccc5 */.btn-vermas-dotted {
    position: relative;
    display: block;      /* ← clave */
    width: fit-content;  /* ← se ajusta al texto */
    margin: 0 auto;      /* ← centra */
    background: #C7A36A;
    color: #fff !important;
    padding: 12px 28px;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
}


/* BORDE DOTTED INTERNO */
.btn-vermas-dotted::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
   
    pointer-events: none;
}

/* HOVER SUAVE */
.btn-vermas-dotted:hover {
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-43fab4d */.rooms1 .item .con h5, .rooms1 .item .con h5 a{
   
}
.rooms1 .item .con h6, .rooms1 .item .con h6 a{
    display: none !important;
}

.rooms1 .item .con i{
    display: none;
}

.rooms1 .item .category{
    display: none;
}
.bg-cream{
    background:black !important;
}

.section-title{
   color: #C7A36A !important;
text-align: left;
font-family: "Nexa Light", sans-serif !important;
}

.rooms1 .item .con .permalink{
    font-family: "Nexa Light", sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63ea11c */@media (max-width: 768px) {
   .section-title{
       font-size: 20px !important;
       text-align: center;
   } 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08fce92 */.btn-vermas-dotted {
    position: relative;
    display: block;      /* ← clave */
    width: fit-content;  /* ← se ajusta al texto */
    margin: 0 auto;      /* ← centra */
    background: #C7A36A;
    color: #fff !important;
    padding: 12px 28px;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
}


/* BORDE DOTTED INTERNO */
.btn-vermas-dotted::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
   
    pointer-events: none;
}

/* HOVER SUAVE */
.btn-vermas-dotted:hover {
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-66d7f13 */.rooms1 .item .con h5, .rooms1 .item .con h5 a{
   
}
.rooms1 .item .con h6, .rooms1 .item .con h6 a{
    display: none !important;
}

.rooms1 .item .con i{
    display: none;
}

.rooms1 .item .category{
    display: none;
}
.bg-cream{
    background:black !important;
}

.experiencias .section-title{
   color: #C7A36A !important;
text-align: center;
font-family: "Nexa Light", sans-serif !important;
}

.rooms1 .item .con .permalink{
    font-family: "Nexa Light", sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a202a7 */.elementor-67 .elementor-element.elementor-element-8a202a7 .elementor-heading-title{
    font-family: "Nexa Light", sans-serif;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-138ee61 */.btn_servicios_deluxe {
    position: relative;
    background: #C7A36A;
    padding: 12px 20px;
    color: white !important;
    border-radius: 0;

    width: 35%;
    display: block;
    text-align: center;
    letter-spacing: 1px;

    text-decoration: none;
    font-family: "Nexa Light", sans-serif !important;
}

/* BORDE INTERNO */
.btn_servicios_deluxe::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
   
    pointer-events: none;
}




h1, h2, h3, h4, h5, h6{
   font-family: "Nexa Light", sans-serif !important;
}


/* ESTADO INICIAL OCULTO */
.servicio-item {
    opacity: 0;
    transform: translateX(-80px);
   transition: all 1.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* PARA LOS BLOQUES INVERTIDOS */
.servicio-item.invertido {
    transform: translateX(80px);
}

/* CUANDO SE ACTIVA */
.servicio-item.visible {
    opacity: 1;
    transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7148bc5 */.testi-section-unique {
  padding: 60px 20px;
  text-align: center;
  background: #1a1a1a;
  color: #fff;
}

.testi-title-unique {
  letter-spacing: 2px;
  opacity: .7;
  margin-bottom: 5px;
}

.testi-subtitle-unique {
  font-size: 32px;
  font-family: serif;
  margin-bottom: 40px;
}

/* SWIPER CARDS */
.testi-card-unique {
  background: #fff;
  color: #222;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0px 8px 20px rgba(0,0,0,0.2);
  width: 300px;
}

.testi-user-unique {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.testi-user-unique img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.testi-name-unique {
  font-weight: bold;
  margin: 0;
}

.testi-date-unique {
  font-size: 13px;
  color: #777;
  margin: 0;
}

.testi-text-unique {
  font-size: 14px;
  margin: 10px 0 20px;
}

.testi-more-unique {
  text-decoration: none;
  font-weight: bold;
  color: #666;
}

.testi-more-unique:hover {
  text-decoration: underline;
}

/* ARROWS PERSONALIZADAS */
.testi-next-unique,
.testi-prev-unique {
  color: #fff !important;
  transform: scale(1.2);
}

.testi-next-unique:hover,
.testi-prev-unique:hover {
  color: #00e37b !important;
}

/* AWARD */
.testi-award-unique img {
  width: 120px;
  opacity: 0.8;
  margin-top: 40px;
}/* End custom CSS */
/* Start custom CSS for home-testimonials, class: .elementor-element-71798a4 */.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
        background: #C7A36A !important;
    border: 1px solid #C7A36A !important;
}


.testimonials-box .head-box h6{
    
    font-size: 18px;
}

.testimonials-box .head-box h4{
   font-size: 28px;
}/* End custom CSS */
/* Start custom CSS for home-services-2, class: .elementor-element-6a13de2 */.contenedor_blok{
    display: block !important;
    visibility: visible !important;
    z-index: 99 !important;
}/* End custom CSS */