/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.wpb_content_element {
    margin-bottom: 0 !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

p {
    margin: 0;
}

.wpb_single_image .vc_single_image-wrapper {
    margin: 0;
}


/* -------------------------------------------header */

.header-macarena ul.nav {
    align-items: center !important;
}


.header-macarena li.menu-item {
    height: fit-content;
}

.header-macarena a {
    font: normal normal 500 18px/25px Geist;
    letter-spacing: 0px;
}

.header-macarena a:hover {
    font-weight: bold;
}


.header-macarena-menu-container {
    height: fit-content;
}

.header-macarena>div {
    justify-content: center;
}

header {
    padding-top: 35px;
    padding-bottom: 20px;
}


@media only screen and (min-width: 1000px) {

    .header-macarena>div {
        gap: 50px;
    }

    .header-macarena ul.nav {
        gap: 40px;
    }


}

@media only screen and (min-width: 1900px) {

    .header-macarena>div {
        gap: 115px;
    }

    .header-macarena ul.nav {
        gap: 74px;
    }

}


/* ----------------------------------------------banner home */



@media only screen and (min-width: 900px) {

    .banner-casa-macarena {
        background: url(/wp-content/uploads/2025/06/casa-macarena-video.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

}


.title-banner-home {
    text-align: left;
    font: normal normal 800 60px/65px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    max-width: 812px;
    margin-bottom: 20px;
}

.subtitle-banner-home {
    text-align: left;
    font: normal normal normal 24px/32px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    max-width: 740px;
    margin-bottom: 25px;
}

.banner-casa-macarena {
    height: 900px;
}

.banner-casa-macarena>div.ld-container.container {
    align-content: center;
}

/* ------------------------------botones */

.boton-transparente {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 243px;
    padding-block: 20px;
    background: #ffffff00;
    border-radius: 50px;
    font: normal normal bold 18px/23px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 4px solid #FFFFFF;
    user-select: none;
    box-sizing: border-box;
}


.boton-transparente:hover {
    color: #FFFFFF;
    gap: 18px;
}


.boton-marron {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 243px;
    padding-block: 20px;
    background: #712816;
    border-radius: 50px;
    font: normal normal bold 18px/23px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 4px solid #FFFFFF;
    user-select: none;
    box-sizing: border-box;
}


.boton-marron:hover {
    color: #FFFFFF;
    gap: 18px;
}

/* ----------------------lofts home----------------- */


/* -----texto----- */

.lofts-content-text-container>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lofts-title {
    color: #202020;
    text-align: left;
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    max-width: 473px;
}

.lofts-title span {
    color: #892C19;
}


.lofts-subtitle {
    text-align: left;
    font: normal normal 500 18px/25px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    max-width: 575px;
    margin-bottom: 10px;
}

.lofts-text {
    text-align: left;
    font: normal normal bold 20px/26px Geist;
    letter-spacing: 0px;
    color: #41424C;
}


/* -----cards---- */

.lofts-content-card-container {
    margin-bottom: 70px !important;
}

.name-loft-card {
    text-align: left;
    font: normal normal bold 20px/26px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.price-loft-card {
    text-align: left;
    font: normal normal 500 20px/26px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.lofts-content-card-container>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 27px;
}

.card-loft {
    width: 362px;
    height: 387px;
    padding-left: 30px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#card-loft-uno {
    background: url(/wp-content/uploads/2025/06/Componente-7-–-16.png);
}


#card-loft-dos {
    background: url(/wp-content/uploads/2025/06/Componente-7-–-11.png);
}


#card-loft-tres {
    background: url(/wp-content/uploads/2025/06/Componente-7-–-14.png);
}


#card-loft-cuatro {
    background: url(/wp-content/uploads/2025/06/Componente-7-–-10.png);
}


#card-loft-cinco {
    background: url(/wp-content/uploads/2025/06/Componente-7-–-12.png);
}


#card-loft-seis {
    background: url(/wp-content/uploads/2025/06/Componente-7-–-13.png);
}

/* efecto hover tarjetas */

.card-loft {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    cursor: pointer;
    /* indica que es clicable */
}

/* Oculta los textos al hacer hover */
.card-loft:hover .name-loft-card,
.card-loft:hover .price-loft-card {
    visibility: hidden;
}

/* Capa de color (#712816) */
.card-loft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #712816;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
    /* deja pasar el clic */
}

/* Texto “Ver más” centrado */
.card-loft::after {
    content: "Ver más";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    font: normal normal bold 24px/26px Geist;
    z-index: 2;
    transition: opacity 0.3s ease;
    pointer-events: none;
    /* deja pasar el clic */
}

.card-loft:hover::before {
    opacity: 1;
}

.card-loft:hover::after {
    opacity: 1;
}


/* pie de loft */

.text-pie-loft {
    text-align: left;
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    color: #202020;
}




.pie-loft>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 95px;
}


/* ------------------------------------Explore Bogotá */

