.elementor-4717 .elementor-element.elementor-element-d789b4d{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-4717 .elementor-element.elementor-element-dac6e2f{text-align:center;}.elementor-4717 .elementor-element.elementor-element-dac6e2f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.5em;font-weight:400;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-4717 .elementor-element.elementor-element-7c88cee{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-4717 .elementor-element.elementor-element-3d9427b{--display:flex;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-4717 .elementor-element.elementor-element-20db090{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-4717 .elementor-element.elementor-element-dac6e2f .elementor-heading-title{font-size:3.9em;}.elementor-4717 .elementor-element.elementor-element-7c88cee{font-size:16px;}}@media(min-width:768px){.elementor-4717 .elementor-element.elementor-element-d789b4d{--content-width:1200px;}.elementor-4717 .elementor-element.elementor-element-3d9427b{--width:100%;}.elementor-4717 .elementor-element.elementor-element-20db090{--width:100%;}}@media(max-width:767px){.elementor-4717 .elementor-element.elementor-element-d789b4d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4717 .elementor-element.elementor-element-dac6e2f{text-align:center;}.elementor-4717 .elementor-element.elementor-element-dac6e2f .elementor-heading-title{font-size:32px;}.elementor-4717 .elementor-element.elementor-element-7c88cee{font-size:16px;}}/* Start custom CSS for mphbe-rooms, class: .elementor-element-5b8e4a4 *//* --- ESTILOS PARA EL WIDGET DE DETALLES DE HABITACIÓN --- */

/* Estilo para el Título Principal (ej: Doble vista piscina) */
.mphb-room-type-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 2.1rem !important;
    font-weight: 500 !important;
    color: #2b2b2b !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* Estilo para el Párrafo de descripción */
p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

/* Título de la sección "Detalles" */
.mphb-room-type-details-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    /* Línea separadora sutil */
}

/* Estilo para ambos botones: "Ver detalles" y "Hacer reserva" */
.button.mphb-view-details-button,
.button.mphb-book-button {
    background-color: #1C244B !important; /* Fondo gris oscuro */
    color: #ffffff !important;
    width: 100% !important; /* Ancho completo */
    padding: 14px 20px !important;
    font-size: 0.95rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important; /* Texto en mayúsculas */
    letter-spacing: 0.05em !important; /* Espacio entre letras */
    border: none !important;
    border-radius: 4px !important; /* Bordes ligeramente redondeados */
    cursor: pointer !important;
    text-align: center !important;
    transition: background-color 0.3s ease !important;
    display: block !important; /* Asegura que ocupe todo el ancho */
}

/* Efecto al pasar el mouse sobre los botones */
.button.mphb-view-details-button:hover,
.button.mphb-book-button:hover {
    background-color: #2b2b2b !important; /* Se oscurece un poco */
}

/* Contenedor del botón "Hacer reserva" para darle espacio arriba */
.mphb-to-book-btn-wrapper {
    margin-top: 10px !important;
}

/* --- Contenedor principal de las habitaciones --- */
/* Usamos las dos clases juntas para ser más específicos */
.mphb_sc_rooms-wrapper.mphb-room-types {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Crea 3 columnas de igual ancho */
    gap: 30px !important; /* Espacio de 30px entre cada tarjeta */
    padding: 20px 0 !important; /* Un poco de espacio vertical */
}

/* --- Contenedor principal de las habitaciones --- */
.mphb_sc_rooms-wrapper.mphb-room-types {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Crea 2 columnas de igual ancho */
    gap: 40px !important; /* Espacio entre cada tarjeta */
    padding: 20px 0 !important;
}

/* --- Estilo de cada tarjeta de habitación --- */
.mphb_sc_rooms-wrapper .mphb-room-type {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* --- Contenido de texto dentro de la tarjeta --- */
.mphb_sc_rooms-wrapper .mphb-room-type-content-wrapper,
.mphb_sc_rooms-wrapper .mphb-room-type-description {
    padding: 20px 25px !important;
    flex-grow: 1; 
}

/* --- Botones dentro de la tarjeta --- */
.mphb_sc_rooms-wrapper .mphb-room-type-buttons {
    padding: 0 25px 25px 25px !important;
    margin-top: auto !important; /* Empuja los botones siempre hacia abajo */
}

/* === RESPONSIVE: Ajuste para Móviles === */
@media screen and (max-width: 767px) {
    .mphb_sc_rooms-wrapper.mphb-room-types {
        grid-template-columns: 1fr !important; /* 1 columna en móviles */
        gap: 20px !important;
    }
}

.mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type), .mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type), .mphb_sc_services-wrapper .mphb-service:not(:first-of-type) {
margin-top: 0 !important;
}/* End custom CSS */