.elementor-8726 .elementor-element.elementor-element-8d0d42d{--display:flex;--min-height:38px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-8726 .elementor-element.elementor-element-8d0d42d:not(.elementor-motion-effects-element-type-background), .elementor-8726 .elementor-element.elementor-element-8d0d42d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, #000000 100%);}.elementor-8726 .elementor-element.elementor-element-8b29a42 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-8726 .elementor-element.elementor-element-8b29a42 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-8726 .elementor-element.elementor-element-8b29a42{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8726 .elementor-element.elementor-element-8b29a42 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-8726 .elementor-element.elementor-element-1343bd5c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-8726 .elementor-element.elementor-element-74be6074{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8726 .elementor-element.elementor-element-1ca63f99{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;}.elementor-8726 .elementor-element.elementor-element-1ca63f99 img{width:90%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-8726 .elementor-element.elementor-element-13cf49e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-8726 .elementor-element.elementor-element-5c784051 > .elementor-widget-container{background-color:var( --e-global-color-764183d );border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-764183d );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.8px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main .elementor-item.elementor-item{color:var( --e-global-color-text );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-8726 .elementor-element.elementor-element-5c784051{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a, .elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-764183d );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a:hover,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-menu-toggle:hover{color:var( --e-global-color-text );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a:hover,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFD6AC;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );background-color:var( --e-global-color-764183d );}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown .elementor-item, .elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-8726 .elementor-element.elementor-element-5c784051 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-8726 .elementor-element.elementor-element-5c784051 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-8726 .elementor-element.elementor-element-5c784051 div.elementor-menu-toggle:hover{color:var( --e-global-color-14ef391 );}.elementor-8726 .elementor-element.elementor-element-5c784051 div.elementor-menu-toggle:hover svg{fill:var( --e-global-color-14ef391 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-8726 .elementor-element.elementor-element-74be6074{--width:20%;}.elementor-8726 .elementor-element.elementor-element-13cf49e9{--width:77%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8726 .elementor-element.elementor-element-8d0d42d{--content-width:100%;}.elementor-8726 .elementor-element.elementor-element-74be6074{--width:50%;}.elementor-8726 .elementor-element.elementor-element-13cf49e9{--width:50%;}}@media(max-width:1024px){.elementor-8726 .elementor-element.elementor-element-8d0d42d{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-8726 .elementor-element.elementor-element-1343bd5c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-8726 .elementor-element.elementor-element-1ca63f99 img{width:57%;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown .elementor-item, .elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown a{padding-left:61px;padding-right:61px;padding-top:19px;padding-bottom:19px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:38px !important;}.elementor-8726 .elementor-element.elementor-element-5c784051{--nav-menu-icon-size:30px;}}@media(max-width:767px){.elementor-8726 .elementor-element.elementor-element-8d0d42d{--justify-content:space-around;}.elementor-8726 .elementor-element.elementor-element-1343bd5c{--content-width:98%;}.elementor-8726 .elementor-element.elementor-element-74be6074{--width:50%;}.elementor-8726 .elementor-element.elementor-element-13cf49e9{--width:50%;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown .elementor-item, .elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:12px;letter-spacing:0.8px;}.elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8726 .elementor-element.elementor-element-5c784051 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:6px !important;}.elementor-8726 .elementor-element.elementor-element-5c784051{--nav-menu-icon-size:22px;}}/* Start custom CSS for container, class: .elementor-element-8d0d42d */#pojo-a11y-skip-content{
    display: none;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-5c784051 */#pojo-a11y-skip-content{display:none!important;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13cf49e9 */#pojo-a11y-skip-content{display:none!important;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1343bd5c *//* --- CSS PARA DISEÑO LINEAL DE ALOJAMIENTOS --- */

/* 1. CONTENEDOR PRINCIPAL Y SEPARACIÓN */
.elementor-widget-shortcode .mphb_sc_search_results-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px; /* Aumentamos el espacio entre cada tarjeta */
}

/**.mphb-reserve-room-section .button.mphb-book-button{
    display: none;
}
*/
/* Ocultamos bloques superiores no deseados */
.mphb_sc_search_results-wrapper .mphb_sc_search_results-info,
.mphb_sc_search_results-wrapper  .mphb-recommendation-title,
.mphb_sc_search_results-wrapper  #mphb-recommendation,
.mphb_sc_search_results-wrapper  #mphb-reservation-cart {
    display: none !important;
}

/* 2. DISEÑO DE LA TARJETA DE ALOJAMIENTO */
.mphb_sc_search_results-wrapper .mphb-room-type {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 50px;
}

/* --- 3. CONTENIDO DE LA TARJETA --- */

/* Imagen Principal */
.mphb-room-type-images {
    width: 100%;
    max-height: 400px; /* Altura máxima para la imagen */
    overflow: hidden;
}

.mphb-room-type-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mphb-room-type .mphb-gallery-thumbnail-slider {
    display: none !important; /* Ocultamos la galería de miniaturas */
}