.explorar-bogota {
    background: url(/wp-content/uploads/2025/06/Grupo-83.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.explorar-bogota-carrusel>div>div {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.explorar-bogota-carrusel-content {
    width: 554px;
    height: 393px;
}

.explorar-bogota-carrusel-text-container {
    margin-left: 0;
}

.explore-bogota-title {
    text-align: left;
    font: normal normal bold 35px/40px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-block: 10px;
}

.explore-bogota-paragraph {
    text-align: left;
    font: normal normal normal 16px/30px Geist;
    letter-spacing: 0px;
    color: #FFFDFC;
    display: flex;
    flex-direction: column;
    max-width: 494px;
    margin-bottom: 10px;
}


.explore-bogota-paragraph span {
    font-weight: 600;
}

.explore-bogota-boton {
    text-align: left;
    font: normal normal bold 20px/26px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    gap: 10px;
}


.explore-bogota-boton:hover {
    color: #FFFFFF;
    gap: 16px;
}


/* tarjetas Explore Bogotá */


.explorar-bogota-cards-container>div {
    display: flex;
    justify-content: space-between;
    gap: 90px;
}

.explorar-bogota-card-title {
    margin-block: 20px;
    text-align: left;
    font: normal normal 600 20px/26px Geist;
    letter-spacing: 0px;
    color: #FAFAFA;
}

.explorar-bogota-card-text {
    text-align: left;
    font: normal normal normal 16px/25px Geist;
    letter-spacing: 0px;
    color: #FAFAFA;
}


/* --------------------------home Reserva */

.reserve-estadiia-pasos-con-numero>h6 {
    font: normal normal 600 14px/14px Chivo;
    letter-spacing: 0px;
    margin-bottom: 0 !important;
    color: #202020;
}

.reserve-estadiia-numero>p {
    font-family: 'Chivo';
    margin-bottom: 0;
}

.reserve-estadiia-pasos-titulo>h3 {
    font: normal normal bold 35px/45px Geist;
    letter-spacing: 0px;
    color: #202020;
    margin-bottom: 5px !important;
}

.reserve-estadiia-pasos-text>p {
    font: normal normal 500 16px/25px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    max-width: 230px;
    text-wrap-style: balance;
}


@media only screen and (min-width: 900px) {

    .reserve-estadiia-pasos>div>div {
        justify-content: space-between;
    }

    .reserve-estadiia-pasos>div>div>div {
        margin-left: 0;
    }

}

.reserve-estadiia-boton-element>div {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}


/*----------------------------------------------- HOME TESTIMONIOS */

.testimonio-text-title {
    text-align: left;
    font: normal normal 500 16px/21px Geist;
    letter-spacing: 1.6px;
    color: #892C19;
    margin-bottom: 5px;
}

.testimonio-text-subtitle {
    text-align: left;
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    color: #202020;
    margin-bottom: 30px;
}


.testimonio-text-subtitle span {
    color: #712916;
}

.testimonials>div>div {
    justify-content: space-between;
    align-items: center;
}

.testimonials-text-container {
    margin-left: 0;
}

.testimonials-img-container {
    margin-left: 0;
    width: 524px;
    height: 524px;
    padding: 0;
}

.testimonials-text-carrusel p,
.testimonials-text-carrusel h5,
.testimonials-text-carrusel h6 {
    font-family: "Geist";
}



/* ------------Preguntas frecuentes------------- */

.preguntas-frecuentes>div>div {
    justify-content: space-between;
}

.preguntas-frecuentes-img-container {
    width: 524px;
    height: 524px;
    margin-left: 0;
}


.titulo-preguntas-frecuentes {
    text-align: left;
    font: normal normal bold 50px/55px Geist;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 30px;
}

.titulo-preguntas-frecuentes span {
    color: #6E1F0D;
}

.preguntas-frecuentes .accordion-title {
    font: normal normal 500 18px/30px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.preguntas-frecuentes .accordion-title a {
    padding-left: 0;
}

.preguntas-frecuentes div.accordion {
    max-width: 539px;
}


.text-acordion {
    text-align: left;
    font: normal normal 500 18px/20px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}


.preguntas-frecuentes .accordion-content {
    padding-inline: 0;
}

.boton-preguntas-frecuentes-container a {
    margin-inline: auto;
    margin-block: 35px;
}


/* ------------footer------------- */



@media only screen and (min-width: 1940px) {

    .mapa-footer-desktop {
        display: none;
    }

}


@media only screen and (max-width: 1940px) {

    .mapa-footer-gran-desktop {
        display: none;
    }

}


.pie-de-pagina-footer {
    background: url(/wp-content/uploads/2025/09/Grupo-1531-e1756927516151.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    box-shadow: 0px 6px 10px #00000029;
    border-radius: 10px;
    width: 932px;
    height: 170px;
    padding-right: 95px;
    position: absolute;
    transform: translate(-50%, -62%);
    left: 50%;
    right: 50%;
}


.pie-de-pagina-footer>div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pie-de-pagina-footer>div>div {
    width: fit-content;
}

.footer-macarena-columns>div>div {
    justify-content: space-between;
}

.footer-column-container {
    padding: 0 !important;
    width: fit-content;
}


.footer-text {
    text-align: left;
    font: normal normal normal 16px/25px Geist;
    letter-spacing: 0px;
    color: #FAFAFA;
    margin-top: 20px;
    margin-bottom: 18px;
    max-width: 283px;
}

.footer-title {
    text-align: left;
    font: normal normal bold 18px/24px Geist;
    letter-spacing: 0px;
    color: #FFFAFA;
    margin-bottom: 40px;
}


.footer-contact-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.footer-column-dos>div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-subcontainer-contact {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer-icon-contact {
    margin-top: -1px;
}


.footer-contact-text {
    text-align: left;
    font: normal normal normal 16px/18px Geist;
    letter-spacing: 0px;
    color: #D5D3D3;
}

.footer-link-contact {
    text-align: left;
    font: normal normal normal 14px/19px Chivo;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.footer-column-dos>div>div:nth-child(2)>div>a {
    width: 14.3rem;
}

.footer-macarena-columns a:hover {
    font-weight: bold !important;
    color: #FFFFFF;
}


.footer-column-tres {
    width: 120px;
}

#footer-column-cuatro>li:nth-child(2) {
    width: 9.5rem;
}

/* Apunta al UL por su id o clase */
#footer-column-tres.reset-ul {
    /* número de columnas */
    column-count: 2;
    /* espacio entre columnas */
    /* column-gap: 20px; */
    /* para navegadores antiguos */
    -webkit-column-count: 2;
    /* -webkit-column-gap: 20px; */
    -moz-column-count: 2;
    /* -moz-column-gap: 20px; */
}

/* evita que un elemento se rompa entre columnas */
#footer-column-tres.reset-ul li {
    break-inside: avoid;
    /* espacio entre ítems */
    margin-bottom: 15px;
}

#footer-column-cuatro.reset-ul li {
    break-inside: avoid;
    /* espacio entre ítems */
    margin-bottom: 10px;
}

/* estilo de los enlaces */
.footer-column .reset-ul li a {
    text-align: left;
    font: normal normal normal 14px/18px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;
}

/* zocalo tht */

.zocalo-txt-container>div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

.zocalo-txt {
    text-align: center;
    font: normal normal normal 14px/19px Geist;
    letter-spacing: 0px;
    color: #FAFAFA;

}


.zocalo-txt:hover {
    color: #FAFAFA;
    font-weight: bold;
}


/* -----------------------------------SECCION SOBRE NOSOTROS----------------*/


.historia-content>div {
    display: flex;
    gap: 60px;
}

.historia-img {
    max-width: 50%;
    object-fit: cover;
    height: 685px;
}

.historia-text {
    max-width: 559px;
}

.historia-paragraphs-container {
    max-width: 496px;
}

.historia-title {
    text-align: left;
    font: normal normal 500 16px/21px Geist;
    letter-spacing: 1.6px;
    color: #892C19;
}

.historia-subtitle {
    text-align: left;
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    color: #202020;
    margin-bottom: 16px;
}


.historia-subtitle span {
    color: #892C19;
}

.historia-paragraphs {
    text-align: left;
    font: italic normal 500 18px/25px Chivo;
    letter-spacing: 0px;
    color: #4F4D4D;
    margin-bottom: 20px;
}

.historia-paragraphs-autor {
    text-align: left;
    font: normal normal 500 18px/25px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.historia-icons-container {
    display: flex;
    gap: 25px;
}


#el-barrio-content>div {
    justify-content: flex-end;
    align-items: center;
}

#el-barrio-content .historia-paragraphs {
    font: normal normal 500 18px/25px Geist;
}

/* galeria historia */

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

/* Aquí aplicas el swing sólo al hacer hover */
#galeria-historia img:hover {
    /* Origen del giro en el centro superior */
    -webkit-transform-origin: top center;
    transform-origin: top center;

    /* Duración y tipo de animación */
    -webkit-animation: swing 1s ease-in-out both;
    animation: swing 1s ease-in-out both;
}



/* -----------------------------------BLOGS----------------*/

.post-template-default.single.single-post header.lqd-post-header.entry-header,
.post-template-default.single.single-post footer.blog-post-footer.entry-footer,
.post-template-default.single.single-post .comments-area {
    display: none;
}

.title-blog {
    font: normal normal bold 45px/50px Geist;
    margin-bottom: 12px !important;
}

.post-template-default.single.single-post .lqd-post-content.post.type-post h1,
.post-template-default.single.single-post .lqd-post-content.post.type-post h2 {
    font: normal normal bold 45px/50px Geist;
    margin-bottom: 12px !important;
}

.text-blog {
    font: normal normal normal 18px/35px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.post-template-default.single.single-post .lqd-post-content.post.type-post p {
    font: normal normal normal 18px/35px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.pie-de-pagina-blog p {
    font: normal normal bold 50px/65px Geist !important;
    letter-spacing: 0px !important;
    color: #722917 !important;
    margin-bottom: 45px !important;
}

.post-template-default.single.single-post .lqd-post-content.post.type-post section>div>div {
    justify-content: space-between;
    align-items: center;
}

.post-template-default.single.single-post .lqd-post-content.post.type-post section>div>div>div:has(.text-blog) {
    max-width: 535px;
}

.entradas-post-blog-macarena .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link {
    height: 229px;
}

.entradas-post-blog-macarena .vc_gitem-animated-block {
    height: 229px;
}

.entradas-post-blog-macarena>div>div>div>div {
    width: 321px;
}

.entradas-post-blog-macarena .vc_gitem-zone.vc_gitem-zone-c {
    background-color: transparent !important;
}

.entradas-post-blog-macarena .vc_gitem-post-data-source-post_title>h4 {
    font: normal normal bold 27px/30px Geist;
    letter-spacing: 0px;
    color: #892C19;
    margin-top: 15px;
    margin-bottom: 0 !important;
}

.entradas-post-blog-macarena .vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt>p {
    font: normal normal 500 18px/25px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.entradas-post-blog-macarena a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded {
    padding: 0;
    background-color: transparent;
    font: normal normal 500 18px/25px Geist;
    letter-spacing: 0px;
    color: #7f2917;
}

.entradas-post-blog-macarena>div>div>div>div {
    width: fit-content;
}

#ultimas-entradas #entradas-post-blog-macarena>div>div>div {
    display: flex !important;
    justify-content: center;
    gap: 70px;
}



/* -----------explora bogota BLOG ---------- */
#ultimas-entradas-explora-bogota .entradas-post-blog-macarena .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link {
    height: 379px !important;
}


#ultimas-entradas-explora-bogota .entradas-post-blog-macarena .vc_gitem-animated-block {
    height: 379px !important;
}

#ultimas-entradas-explora-bogota .entradas-post-blog-macarena>div>div>div>div {
    width: 531px !important;
}

