.elementor-10047 .elementor-element.elementor-element-d69df46{margin-top:-40px;margin-bottom:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10047 .elementor-element.elementor-element-d83619b .elementor-repeater-item-88602c0 .swiper-slide-bg{background-image:url(https://casalola.com/wp-content/uploads/2026/04/foto1-scaled.jpeg);background-size:cover;}.elementor-10047 .elementor-element.elementor-element-d83619b .elementor-repeater-item-88602c0 .elementor-background-overlay{background-color:#00000099;}.elementor-10047 .elementor-element.elementor-element-d83619b .swiper-slide{transition-duration:calc(5000ms*1.2);height:746px;}.elementor-10047 .elementor-element.elementor-element-d83619b .elementor-slide-button{background-color:#C7A36A;border-radius:0px;border-color:#C7A36A;}.elementor-10047 .elementor-element.elementor-element-d83619b .swiper-slide-contents{max-width:919px;}.elementor-10047 .elementor-element.elementor-element-d83619b .swiper-slide-inner{text-align:center;}.elementor-10047 .elementor-element.elementor-element-d83619b .elementor-slide-heading{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:300;line-height:130px;}@media(max-width:767px){.elementor-10047 .elementor-element.elementor-element-d83619b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10047 .elementor-element.elementor-element-d83619b .swiper-slide-contents{max-width:239px;}.elementor-10047 .elementor-element.elementor-element-d83619b .elementor-slide-heading{font-size:21px;line-height:1.5em;}}/* Start custom CSS for slides, class: .elementor-element-d83619b */.texto-body{
    text-align: justify;
    font-family: 'QuinfoBold' !important;
    width: 100%; 
    max-width: 1140px;
    letter-spacing: 0.5px;
}

.texto-title{
    font-weight:250; color:white; padding:0px; margin-bottom:-10px;
}


@media (max-width: 768px) {
    texto-body{
        max-width: 100%;

    }
    
    
    .texto-title{
        font-size: 35px;
}

}




.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.com/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 */