/* Contenedor para todo el texto */
.mphb-room-type-text-content {
    padding: 25px 30px 30px 30px;
}

/* Título */
h2.mphb-room-type-title a {
    font-size: 26px;
    font-weight: 700;
    color: #111827;
    text-decoration: none;
}

/* Descripción */
.mphb-room-type  p {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.6;
    margin: 15px 0;
}

/* Detalles (Servicios, etc.) */
.mphb-loop-room-type-attributes {
    font-size: 15px;
    color: #4b5563;
    list-style: none;
    padding: 15px 0;
    margin: 20px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

/* Contenedor para Precio y Botón */
.mphb-price-and-booking-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

/* Precio */
.mphb-regular-price {
    margin: 0;
    text-align: left;
}
.mphb-regular-price .mphb-price {
    font-size: 28px;
    font-weight: 800;
    color: #111827;
}
.mphb-regular-price .mphb-price-period {
    font-size: 14px;
    color: #6b7280;
    font-weight: 400;
}

/* Botón de Reserva */
.mphb-reserve-room-section .button.mphb-book-button {
    background-color: #005a87;
    color: #fff;
    border-radius: 8px;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
}

/* Ocultar elementos innecesarios */
.mphb-view-details-button-wrapper,
.mphb-reserve-room-section .mphb-rooms-quantity-wrapper,
.mphb-reserve-room-section .mphb-confirm-reservation,
.mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper {
    display: none;
}

/* --- 4. DISEÑO RESPONSIVO (Ajustes menores) --- */
@media (max-width: 767px) {
    .mphb-price-and-booking-container {
        flex-direction: column; /* Apila el precio y el botón en móvil */
        align-items: flex-start;
        gap: 15px;
    }

    h2.mphb-room-type-title a {
        font-size: 22px;
    }
}


/* --- CSS DEFINITIVO Y RESPONSIVO --- */

/* 1. CONTENEDOR PRINCIPAL: CENTRADO Y CON ANCHO MÁXIMO */
.elementor-widget-shortcode .mphb_sc_search_results-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Separación de 10px entre todos los elementos */
}

/* 2. TARJETA SUPERIOR ENCAPSULADA (RECOMENDACIÓN) */
/* Ocultamos elementos que no necesitamos */
.mphb_sc_search_results-wrapper  #mphb-reservation-cart,
.mphb_sc_search_results-wrapper  .mphb_sc_search_results-info {
    display: none !important;
}

/* Creamos la tarjeta para el formulario */
.mphb-recommendation-title,
#mphb-recommendation {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 25px 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.mphb-recommendation-title {
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    margin: 0;
    font-size: 22px;
    color: #343a40;
}

#mphb-recommendation {
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Para que se adapte en móvil */
    gap: 15px;
}
#mphb-recommendation ul, #mphb-recommendation p { margin: 0; }
#mphb-recommendation .mphb-recommendation-total-value { font-size: 24px; font-weight: bold; }
#mphb-recommendation .button {
    background-color: #28a745; color: white; padding: 12px 30px; font-size: 16px; border-radius: 8px;
}

/* --- AÑADIMOS DE AQUÍ PARA ABAJO LA LISTA DE ALOJAMIENTOS --- */

/* 3. CONTENEDOR PARA LA CUADRÍCULA DE ALOJAMIENTOS */
.mphb-rooms-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Separación de 10px entre tarjetas de alojamiento */
}