/* 
#ultimas-entradas-explora-bogota
#entradas-post-blog-macarena > div > div > div > div{
width: fit-content;
}

#ultimas-entradas-explora-bogota
#entradas-post-blog-macarena > div > div > div{
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
     gap: 38px; 
}
 */


/*--------------------------------------------------------- ADAPTACIONES MOBILE------------------------------------------------------*/

@media only screen and (max-width: 900px) {


    .vc_column_container {
        padding-inline: 32px;
    }

    .boton-transparente {
        width: 190px;
        font-size: 15px;
        padding-block: 17px;
    }

    .boton-marron {
        width: 190px;
        font-size: 15px;
        padding-block: 17px;
    }

    #header .navbar-header>a {
        width: 200px;
        flex: none;
    }

    header {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .banner-casa-macarena-container {
        padding-inline: 32px;
    }

    .title-banner-home {
        font: normal normal 800 30px/32px Geist;
    }

    .subtitle-banner-home {
        font: normal normal normal 16px/24px Geist;
    }

    .lofts-content-text {
        margin-top: 25px;
    }

    .lofts-content-text-container>div {
        flex-direction: column;
    }

    .lofts-title {
        font: normal normal bold 28px/33px Geist;
        margin-bottom: 10px;
    }

    .lofts-subtitle {
        font: normal normal 500 13px/18px Geist;
        margin-bottom: 1px;
    }

    .lofts-text {
        font: normal normal bold 13px/16px Geist;
        margin-bottom: 20px;
    }

    .lofts-column {
        text-wrap-style: pretty;
    }

    .card-loft {
        width: 330px;
        height: 353px;
    }

    .lofts-content-card-container {
        margin-bottom: 30px !important;
    }

    .pie-loft>div {
        flex-direction: column;
        gap: 12px;
    }

    .text-pie-loft {
        text-align: center;
        font: normal normal bold 28px/50px Geist;
    }


    .explorar-bogota {
        background: #712816;
    }


    .explorar-bogota-carrusel>div>div {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .explorar-bogota-carrusel-content {
        width: 100%;
        height: fit-content;
    }

    .explore-bogota-icon {
        width: 2.5rem
    }

    .explore-bogota-title {
        font: normal normal bold 28px/40px Geist;
    }

    .explore-bogota-paragraph {
        font: normal normal normal 13px/18px Geist;
        text-wrap-style: balance;
        margin-bottom: 12px;
    }

    .explore-bogota-boton {
        font: normal normal bold 15px/18px Geist;
    }

    .explorar-bogota-cards-container>div {
        flex-direction: column;
        gap: 35px;
        margin-top: 2rem;
    }

    .explorar-bogota-card {
        max-width: 225px;
        text-wrap-style: balance;
    }

    .titulo-preguntas-frecuentes {
        font: normal normal bold 28px/33px Geist;
        margin-bottom: 12px;
        margin-top: 25px;
    }

    .preguntas-frecuentes .accordion .accordion-item .accordion-title>a {
        font: normal normal 500 14.1px/30px Geist;
    }

    .text-acordion {
        font: normal normal 500 13px/20px Geist;
    }

    .preguntas-frecuentes-img-container {
        height: auto;
    }

    .pie-de-pagina-footer {
        z-index: 9;
        background: url(/wp-content/uploads/2025/09/Grupo-1528-e1756927452386.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 90%;
        height: 360px;
        padding-bottom: 2rem;
        padding-right: 0;
        transform: translate(-50%, -24%);
    }


    .pie-de-pagina-footer>div {
        flex-direction: column;
        align-items: center;
    }

    .footer-title {
        margin-bottom: 25px;
    }

    .footer-macarena-columns {
        padding-inline: 30px;
    }

    .footer-macarena-columns>div>div {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .zocalo-txt-container>div {
        margin-top: 30px;
    }


}

/* VISTA MOBILE */

@media only screen and (max-width: 490px) {


    .banner-casa-macarena {
        height: 496px;
    }

    .banner-casa-macarena {
        background: url(/wp-content/uploads/2025/06/Captura-de-pantalla-2025-06-30-170726.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }


    .mapa-footer-tablet {
        display: none;
    }

}

/* VISTA TABLET */
@media (min-width: 715px) and (max-width: 1000px) {


    .mapa-footer-mobile {
        display: none;
    }

    .boton-transparente {
        width: 220px;
        font-size: 18px;
        padding-block: 18px;
    }


    .boton-marron {
        width: 220px;
        font-size: 18px;
        padding-block: 18px;
    }

    #header .navbar-header>a {
        width: 250px;
        flex: none;
    }

    .banner-casa-macarena {
        height: 700px;
    }

    .banner-casa-macarena {
        background: url(/wp-content/uploads/2025/07/5125349268373220872.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .title-banner-home {
        font: normal normal 800 48px/50px Geist;
    }

    .subtitle-banner-home {
        font: normal normal normal 25px/34px Geist;
        text-wrap-style: balance;
    }

    .lofts-content-text-container>div {
        align-items: flex-start;
    }

    .lofts-title {
        font: normal normal bold 32px/33px Geist;
        margin-top: 1rem;
    }

    .lofts-subtitle {
        font: normal normal 500 20px/24px Geist;
    }

    .lofts-text {
        font: normal normal bold 20px/16px Geist;
    }

    .text-pie-loft {
        font: normal normal bold 32px/50px Geist;
    }

    .explore-bogota-title {
        font: normal normal bold 32px/50px Geist;
    }

    .explore-bogota-paragraph {
        font: normal normal normal 20px/30px Geist;
        max-width: -webkit-fill-available;
    }

    .explore-bogota-boton {
        font: normal normal bold 18px/18px Geist;
    }

    .explorar-bogota-cards-container>div {
        flex-wrap: wrap;
        flex-direction: row-reverse;
        gap: 65px;
        justify-content: flex-end;
    }

    .preguntas-frecuentes div.accordion {
        max-width: -webkit-fill-available;
    }

    .preguntas-frecuentes-img-container {
        display: none;
    }

    .pie-de-pagina-footer {
        height: 200px;
        transform: translate(-50%, -25%);
        background: url(/wp-content/uploads/2025/09/Grupo-1529-e1756927480585.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 90%;
        border-radius: 30px !important;
        padding-bottom: 0;
        padding-right: 75px;
    }

    .pie-de-pagina-footer>div {
        align-items: flex-end;
        justify-content: center;
    }

    #footer-macarena {
        padding-top: 15rem !important;
    }


}

@media (min-width: 815px) and (max-width: 1000px) {
    #explorar-bogota-carrusel-text .explore-bogota-paragraph {
        max-width: 36rem;
    }
}



/*---------------------------------------------- Sobre Casa Macarena ADAPTACION MOBILE -----------------------*/

@media only screen and (max-width: 900px) {

    main.content:has(#historia) {
        padding-inline: 30px;
    }

    .historia-content>div {
        gap: 40px;
        flex-direction: column-reverse;
        justify-content: center;
    }

    .historia-img {
        max-width: 100%;
        height: auto;
    }

    .historia-title {
        font: normal normal 500 14px/21px Geist;
    }

    .historia-subtitle {
        font: normal normal bold 32px/42px Geist;
    }

    .historia-paragraphs {
        font: normal normal normal 20px/30px Geist;
    }

    .historia-icons-container {
        margin-top: 1rem;
    }

    #el-barrio-content>div {
        flex-direction: column;
        gap: 20px;
        margin-block: 4rem;
    }


}


/* VISTA TABLET */
@media (min-width: 715px) and (max-width: 1000px) {

    .historia-text {
        max-width: -webkit-fill-available;
    }

    .historia-paragraphs-container {
        max-width: -webkit-fill-available;
        text-wrap-style: pretty;
    }

}


/*  ======================= Blog - adaptaciones mobile */


@media only screen and (max-width: 900px) {


    .post-template-default.single.single-post div.lqd-post-cover.overflow-hidden {
        margin-bottom: 45px;
    }

    .post-template-default.single.single-post .lqd-post-content.post.type-post h1,
    .post-template-default.single.single-post .lqd-post-content.post.type-post h2 {
        font: normal normal bold 24px/33px Geist;
    }


    .post-template-default.single.single-post .lqd-post-content.post.type-post p {
        font: normal normal 400 16px/18px Geist;
    }

    .pie-de-pagina-blog p {
        font: normal normal bold 32px/32px Geist !important;
    }

    #ultimas-entradas #entradas-post-blog-macarena>div>div>div {
        gap: 10px;
        flex-direction: column;
    }


    /* ---------------------------Sobre Casa Macarena - adaptaciones mobile---------------------------------------- */

    #ultimas-entradas-explora-bogota .entradas-post-blog-macarena>div>div>div>div {
        width: -webkit-fill-available !important;
    }

    #ultimas-entradas-explora-bogota .entradas-post-blog-macarena .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link {
        height: 220px !important;
    }

    #ultimas-entradas-explora-bogota .entradas-post-blog-macarena .vc_gitem-animated-block {
        height: 220px !important;
    }

    #entradas-post-blog-macarena>div>div>div>div>div.vc_grid-item-mini>div.vc_gitem-zone.vc_gitem-zone-c>div>div>div {
        padding-left: 0;
    }

    .entradas-post-blog-macarena .vc_gitem-post-data-source-post_title>h4 {
        font: normal normal bold 24px/28px Geist;
        margin-top: 5px;
    }

    .entradas-post-blog-macarena .vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt>p {
        font: normal normal 400 14px/18px Geist;
    }

    .entradas-post-blog-macarena a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded {
        font: normal normal 500 14px/25px Geist;
    }

}


