.elementor-56 .elementor-element.elementor-element-0df3bea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-6ef426c{--display:flex;--min-height:100px;--justify-content:center;}.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-56 .elementor-element.elementor-element-4d1e115{text-align:center;}.elementor-56 .elementor-element.elementor-element-4d1e115 .elementor-heading-title{font-family:var( --e-global-typography-9c3c36b-font-family ), Sans-serif;font-size:var( --e-global-typography-9c3c36b-font-size );font-weight:var( --e-global-typography-9c3c36b-font-weight );color:var( --e-global-color-74ca792 );}.elementor-56 .elementor-element.elementor-element-f8d317a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-b47cfee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-56 .elementor-element.elementor-element-4d1e115 .elementor-heading-title{font-size:var( --e-global-typography-9c3c36b-font-size );}}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-0df3bea{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-4d1e115 .elementor-heading-title{font-size:var( --e-global-typography-9c3c36b-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-b47cfee *//* =========================================
   CORRECCIÓN DISEÑO DE ESCRITORIO
   Reemplaza TODO el código anterior con este.
   ========================================= */
/* 1. Contenedor Principal de la Tarjeta */
.elementor-56 .elementor-element.elementor-element-b47cfee .room_result {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 30px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    list-style: none !important;
}
.elementor-56 .elementor-element.elementor-element-b47cfee .room_result:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}
/* 2. Layout Interno PRINCIPAL (Flexbox) */
.elementor-56 .elementor-element.elementor-element-b47cfee .room_result-inner {
    display: flex !important;
    flex-wrap: nowrap !important; /* Forzar una sola línea en escritorio */
    align-items: stretch !important; /* Estirar altura */
    padding: 0 !important;
}
/* 3. Bloque Izquierdo (Imagen + Info) */
.elementor-56 .elementor-element.elementor-element-b47cfee .vblistroomblock {
    flex: 1 1 75% !important; /* Ocupa el 75% del ancho */
    display: flex !important;
    padding: 20px !important;
    border-right: 1px solid #eee; /* Línea separadora vertical */
}
/* Imagen dentro del bloque izquierdo */
.elementor-56 .elementor-element.elementor-element-b47cfee .vbimglistdiv {
    flex: 0 0 40% !important; /* La imagen ocupa 40% del bloque izquierdo */
    width: 40% !important;
    padding-right: 20px !important;
    float: none !important; /* Quitar floats antiguos */
}
.elementor-56 .elementor-element.elementor-element-b47cfee .vbimglistdiv img {
    width: 100% !important;
    height: 100% !important;
    min-height: 200px;
    object-fit: cover !important;
    border-radius: 8px !important;
}
/* Info dentro del bloque izquierdo */
.elementor-56 .elementor-element.elementor-element-b47cfee .vbo-info-room {
    flex: 1 !important; /* El resto del espacio para texto */
    padding-right: 10px !important;
    float: none !important;
}
/* 4. Bloque Derecho (Precio y Botón) */
.elementor-56 .elementor-element.elementor-element-b47cfee .vbcontdivtot {
    flex: 0 0 25% !important; /* Ancho fijo 25% */
    width: 25% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px !important;
    background-color: #fcfcfc !important; /* Fondo sutilmente diferente */
    float: none !important;
}
/* Ajustes de contenido */
.elementor-56 .elementor-element.elementor-element-b47cfee .vbrowcname a {
    color: #333 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    text-decoration: none;
    line-height: 1.2;
}
.elementor-56 .elementor-element.elementor-element-b47cfee .room_cost span {
    color: #1f2124 !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    
    margin-bottom: 5px;
}
/* Botón */
.elementor-56 .elementor-element.elementor-element-b47cfee .vbselectr .btn {
   
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
/* =========================================
   RESPONSIVE (Móviles < 900px)
   ========================================= */
@media (max-width: 900px) {
    /* Apilar todo verticalmente */
    .elementor-56 .elementor-element.elementor-element-b47cfee .room_result-inner {
        flex-direction: column !important;
    }
    
    /* El bloque izquierdo también se apila (foto arriba, texto abajo) */
    .elementor-56 .elementor-element.elementor-element-b47cfee .vblistroomblock {
        flex-direction: column !important;
        border-right: none !important;
        border-bottom: 1px solid #eee;
    }
    .elementor-56 .elementor-element.elementor-element-b47cfee .vbimglistdiv {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .elementor-56 .elementor-element.elementor-element-b47cfee .vbcontdivtot {
        width: 100% !important;
        flex-direction: row !important; /* Precio y botón en línea en móvil */
        justify-content: space-between !important;
    }
    .elementor-56 .elementor-element.elementor-element-b47cfee .room_cost span {
        font-size: 1.5rem !important;
        margin-bottom: 0;
    }
    .elementor-56 .elementor-element.elementor-element-b47cfee .vbselectr .btn {
        width: auto !important;
        margin-top: 0 !important;
    }
}/* End custom CSS */