/* 4. TARJETA DE ALOJAMIENTO (CADA UNA AL 50% DE ANCHO) */
.mphb_sc_search_results-wrapper .mphb-room-type {
    flex-basis: calc(50% - 5px); /* Ancho para dos columnas con gap de 10px */
    display: flex;
    flex-direction: column;
    
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* --- Contenido dentro de cada tarjeta --- */
.mphb-room-type-images { height: 250px; }
.mphb-room-type-images img { width: 100%; height: 100%; object-fit: cover; }
.mphb-room-type .mphb-gallery-thumbnail-slider { display: none !important; }

/* Padding para el texto */
.mphb-room-type h2, .mphb-room-type  p, .mphb-room-type  .mphb-loop-room-type-attributes,
.mphb-room-type  .mphb-regular-price, .mphb-room-type  .mphb-reserve-room-section {
    padding-left: 25px; padding-right: 25px; margin: 0;
}
h2.mphb-room-type-title { padding-top: 25px; margin-bottom: 10px; font-size: 22px; }
h2.mphb-room-type-title a { color: #111827; text-decoration: none; }
.mphb-room-type  p { font-size: 15px; color: #6b7280; line-height: 1.6; margin-bottom: 20px; flex-grow: 1; }
.mphb-loop-room-type-attributes { font-size: 14px; list-style: none; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #f0f0f0; }
.mphb-regular-price { padding-top: 20px; text-align: right; }
.mphb-regular-price .mphb-price { font-size: 24px; font-weight: 800; }
.mphb-reserve-room-section { padding-top: 10px; padding-bottom: 25px; text-align: right; }
.mphb-reserve-room-section .button.mphb-book-button { background-color: #005a87; color: #fff; border-radius: 8px; padding: 10px 24px; font-size: 15px; }
.mphb-view-details-button-wrapper, .mphb-reserve-room-section .mphb-rooms-quantity-wrapper,
.mphb-reserve-room-section .mphb-confirm-reservation, .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper {
    display: none;
}

/* 5. DISEÑO RESPONSIVO */
@media (max-width: 850px) {
    /* En móvil, una sola columna */
    .mphb_sc_search_results-wrapper .mphb-room-type {
        flex-basis: 100%;
    }
}



 /* --- 1. DISEÑO GENERAL CON CSS GRID (2 COLUMNAS ESTRICTAS) --- */

.mphb_sc_checkout-form {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Columna izquierda el doble de ancha que la derecha */
    gap: 30px; /* Espacio entre columnas */
    align-items: flex-start;
}

/* Columna Izquierda: Contenido principal que se desplaza */
#mphb-booking-details, 
#mphb-customer-details, 
.mphb-errors-wrapper,
.mphb_sc_checkout-submit-wrapper {
    grid-column: 1; /* Todos estos elementos van a la primera columna */
}

/* Columna Derecha: Resumen de precios que se quedará fijo */
#mphb-price-details, 
#mphb-billing-details,
.mphb-total-price,
.mphb-deposit-amount {
    grid-column: 2; /* Todos estos elementos van a la segunda columna */
     /* ESTA LÍNEA HACE QUE LA COLUMNA SE QUEDE FIJA */
    top: 40px;      /* Distancia desde la parte superior al empezar a fijarse */
}


/* --- 2. ESTILO DE TARJETAS PARA LAS SECCIONES --- */

.mphb-checkout-section {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px; 
}


/* --- 3. MEJORA DE TÍTULOS Y TEXTOS --- */

.mphb-checkout-section h3, .mphb-checkout-section h4 {
    font-size: 22px;
    color: #111;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

.mphb_sc_checkout-form p {
    margin-bottom: 15px;
    line-height: 1.6;
}


/* --- 4. ESTILO DE LOS CAMPOS DEL FORMULARIO --- */

.mphb_sc_checkout-form label {
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 8px;
}

.mphb_sc_checkout-form input[type="text"],
.mphb_sc_checkout-form input[type="email"],
.mphb_sc_checkout-form select,
.mphb_sc_checkout-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    box-sizing: border-box; 
    transition: border-color 0.3s, box-shadow 0.3s;
}

.mphb_sc_checkout-form input:focus,
.mphb_sc_checkout-form select:focus,
.mphb_sc_checkout-form textarea:focus {
    border-color: #0073aa; 
    box-shadow: 0 0 5px rgba(0, 115, 170, 0.2);
    outline: none;
}


/* --- 5. ESTILO DE LA TABLA DE PRECIOS --- */

.mphb-price-breakdown {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.mphb-price-breakdown td, .mphb-price-breakdown th {
    padding: 12px 8px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.mphb-price-breakdown tfoot th, .mphb-price-breakdown tfoot .mphb-price {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.mphb-price-breakdown .mphb-table-price-column {
    text-align: right;
    font-weight: 600;
}


/* --- 6. MEJORA DEL BOTÓN DE RESERVA --- */

.mphb_sc_checkout-submit-wrapper .button {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #28a745; 
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.mphb_sc_checkout-submit-wrapper .button:hover {
    background-color: #218838; 
    transform: translateY(-2px);
}


/* --- 7. ESTILO DEL MENSAJE DE ERROR --- */
.mphb-errors-wrapper {
    background-color: #dc3545;
    color: #fff;
    padding: 15px;
    border-radius: 6px;
    margin-top: 20px;
    text-align: center;
}


/* --- 8. DISEÑO RESPONSIVO PARA MÓVILES --- */

@media (max-width: 900px) {
    .mphb_sc_checkout-form {
        grid-template-columns: 1fr; /* Cambiamos a una sola columna */
    }
    
    /* Hacemos que TODOS los elementos vuelvan a la primera columna en móvil */
    #mphb-booking-details, 
    #mphb-customer-details, 
    .mphb-errors-wrapper,
    .mphb_sc_checkout-submit-wrapper,
    #mphb-price-details, 
    #mphb-billing-details,
    .mphb-total-price,
    .mphb-deposit-amount {
        grid-column: 1; 
        position: static; /* IMPORTANTE: Quitamos el efecto fijo en móvil */
    }
}
#pojo-a11y-skip-content{display:none!important;}/* End custom CSS */
/* Start custom CSS */.mphb-calendar{
    display: none !important;
}

.mphb-calendar-title{
    display: none !important;
}

#gallery-1{
    display: none !important;
}/* End custom CSS */