/* VISTA TABLET */
@media (min-width: 715px) and (max-width: 1000px) {

    /*  ======================= Blog  */

    .post-template-default.single.single-post .lqd-post-content.post.type-post h1 br,
    .post-template-default.single.single-post .lqd-post-content.post.type-post h2 br {
        display: none;
    }

    .post-template-default.single.single-post .lqd-post-content.post.type-post section>div>div>div:has(.text-blog) {
        max-width: 95%;
        text-wrap-style: balance;
    }

    .post-template-default.single.single-post .lqd-post-content.post.type-post p {
        text-wrap-style: pretty;
    }


    .entradas-post-blog-macarena>div>div>div>div {
        margin-inline: auto;
    }


    .imagen-blog>figure {
        justify-content: flex-start !important;
    }


    .imagen-blog>figure>div {
        width: 60%;
    }

    /* ---------------------------Sobre Casa Macarena ---------------------------------------- */
    #explora-bogota-content-text-container .lofts-title {
        max-width: -webkit-fill-available;
    }




}

/* VISTA TABLET 2 */
@media (min-width: 800px) and (max-width: 1000px) {

    /*  ======================= Blog  */
    .imagen-blog>figure>div {
        width: 100%;
    }

    .ultimas-entradas-container {
        padding-inline: 0;
    }

    #ultimas-entradas #entradas-post-blog-macarena>div>div>div {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }

    /* ---------------------------Sobre Casa Macarena ---------------------------------------- */

    #explora-bogota-content-text .lofts-content-text-subcontainer {
        padding-left: 0;
    }


}

/* ----------------------------------------------------------LOFTS-------------------------------------------------------- */


.loft-info-container>div {
    display: flex;
    justify-content: space-between;
}

.title-loft-info {
    text-align: left;
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    color: #1a1a1a;
    margin: 0 0 4px 0;
}

.title-loft-info .highlight-loft-info {
    color: #8b1c1c;
}

.line-loft-info {
    width: 475px;
    border-bottom: 4px solid #8b1c1c;
    margin-bottom: 16px;
}

.icon-text-loft-info {
    display: flex;
    align-items: center;
    gap: 6px;
    font: normal normal 500 20px/26px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.icon-loft-info {
    width: 16px;
}

.right-loft-info {
    text-align: left;
    font: normal normal 500 18px/25px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    max-width: 504px;
}

.right-loft-info p {
    margin: 0 0 12px 0;
}

.right-loft-info .boton-marron {
    margin-top: 20px;
}

.highlight-text-loft-info {
    color: #8b1c1c;
}

.title-galeria {
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    color: #202020;
    text-align: center;
}


.loft-servicios-title {
    text-align: center;
    font: normal normal 500 16px/21px Geist;
    letter-spacing: 1.6px;
    color: #892C19;
}

.loft-servicios-subtitle {
    font: normal normal bold 45px/50px Geist;
    letter-spacing: 0px;
    color: #202020;
    text-align: center;
}

.loft-servicios-items>div>div {
    display: flex;
    justify-content: space-around;
}

.loft-servicio-column {
    width: fit-content;
}

.loft-servicio {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.loft-servicio-title {
    text-align: left;
    font: normal normal bold 20px/30px Geist;
    letter-spacing: 0px;
    color: #202020;
    margin-bottom: 30px;
}

.loft-servicio-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 25px;
}

.loft-servicio-item-text {
    text-align: left;
    font: normal normal 500 18px/20px Geist;
    letter-spacing: 0px;
    color: #202020;
}

/* .loft-servicio-title:has(.loft-servicio) {
    margin-top: 23px;
} */

.nota-loft-service>div {
    width: fit-content;
    margin-inline: auto;
}

.nota-loft-service-content>div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    width: 752px;
    padding-block: 14px;
    background: #EEEEEE 0% 0% no-repeat padding-box;
    border-radius: 20px;
}

.nota-loft-service-icon {
    margin-top: 5px;
}

.nota-loft-service-text {
    text-align: left;
    font: normal normal normal 20px/26px Geist;
    letter-spacing: 0px;
    color: #707070;
}

.services-container-service-noCost-loft {
    display: flex;
    gap: 70px;
    /* separación entre free/services y paid */
}

/* “Sin costo” */
.free-title-service-noCost-loft {
    text-align: left;
    font: normal normal bold 20px/30px Geist;
    letter-spacing: 0px;
    color: #202020;
    margin-bottom: 50px;
}

.free-title-service-noCost-loft span {
    font-weight: 500;
}

.free-list-service-noCost-loft-container {
    display: flex;
}

.free-list-service-noCost-loft {
    display: flex;
    gap: 50px;
    flex-direction: column;
    padding-left: 0;
    max-width: 325px;
}

.free-services-service-noCost-loft > div > div:nth-child(1){
max-width: 300px;
}

/* Aplica un borde sólo al segundo .free-list-service-noCost-loft */
.free-list-service-noCost-loft+.free-list-service-noCost-loft {
    border-left: 3px solid #ccc;
    padding-left: 76px;
}


.free-item-service-noCost-loft {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: left;
    font: normal normal 500 18px/30px Geist;
    letter-spacing: 0px;
    color: #202020;
}

