/******************************
 * 
 *  Apartamentos
 * 
 ******************************/

.page-id-1398 #Header {
   display: grid;
   grid-template-areas:
      "imagem"
      "texto";
   height: calc( 100vh - var(--altura-menu) ) !important;
   grid-template-rows: auto max-content;
}

@media only screen and (max-width: 1200px) {
   .page-id-1398 #Header {
      height: 100vh !important;
      max-height: 100vh !important;
   }
}

.page-id-1398 #page-container #Header .imagem {
   grid-area: imagem;
   height: auto !important;
   max-height: 100% !important;
   overflow: hidden;
}

.page-id-1398 #page-container #Header .imagem:before {
   content: "";
   display: block;
   width: 100% !important;
   height: 100% !important;
   position: absolute !important;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background: color-mix(in srgb, var(--corAzulEscuro) 60%, transparent);
   pointer-events: none !important;
}

.page-id-1398 #page-container #Header .imagem .et_pb_column,
.page-id-1398 #page-container #Header .imagem .et_pb_column .et_pb_image,
.page-id-1398 #page-container #Header .imagem .et_pb_column .et_pb_image .et_pb_image_wrap,
.page-id-1398 #page-container #Header .imagem .et_pb_column .et_pb_image .et_pb_image_wrap img {
   height: 100% !important;
   width: 100% !important;
   display: block !important;
   overflow: hidden;
}

.page-id-1398 #page-container #Header .imagem .et_pb_column {
   display: grid !important;
   grid-template-areas: "itens" !important;
   align-items: center;
   justify-items: center !important;
   align-content: unset !important;
   justify-content: unset !important;
}

.page-id-1398 #page-container #Header .imagem .et_pb_column .et_pb_module {
   grid-area: itens !important;
}

.page-id-1398 #page-container #Header .imagem .et_pb_column .et_pb_image {
   z-index: 0;
   margin: 0;
}

.page-id-1398 #page-container #Header .imagem .et_pb_column  .et_pb_text {
   z-index: 2;
}

.page-id-1398 #Header .imagem img {
   object-fit: cover;
   object-position: center center;
}

.page-id-1398 #page-container #Header .texto {
   grid-area: texto;
   height: 100% !important;
   background: var(--corAzul);
   display: grid;
   justify-content: center;
   align-items: center;
   justify-items: center;
}

.page-id-1398 #page-container #Header .texto h2 {
   text-align: center;
}

.page-id-1398 #page-container #Header .texto .et_pb_column {
   height: auto !important;
   max-width: var(--maxWidth) !important;
   width: 90% !important;
}