.elementor-10661 .elementor-element.elementor-element-986deec{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10661 .elementor-element.elementor-element-f67814f{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10661 .elementor-element.elementor-element-297ff4b{--display:flex;}.elementor-10661 .elementor-element.elementor-element-a8cbae3 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-10661 .elementor-element.elementor-element-7c79969{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10661 .elementor-element.elementor-element-7c79969:not(.elementor-motion-effects-element-type-background), .elementor-10661 .elementor-element.elementor-element-7c79969 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-10661 .elementor-element.elementor-element-f67814f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10661 .elementor-element.elementor-element-4bcdbc1 > .elementor-widget-container{margin:20px 0px 0px 0px;}}@media(min-width:768px){.elementor-10661 .elementor-element.elementor-element-986deec{--content-width:1200px;}.elementor-10661 .elementor-element.elementor-element-f67814f{--content-width:1200px;}}/* Start custom CSS for mphbe-accommodation-gallery, class: .elementor-element-a00ef3d *//* ----- GALERÍA ESTILO AIRBNB MEJORADA ----- */
.mphb-single-room-type-gallery-wrapper .gallery {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto 40px auto;
  align-items: stretch;
}

.mphb-single-room-type-gallery-wrapper .gallery-item {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

/* Primera imagen grande */
.mphb-single-room-type-gallery-wrapper .gallery-item:first-child {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

/* Ajuste de imágenes uniformes */
.mphb-single-room-type-gallery-wrapper .gallery-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  transition: transform 0.3s ease;
}

/* Pequeño efecto hover */
.mphb-single-room-type-gallery-wrapper .gallery-item img:hover {
  transform: scale(1.03);
}

/* Oculta fotos extra si hay más de 5 */
.mphb-single-room-type-gallery-wrapper .gallery-item:nth-child(n+6) {
  display: none;
}

/* ----- TITULO “NOX 9” A LA IZQUIERDA ----- */
.mphb-room-type-title.entry-title {
  text-align: left !important;
  font-size: 2.8rem;
  font-weight: 500;
  margin: 0 auto 10px auto;
  width: 100%;
  max-width: 1200px;
}

/* ----- DESCRIPCIÓN Y DETALLES CENTRADOS ----- */
.mphb-room-type-attributes,
.mphb-room-type-attributes p {
  width: 90%;
  max-width: 1340px;
  margin: 0 auto;
}

/* ----- RESPONSIVE ----- */
@media (max-width: 768px) {
  .mphb-single-room-type-gallery-wrapper .gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .mphb-single-room-type-gallery-wrapper .gallery-item:first-child {
    grid-column: auto;
    grid-row: auto;
  }

  .mphb-single-room-type-gallery-wrapper .gallery-item img {
    aspect-ratio: 16 / 9;
  }

  .mphb-room-type-title.entry-title {
    font-size: 2rem;
    text-align: center !important;
  }
}/* End custom CSS */