.paid-title-service-noCost-loft {
    text-align: left;
    font: normal normal bold 20px/30px Geist;
    letter-spacing: 0px;
    color: #202020;
    margin-bottom: 35px;
}

.paid-list-service-noCost-loft {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.paid-item-service-noCost-loft {
    display: flex;
    align-items: center;
    gap: 25px;
    text-align: left;
    font: normal normal 500 18px/24px Geist;
    letter-spacing: 0px;
    color: #202020;
}

.free-services-service-noCost-loft {
    max-width: 760px;
}

.paid-services-service-noCost-loft {
    max-width: 290px;
}

.single-mphb_room_type .titlebar-inner {
    display: none;
}

.single-mphb_room_type .lqd-post-cover {
    display: none;
}


.single-mphb_room_type .blog-post-footer.entry-footer {
    display: none;
}


.single-mphb_room_type .mphb-room-type-gallery-wrapper.mphb-single-room-type-gallery-wrapper {
    display: none;
}

.single-mphb_room_type .entry-content.lqd-single-post-content {
    background-color: #FAFAFA;
}


.loft-banner-info-bold {
    font-weight: bold !important;
}

#loft-banner-info-text .explore-bogota-paragraph {
    display: block;
}

.mphb-details-title {
    display: none;
}

.mphb-single-room-type-attributes {
    display: none;
}

.mphb-regular-price {
    display: none;
}

.reservacion-loft {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 9rem;
    background: white;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

.reservacion-loft .mphb-calendar-title {
    font: normal normal bold 50px/65px Geist;
    letter-spacing: 0px;
    color: #722917;
    margin-top: 0;
}



.reservacion-loft .mphb-reservation-form-title {
    font: normal normal bold 50px/65px Geist;
    letter-spacing: 0px;
    color: #722917;
    margin-top: 0;
}

.reservacion-loft .mphb-required-fields-tip {
    display: none;
}

.formulario-loft {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reservacion-loft .mphb-booking-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    padding-block: 2rem;
    padding-inline: 0;
    border-radius: 4rem;
    align-items: center;
    width: 30rem;
}

.reservacion-loft .mphb-booking-form label {
    font: normal normal 500 24px/40px Geist;
    color: black;
}


.reservacion-loft .mphb-booking-form input {
    border-radius: 10px;
    font: normal normal 500 20px/26px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    width: 16rem;
    height: 2.5rem;
    padding-left: 10px;
    border: none !important;
    background: white;
}

.reservacion-loft .mphb-booking-form .ui-selectmenu-button.ui-button {
    border-radius: 10px;
    font: normal normal 500 20px/26px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    width: 16rem;
    height: 2.5rem;
    padding-left: 10px;
    border: none !important;
    background: white;
}


.reservacion-loft .mphb-booking-form .ui-selectmenu-icon.ui-icon-triangle-1-s {
    top: 3px;
}

.reservacion-loft .mphb-booking-form .mphb-reserve-btn.button {
    width: 280px;
    height: 4rem;
    background: #712816;
    border-radius: 50px;
    text-align: center;
    font: normal normal bold 18px/23px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 4px solid #FFFFFF;
    user-select: none;
    box-sizing: border-box;
    padding: 0;
}


.reservacion-loft .mphb-booking-form .mphb-reserve-btn.button:hover {
    color: #FFFFFF;
}


@media only screen and (max-width: 900px) {

    .loft-info-container>div {
        flex-direction: column;
    }

    .title-loft-info {
        font: normal normal bold 28px/40px Geist;
    }

    .line-loft-info {
        width: 200px;
        border-bottom: 3px solid #8b1c1c;
    }

    .right-loft-info {
        font: normal normal 500 16px/23px Geist;
    }

    .icon-text-loft-info {
        font: normal normal 500 18px/26px Geist;
        margin-bottom: 5px;
    }

    .title-galeria {
        font: normal normal bold 32px/40px Geist;
        margin-bottom: 1.5rem;
    }


    .loft-servicios-title {
        font: normal normal bold 16px/20px Geist;
    }

    .loft-servicios-subtitle {
        font: normal normal bold 28px/36px Geist;
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .loft-servicios-items>div>div {
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
    }

    #loft-servicio-column-dos,
    #loft-servicio-column-tres {
        margin-top: 23px !important;
    }

    .nota-loft-service-content>div {
        width: -webkit-fill-available;
        padding-block: 25px;
        padding-inline: 20px;
    }

    .nota-loft-service-text {
        font: normal normal normal 18px/25px Geist;
    }

    .nota-loft-service-text br {
        display: none;
    }

    .free-list-service-noCost-loft-container {
        flex-direction: column;
    }

    .free-list-service-noCost-loft+.free-list-service-noCost-loft {
        border-left: none;
        padding-left: 0;
        margin-top: 15px;
    }

    .free-list-service-noCost-loft {
        gap: 15px;
    }

    .services-container-service-noCost-loft {
        gap: 20px;
        flex-direction: column;
    }

    .paid-title-service-noCost-loft {
        margin-bottom: 30px;
    }


    .reservacion-loft {
        flex-direction: column-reverse !important;
        gap: 5rem;
        padding-top: 1rem;
        padding-bottom: 5rem;
    }

    .reservacion-loft .mphb-calendar-title,
    .reservacion-loft .mphb-reservation-form-title {
        font: normal normal bold 28px/36px Geist;
        text-align: center;
    }

    .reservacion-loft .mphb-booking-form {
        width: 85%;
    }

    .datepick.datepick-multi {
        width: fit-content !important;
        margin-inline: auto !important;
    }

    .datepick-month-row {
        display: flex !important;
        flex-direction: column !important;
    }

}

@media only screen and (max-width: 700px) {
    .galeria-loft-tablet {
        display: none;
    }
}


@media (min-width: 715px) and (max-width: 1000px) {

    .galeria-loft-mobile {
        display: none;
    }

    .galeria-loft>div>div>div {
        width: fit-content;
        padding: 0;
    }

    .galeria-loft>div>div>div>div {
        width: 250px;
    }

    .right-loft-info {
        text-wrap-style: balance;
        max-width: 37rem;
    }

    .loft-servicios-items>div>div {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline;
    }

    .nota-loft-service-text br {
        display: none;
    }

    .reservacion-loft .mphb-booking-form {
        width: 67%;
    }

    .datepick-month-row {
        flex-direction: row !important;
    }

    .datepick-month {
        height: max-content !important;
    }

}


@media (min-width: 800px) and (max-width: 1000px) {
    .reservacion-loft .mphb-booking-form {
        width: 58%;
    }
}


@media only screen and (min-width: 1000px) {
    .galeria-loft-mobile {
        display: none;
    }

    .galeria-loft-tablet {
        display: none;
    }
}


@media only screen and (max-width: 1000px) {
    .galeria-loft {
        display: none;
    }
}


/* formulario home */

.formulario-de-busqueda-de-reserva-title {
    font: normal normal bold 45px/65px Geist;
    letter-spacing: 0px;
    color: #722917;
    margin-top: 0;
}

.mphb-required-fields-tip {
    display: none;
}

.formulario-de-busqueda-de-reserva-container>div>div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    padding-block: 2rem;
    padding-inline: 45px;
    border-radius: 4rem;
    align-items: center;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 5rem;
    margin-top: 3rem;

}

.formulario-de-busqueda-de-reserva-shorcout form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.mphb_sc_search-form label {
    font: normal normal 500 24px/40px Geist;
    color: black;
}


.mphb_sc_search-form input {
    border-radius: 10px;
    font: normal normal 500 20px/26px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    width: 16rem;
    height: 2.5rem;
    padding-left: 10px;
    border: none !important;
    background: white;
}

.mphb_sc_search-form .ui-selectmenu-button.ui-button {
    border-radius: 10px;
    font: normal normal 500 20px/26px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
    width: 16rem;
    height: 2.5rem;
    padding-left: 10px;
    border: none !important;
    background: white;
}


.mphb_sc_search-form .ui-selectmenu-icon.ui-icon-triangle-1-s {
    top: 3px;
}

.mphb_sc_search-submit-button-wrapper input {
    width: 280px;
    height: 4rem;
    background: #712816;
    border-radius: 50px;
    text-align: center;
    font: normal normal bold 18px/23px Geist;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 4px solid #FFFFFF;
    user-select: none;
    box-sizing: border-box;
    padding: 0;
}


.mphb_sc_search-submit-button-wrapper input:hover {
    color: #FFFFFF;
}


@media only screen and (max-width: 900px) {

    .formulario-de-busqueda-de-reserva-title {
        font: normal normal bold 28px/32px Geist;
        letter-spacing: 0px;
        color: #722917;
        margin-top: 0;
    }

    .formulario-de-busqueda-de-reserva-container>div>div {
        padding-inline: 0;
        width: -webkit-fill-available;
    }


}



@media only screen and (max-width: 389px) {

    .formulario-de-busqueda-de-reserva-title {
        font: normal normal bold 26px/32px Geist;
    }

    .mphb_sc_search-form label {
        font: normal normal 500 21px/40px Geist;
    }

    .mphb_sc_search-form input {
        font: normal normal 500 18px/26px Geist;
    }

    .mphb_sc_search-submit-button-wrapper input {
        width: 15rem;
        height: 3.7rem;
    }

}


@media (min-width: 715px) and (max-width: 1000px) {

    .formulario-de-busqueda-de-reserva-container>div>div {
        width: 67%;
    }
}



/* ------------------------LOFT RESULTADOS --------------------*/


.resultados-loft .mphb_sc_search_results-info {
    font: normal normal 500 18px/65px Geist;
    margin-top: 5rem;
}


.resultados-loft .mphb-recommendation-title {
    font-size: 42px;
    font-family: Geist, sans-serif;
    margin-bottom: 5rem;
}


.resultados-loft #mphb-recommendation>ul {
    padding: 0;
}

.resultados-loft #mphb-recommendation>ul>li {
    list-style-type: none;
}

.resultados-loft #mphb-recommendation {
    font-family: Geist, sans-serif;
    color: black;
}

.resultados-loft #mphb-recommendation .mphb-recommendation-item-link {
    color: #892C19;
}


.resultados-loft .button {
    background: #712816 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 2rem;
    color: white;
    font: normal normal bold 18px/23px Geist;
    padding-block: 10px;
    padding-inline: 20px;
    margin-top: 18px;
}

.resultados-loft #mphb-reservation-cart {
    font-family: Geist, sans-serif;
    margin-bottom: 30px;
    color: black;
    margin-top: 50px;
    border-bottom: 4px solid #8b1c1c;
    width: 30rem;
    font-size: 24px;
    padding-bottom: 9px;
}

.resultados-loft h2.mphb-room-type-title.entry-title {
    order: 99;
    text-align: left;
    font: normal normal bold 50px/55px Geist;
    letter-spacing: 0px;
}


.resultados-loft h2.mphb-room-type-title.entry-title a.mphb-room-type-title {
    color: #6E1F0D !important;
}

.resultados-loft .mphb-room-type.mphb-room-type-children-0>ul.mphb-loop-room-type-attributes {
    order: 2;
    padding-inline: 0;
    margin-top: 5px;
    margin-bottom: 20px;
    font: normal normal 500 18px/30px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.resultados-loft .mphb-room-type.mphb-room-type-children-0>p.mphb-regular-price {
    display: block;
    margin-top: 20px;
    order: 2;
    font: normal normal 500 18px/30px Geist;
    letter-spacing: 0px;
    color: #4F4D4D;
}

.resultados-loft .mphb-room-type.mphb-room-type-children-0>p.mphb-view-details-button-wrapper {
    display: none;
}

@media (min-width: 1000px) {

    /*--------------------------------------
  1) Contenedor principal: flex-column
--------------------------------------*/
    .resultados-loft .mphb-room-type {
        display: flex;
        flex-direction: column-reverse;
        /* imágenes arriba, contenido abajo */
        align-items: stretch;
        /* hijos ocupan 100% del ancho */
        font-family: Geist, sans-serif;
        width: 72%;
    }

    /*--------------------------------------
  2) Contenedor de imágenes
--------------------------------------*/
    .resultados-loft .mphb-room-type-images {
        flex: 0 0 auto;
        /* no crecer ni encoger */
        width: 100%;
        /* ocupar todo el ancho del padre */
        max-width: 800px;
        /* ancho máximo para no ser gigantesco */
        min-width: 0;
        /* necesario para overflow:hidden en flex */
        margin-right: auto;
        margin-top: 25px;
    }

    /*--------------------------------------
  3) Slider principal: ancho, altura y overflow
--------------------------------------*/
    /* Fuerza el ancho total y recorte correcto */
    .resultados-loft .mphb-gallery-main-slider,
    .resultados-loft .mphb-gallery-main-slider .flex-viewport {
        width: 100% !important;
        min-width: 0;
        overflow: hidden;
        /* mantiene el efecto slide */
        height: auto !important;
        /* que la altura siga a la imagen */
    }

    /* Imágenes principales: ajustarse al contenedor */
    .resultados-loft .mphb-gallery-main-slider img {
        display: block;
        max-width: 100%;
        height: auto;
        max-height: 400px;
        /* limita la altura */
        object-fit: cover;
        /* recorta si hace falta */
        margin: 0 auto;
    }

    .mphb-gallery-thumbnail-slider .flex-viewport {
        display: flex;
        justify-content: center;
    }

    .resultados-loft .mphb-room-type .mphb-room-type-images .gallery-columns-4.mphb-gallery-thumbnail-slider.mphb-flexslider-gallery-wrapper.mphb-room-type-gallery-wrapper.mphb-gallery-slider ul {
        width: fit-content;
    }

    /*--------------------------------------
  4) Thumbnails: tamaño y contenedor
--------------------------------------*/
    .resultados-loft .mphb-gallery-thumbnail-slider,
    .resultados-loft .mphb-gallery-thumbnail-slider .flex-viewport {
        width: 100% !important;
        min-width: 0;
    }

    .resultados-loft .mphb-gallery-thumbnail-slider img {
        display: block;
        width: 80px;
        /* tamaño fijo miniaturas */
        height: 80px;
        object-fit: cover;
        margin: 0 3px;
        /* espacio entre miniaturas */
    }

    /*--------------------------------------
  5) Flechas de navegación
--------------------------------------*/
    .resultados-loft .flex-direction-nav a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.3rem;
        /* tamaño de las flechas */
    }

}


/*--------------------------------------
  6) Responsive (pantallas ≤768px)
--------------------------------------*/
@media (max-width: 768px) {
    .resultados-loft .mphb-gallery-main-slider img {
        max-height: 250px;
    }

    .resultados-loft .mphb-gallery-thumbnail-slider img {
        width: 60px;
        height: 60px;
    }
}


/*======================================
  MOBILE FIRST OVERRIDES (≤ 768px)
======================================*/
@media (max-width: 900px) {

    .resultados-loft h2.mphb-room-type-title.entry-title {
        font: normal normal bold 32px/55px Geist;
        margin-bottom: 0;
    }


    /*--------------------------------------
    1) Cada tarjeta ocupa 100% del ancho
  --------------------------------------*/
    .resultados-loft .mphb-room-type {
        width: 100% !important;
        /* anula el 72% */
        padding: 0 1rem;
        /* algo de padding lateral */
        font-size: 16px;
        /* ajustar texto si es necesario */
        display: flex;
        flex-direction: column-reverse;
    }

    /*--------------------------------------
    2) Slider principal: max-height menor
  --------------------------------------*/
    .resultados-loft .mphb-room-type-images {
        max-width: 100% !important;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .resultados-loft .mphb-gallery-main-slider img {
        max-height: 200px !important;
        /* reducir más la altura */
    }

    /*--------------------------------------
    3) Miniaturas: scroll horizontal
  --------------------------------------*/
    .resultados-loft .mphb-gallery-thumbnail-slider .flex-viewport {
        display: block !important;
        overflow-x: auto;
        /* scroll si hay demasiado */
        white-space: nowrap;
        height: auto !important;
    }

    .resultados-loft .mphb-gallery-thumbnail-slider img {
        width: 60px !important;
        height: 60px !important;
        margin: 0 .25rem !important;
        display: inline-block;
    }

    /* quitar transform/translate para vistas por slide */
    .resultados-loft .mphb-gallery-thumbnail-slider ul.slides {
        transform: none !important;
        width: auto !important;
    }

    /*--------------------------------------
    4) Flechas: tamaño y posición adaptada
  --------------------------------------*/
    .resultados-loft .flex-direction-nav a {
        font-size: 1.1rem !important;
        padding: .25rem !important;
    }

    /*--------------------------------------
    5) Tipografía y espaciados generales
  --------------------------------------*/
    .resultados-loft .mphb_sc_search_results-info {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin-top: 2rem !important;
    }

    .resultados-loft .mphb-recommendation-title {
        font-size: 28px !important;
        margin-bottom: 2rem !important;
    }

    .resultados-loft #mphb-reservation-cart {
        width: 100% !important;
        font-size: 20px !important;
    }

    .resultados-loft .button {
        font-size: 16px !important;
        padding: .5rem 1rem !important;
        margin-top: 1rem !important;
    }

    /*--------------------------------------
    6) Ocultar elementos innecesarios
  --------------------------------------*/
    .resultados-loft .mphb-view-details-button-wrapper {
        display: none !important;
    }

    /*--------------------------------------
    imagenes miniatura
  --------------------------------------*/

    /* 1) Forzar una sola fila de miniaturas */
    .resultados-loft .mphb-gallery-thumbnail-slider .flex-viewport ul.slides {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 120% !important;
        transform: none !important;
    }

    /* 2) Asegurar que cada item sea inline-flex y tenga separación */
    .resultados-loft .mphb-gallery-thumbnail-slider .slides li {
        display: inline-flex !important;
        margin: 0 .25rem .5rem !important;
        /* margen inferior extra para separar filas */
    }

    /* 3) Ajustar el img dentro para respetar el margin */
    .resultados-loft .mphb-gallery-thumbnail-slider img {
        display: block !important;
        width: 60px !important;
        height: 60px !important;
        object-fit: cover !important;
    }

}

/* Tablet (700px–900px) */
@media (min-width: 700px) and (max-width: 900px) {

    /* 1) Slider principal: que mantenga proporción */
    .resultados-loft .mphb-gallery-main-slider img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        max-height: 370px !important;
        /* altura media */
        object-fit: contain !important;
        /* no recorta, muestra toda la imagen */
        margin: 0 auto !important;
    }

    /* 2) Asegurar viewport flexible */
    .resultados-loft .mphb-gallery-main-slider,
    .resultados-loft .mphb-gallery-main-slider .flex-viewport {
        width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
    }

    /* 3) Wrapper de imágenes full-width */
    .resultados-loft .mphb-room-type-images {
        max-width: 100% !important;
        margin: 1rem auto !important;
    }

    .resultados-loft .mphb-gallery-thumbnail-slider .flex-viewport ul.slides {
        width: 20rem !important;
    }

    .resultados-loft #mphb-reservation-cart {
        width: 60% !important;
    }

}


/* ---------------------------------------- */
/*                ancla                     */
/* ---------------------------------------- */

.ancla {
    visibility: collapse;
    height: 0;
}

.ancla-home {
    bottom: 12rem;
}

@media only screen and (max-width: 1500px) {
    .ancla-home {
        bottom: 7rem;
    }
}


@media only screen and (max-width: 1400px) {
    .ancla-home {
        bottom: 4rem;
    }
}



@media only screen and (max-width: 900px) {
    .ancla-home {
        bottom: 20rem;
    }
}


@media only screen and (max-width: 500px) {
    .ancla-home {
        bottom: 12rem;
    }
}


@media only screen and (max-width: 400px) {
    .ancla-home {
        bottom: 5rem;
    }
}

/* ---------------- loft---------------------- */


.ancla-loft {
    bottom: 12rem;
}

@media only screen and (max-width: 1500px) {
    .ancla-loft {
        bottom: 7rem;
    }
}


@media only screen and (max-width: 1400px) {
    .ancla-loft {
        bottom: 2rem;
    }
}



@media only screen and (max-width: 900px) {
    .ancla-loft {
        bottom: 10rem;
    }
}


@media only screen and (max-width: 500px) {
    .ancla-loft {
        bottom: 12rem;
    }
}


@media only screen and (max-width: 400px) {
    .ancla-loft {
        bottom: 5rem;
    }
}
/* ---------------------------------------- */
/*        MI CUENTA*/
/* ---------------------------------------- */

/* --------------------------------------------------------
   Mi Cuenta: DESKTOP (≥1000px)
   -------------------------------------------------------- */
@media (min-width: 1000px) {
  /* convertir el wrapper en flex de dos columnas */
  #mi-cuenta-casa-macarena .mphb_sc_account {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    margin: 0 auto;
    padding: 3rem 0;
  }

  /* menú lateral fijo */
  #mi-cuenta-casa-macarena .mphb-account-menu {
    flex: 0 0 20%;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu ul {
    display: flex;
    flex-direction: column;
    border-bottom: none;
    padding: 0;
    margin: 0;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu li {
    margin-bottom: 1.5rem;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu a {
    font-size: 18px;
    font-weight: 500;
    color: #202020;
    text-decoration: none;
    padding: 0.25rem 0;
    border-left: 4px solid transparent;
    transition: color .2s, border-color .2s;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu .active a,
  #mi-cuenta-casa-macarena .mphb-account-menu a:hover {
    color: #892C19;
    border-left-color: #892C19;
  }

  /* contenido principal ocupa resto de ancho */
  #mi-cuenta-casa-macarena .mphb-account-content {
    flex: 1 1 auto;
    background: #FFF;
    padding: 1rem 0;
  }
  
  /* respeta tus estilos de párrafo */
  #mi-cuenta-casa-macarena .mphb-account-content p {
    font-size: 18px;
    line-height: 1.6;
  }
}

/* --------------------------------------------------------
   Mi Cuenta: TABLET (700px–999px)
   -------------------------------------------------------- */
@media (min-width: 700px) and (max-width: 999px) {
  #mi-cuenta-casa-macarena .mphb_sc_account {
    display: flex;
    flex-direction: row;
    padding: 2rem 1rem;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu {
    flex: 0 0 30%;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu ul {
    display: flex;
    flex-direction: column;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu li {
    margin-bottom: 1.2rem;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu a {
    font-size: 17px;
  }
  #mi-cuenta-casa-macarena .mphb-account-content {
    flex: 1;
  }
  #mi-cuenta-casa-macarena .mphb-account-content p {
    font-size: 17px;
  }
}

/* --------------------------------------------------------
   Mi Cuenta: MOBILE (≤699px)
   -------------------------------------------------------- */
@media (max-width: 699px) {
  #mi-cuenta-casa-macarena .mphb_sc_account {
    display: block;
    padding: 1rem;
  }
  /* menú en columna */
  #mi-cuenta-casa-macarena .mphb-account-menu ul {
    display: flex;
    flex-direction: column;
    border-bottom: none;
    margin-bottom: 1.5rem;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu li {
    margin-bottom: 1rem;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu a {
    font-size: 16px;
    padding: 0.25rem 0;
    border-left: 4px solid transparent;
  }
  #mi-cuenta-casa-macarena .mphb-account-menu .active a,
  #mi-cuenta-casa-macarena .mphb-account-menu a:hover {
    color: #892C19;
    border-left-color: #892C19;
  }
  /* texto más compacto */
  #mi-cuenta-casa-macarena .mphb-account-content p {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
}

/* --------------------------------------------------------
   Mi Cuenta: Limpieza de lista y colores/tipografía
   -------------------------------------------------------- */
/* 1) Eliminar bullets y márgenes en el menú lateral */
#mi-cuenta-casa-macarena .mphb-account-menu ul {
  list-style: none;       /* quita los puntos */
  margin: 0;
  padding: 0;
}

/* 2) Enlaces del menú lateral: fuente, color y espaciado */
#mi-cuenta-casa-macarena .mphb-account-menu a {
  font-family: Geist, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #202020;
  text-decoration: none;
  padding: 0.5rem 0;
  display: block;
  border-left: 4px solid transparent;
  transition: color .2s, border-color .2s;
  padding-left: 15px;
}
#mi-cuenta-casa-macarena .mphb-account-menu a:hover,
#mi-cuenta-casa-macarena .mphb-account-menu .active a {
  color: #892C19;
  border-left-color: #892C19;
}

/* 3) Contenido de la cuenta: tipografía y colores */
#mi-cuenta-casa-macarena .mphb-account-content {
  font-family: Geist, sans-serif;
  color: #202020;
  margin-top: 20px;
}
#mi-cuenta-casa-macarena .mphb-account-content p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 1.5rem;
}
#mi-cuenta-casa-macarena .mphb-account-content a {
  color: #892C19;
  font-weight: bold;
  text-decoration: none;
  transition: color .2s;
}
#mi-cuenta-casa-macarena .mphb-account-content a:hover {
  color: #722613;
}



/* --------------------------------------------------------
   Mi Cuenta – Login Form (Base)
   -------------------------------------------------------- */

.mi-cuenta-casa-macarena
#loginform .login-submit{
    width: fit-content;
    margin-inline: auto;
   }

 .mi-cuenta-casa-macarena
#loginform   .login-remember{
margin-bottom: 0;
   }

#mi-cuenta-casa-macarena .mphb-login-form {
  max-width: 480px;
  margin: 2rem auto;
  padding: 2rem;
  background: #FAFAFA;
  border: 1px solid #E0E0E0;
  border-radius: 0.5rem;
  font-family: Geist, sans-serif;
}
#mi-cuenta-casa-macarena .mphb-login-form label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #202020;
  margin-bottom: 0.5rem;
}
#mi-cuenta-casa-macarena .mphb-login-form input[type="text"],
#mi-cuenta-casa-macarena .mphb-login-form input[type="password"] {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 16px;
  border: 1px solid #CCC;
  border-radius: 0.25rem;
  background: #FAFAFA;
  margin-bottom: 1.5rem;
  box-sizing: border-box;
}
#mi-cuenta-casa-macarena .mphb-login-form .login-remember label {
  font-size: 16px;
  color: #202020;
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
#mi-cuenta-casa-macarena .mphb-login-form .login-remember input {
  margin-right: 0.5rem;
  margin-top: 0px;
}
#mi-cuenta-casa-macarena .mphb-login-form input[type="submit"] {
  background: #892C19;
  color: #FAFAFA;
  border: none;
  border-radius: 2rem;
  font: normal normal bold 18px/23px Geist;
  padding: 0.75rem 2rem;
  cursor: pointer;
  transition: background 0.2s;
}
#mi-cuenta-casa-macarena .mphb-login-form input[type="submit"]:hover {
  background: #722613;
}
#mi-cuenta-casa-macarena .mphb-login-form + a {
  display: block;
  margin-top: 1rem;
  font-weight: 500;
  font-size: 16px;
  color: #892C19;
  text-decoration: none;
  transition: color 0.2s;
}
#mi-cuenta-casa-macarena .mphb-login-form + a:hover {
  color: #722613;
}
#mi-cuenta-casa-macarena .mphb-account-content > .mphb-login-form + a + * {
  margin-top: 1.5rem;
  font-size: 16px;
  color: #202020;
}

/* --------------------------------------------------------
   Tablet (700px ≤ ancho ≤ 900px)
   -------------------------------------------------------- */
@media (min-width: 700px) and (max-width: 900px) {
  #mi-cuenta-casa-macarena .mphb-login-form {
    max-width: 600px;
    margin: 2.5rem auto;
    padding: 2.5rem;
  }
  #mi-cuenta-casa-macarena .mphb-login-form label {
    font-size: 18px;
  }
  #mi-cuenta-casa-macarena .mphb-login-form input[type="text"],
  #mi-cuenta-casa-macarena .mphb-login-form input[type="password"] {
    padding: 1rem 1.2rem;
    font-size: 18px;
  }
  #mi-cuenta-casa-macarena .mphb-login-form input[type="submit"] {
    font-size: 20px;
    padding: 0.85rem 2.5rem;
  }
}

/* --------------------------------------------------------
   Móvil (≤500px)
   -------------------------------------------------------- */
@media (max-width: 500px) {
  #mi-cuenta-casa-macarena .mphb-login-form {
    padding: 1.5rem;
  }
  #mi-cuenta-casa-macarena .mphb-login-form label {
    font-size: 14px;
    margin-bottom: 0.4rem;
  }
  #mi-cuenta-casa-macarena .mphb-login-form input[type="text"],
  #mi-cuenta-casa-macarena .mphb-login-form input[type="password"] {
    font-size: 14px;
    padding: 0.6rem 0.8rem;
    margin-bottom: 1rem;
  }
  #mi-cuenta-casa-macarena .mphb-login-form .login-remember label {
    font-size: 14px;
    margin-bottom: 1rem;
  }
  #mi-cuenta-casa-macarena .mphb-login-form input[type="submit"] {
    width: 100%;
    font-size: 16px;
    padding: 0.75rem 2rem;
  }
  #mi-cuenta-casa-macarena .mphb-login-form + a {
    font-size: 14px;
    margin-top: 0.75rem;
  }
  #mi-cuenta-casa-macarena .mphb-account-content > .mphb-login-form + a + * {
    font-size: 14px;
    margin-top: 1rem;
  }
}


/* --------------------------------------------------------------------------------------------
                                     CORRECCIONES DISEÑO REVISION
   -------------------------------------------------------------------------------------------- */


  @media (min-width: 1000px) and (max-width: 1400px) { 
.banner-casa-macarena {
    height: 680px;
}
  }  


   @media only screen and (min-width: 1000px) { 

    .formulario-de-busqueda-de-reserva-shorcout form{
    flex-direction: row;
    align-items: flex-end; 
    }
 
  }

  .loft-servicio-item-img{
        width: 43px;
    height: 43px;
  }

  .loft-servicio-title-fix{
    margin-bottom: 21px;
  }

  .loft-servicio-title-fixFix{
 margin-bottom: 20px;
  }

   @media only screen and (max-width: 1000px) { 

  .free-item-service-noCost-loft {
    gap: 25px;
}

}

 @media (min-width: 715px) and (max-width: 1000px) { 

    .card-loft {
    width: 300px;
    height: 323px;
}
	 
	 	 
	 #loft-banner-info > div > div{
		 flex-direction: column !important;
	 }

	 #loft-banner-info-text > div{
		 width: 80%;
	 }

  }  

  

 @media (min-width: 715px) and (max-width: 800px) { 

.entradas-post-blog-macarena>div>div>div>div {
    width: 32rem;
}

  }  
  
   @media only screen and (min-width: 2550px) { 

.mapa-footer-gran-desktop figure > a > img{
    width: 161rem;
    height: 22rem;
    object-fit: cover;
}

}

/* --------------------------------------------------------------------------------------------
                                     ocultar los loft no disponibles
   -------------------------------------------------------------------------------------------- */


/* -------
    FORMULARIO
   ---- */
.postid-461 .disponibilidad-calendario-loft, .postid-487 .disponibilidad-calendario-loft{
	display: none;
}

/* -------
    BOTONES
   ---- */
.postid-461 .boton-marron, .postid-487 .boton-marron{
	display: none;
}