{"id":8391,"date":"2026-07-15T18:29:59","date_gmt":"2026-07-16T00:29:59","guid":{"rendered":"https:\/\/hoteles1881.com\/?page_id=8391"},"modified":"2026-07-15T19:49:24","modified_gmt":"2026-07-16T01:49:24","slug":"inicio","status":"publish","type":"page","link":"https:\/\/hoteles1881.com\/en\/","title":{"rendered":"Inicio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8391\" class=\"elementor elementor-8391\">\n\t\t\t\t<div class=\"elementor-element elementor-element-044fdc9 e-con-full h1881-hero-container e-flex e-con e-parent\" data-id=\"044fdc9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-468d378 elementor-widget elementor-widget-html\" data-id=\"468d378\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HOTEL 1881 + LA CASA DE LOS MILAGROS\n     SECCI\u00d3N 01 \u2014 HERO PRINCIPAL\n========================================================= -->\n\n<section id=\"h1881-hero\" class=\"h1881-hero\">\n\n    <!-- Fondo Hotel -->\n    <article\n        class=\"h1881-hero__panel h1881-hero__panel--hotel is-active\"\n        data-panel=\"hotel\"\n        tabindex=\"0\"\n        aria-label=\"Hotel 1881\"\n    >\n        <div class=\"h1881-hero__image h1881-hero__image--hotel\"><\/div>\n        <div class=\"h1881-hero__overlay\"><\/div>\n\n        <div class=\"h1881-hero__content h1881-hero__content--hotel\">\n            <span class=\"h1881-hero__eyebrow\">\n                Hospedaje con historia\n            <\/span>\n\n            <h1 class=\"h1881-hero__title\">\n                Hotel\n                <span>1881<\/span>\n            <\/h1>\n\n            <p class=\"h1881-hero__description\">\n                Descansa dentro de una casa hist\u00f3rica en el coraz\u00f3n de\n                Chihuahua, rodeado de arquitectura, calma y hospitalidad.\n            <\/p>\n\n            <a\n                class=\"h1881-hero__button h1881-hero__button--light\"\n                href=\"#reservar-habitacion\"\n            >\n                <span>Reservar habitaci\u00f3n<\/span>\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/article>\n\n\n    <!-- Fondo Restaurante -->\n    <article\n        class=\"h1881-hero__panel h1881-hero__panel--restaurant\"\n        data-panel=\"restaurant\"\n        tabindex=\"0\"\n        aria-label=\"La Casa de los Milagros\"\n    >\n        <div class=\"h1881-hero__image h1881-hero__image--restaurant\"><\/div>\n        <div class=\"h1881-hero__overlay\"><\/div>\n\n        <div class=\"h1881-hero__content h1881-hero__content--restaurant\">\n            <span class=\"h1881-hero__eyebrow\">\n                Gastronom\u00eda con identidad\n            <\/span>\n\n            <h2 class=\"h1881-hero__title h1881-hero__title--restaurant\">\n                La Casa de\n                <span>los Milagros<\/span>\n            <\/h2>\n\n            <p class=\"h1881-hero__description\">\n                Sabores, encuentros y sobremesas dentro de un espacio que\n                conserva la esencia y la memoria de la ciudad.\n            <\/p>\n\n            <a\n                class=\"h1881-hero__button h1881-hero__button--light\"\n                href=\"#reservar-mesa\"\n            >\n                <span>Reservar una mesa<\/span>\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/article>\n\n\n  \n\n\n    <!-- Introducci\u00f3n central -->\n    <div class=\"h1881-hero__intro\">\n        <span class=\"h1881-hero__intro-small\">\n            En el coraz\u00f3n de Chihuahua\n        <\/span>\n\n        <p class=\"h1881-hero__intro-title\">\n            Una casa.\n            <br>\n            <strong>Dos formas de vivirla.<\/strong>\n        <\/p>\n\n        <div class=\"h1881-hero__intro-line\"><\/div>\n\n        <span class=\"h1881-hero__intro-brands\">\n            Hotel 1881 <i><\/i> La Casa de los Milagros\n        <\/span>\n    <\/div>\n\n\n    <!-- Selectores inferiores -->\n    <div class=\"h1881-hero__selectors\" aria-label=\"Seleccionar experiencia\">\n\n        <button\n            class=\"h1881-hero__selector is-active\"\n            type=\"button\"\n            data-target=\"hotel\"\n        >\n            <span class=\"h1881-hero__selector-number\">01<\/span>\n\n            <span class=\"h1881-hero__selector-text\">\n                <small>Descansar<\/small>\n                Hotel 1881\n            <\/span>\n        <\/button>\n\n        <button\n            class=\"h1881-hero__selector\"\n            type=\"button\"\n            data-target=\"restaurant\"\n        >\n            <span class=\"h1881-hero__selector-number\">02<\/span>\n\n            <span class=\"h1881-hero__selector-text\">\n                <small>Saborear<\/small>\n                Casa de los Milagros\n            <\/span>\n        <\/button>\n\n    <\/div>\n\n\n    <!-- Indicador de scroll -->\n    <a class=\"h1881-hero__scroll\" href=\"#reservar-habitacion\">\n        <span>Descubrir<\/span>\n\n        <span class=\"h1881-hero__scroll-line\">\n            <i><\/i>\n        <\/span>\n    <\/a>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   VARIABLES Y AISLAMIENTO\n========================================================= *\/\n\n#h1881-hero {\n    --h1881-black: #151515;\n    --h1881-white: #ffffff;\n    --h1881-cream: #f3eee8;\n    --h1881-gold: #bda98f;\n    --h1881-text: rgba(255, 255, 255, 0.88);\n    --h1881-border: rgba(255, 255, 255, 0.32);\n    --h1881-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --h1881-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    width: 100%;\n    height: min(920px, 100vh);\n    min-height: 720px;\n    overflow: hidden;\n    background: var(--h1881-black);\n    isolation: isolate;\n}\n\n#h1881-hero,\n#h1881-hero * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   PANELES\n========================================================= *\/\n\n#h1881-hero .h1881-hero__panel {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 50%;\n    overflow: hidden;\n    z-index: 1;\n    transition:\n        width 1.15s cubic-bezier(.22, 1, .36, 1),\n        left 1.15s cubic-bezier(.22, 1, .36, 1),\n        right 1.15s cubic-bezier(.22, 1, .36, 1);\n}\n\n#h1881-hero .h1881-hero__panel--hotel {\n    left: 0;\n}\n\n#h1881-hero .h1881-hero__panel--restaurant {\n    right: 0;\n}\n\n#h1881-hero[data-active=\"hotel\"] .h1881-hero__panel--hotel {\n    width: 64%;\n}\n\n#h1881-hero[data-active=\"hotel\"] .h1881-hero__panel--restaurant {\n    width: 36%;\n}\n\n#h1881-hero[data-active=\"restaurant\"] .h1881-hero__panel--hotel {\n    width: 36%;\n}\n\n#h1881-hero[data-active=\"restaurant\"] .h1881-hero__panel--restaurant {\n    width: 64%;\n}\n\n\n\/* =========================================================\n   IM\u00c1GENES\n========================================================= *\/\n\n#h1881-hero .h1881-hero__image {\n    position: absolute;\n    inset: -3%;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    transform: scale(1.04);\n    transition:\n        transform 7s cubic-bezier(.22, 1, .36, 1),\n        filter 1.1s ease;\n}\n\n#h1881-hero .h1881-hero__image--hotel {\n    background-image:\n        url(\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-15-scaled.jpg\");\n    background-position: center 50%;\n}\n\n#h1881-hero .h1881-hero__image--restaurant {\n    background-image:\n        url(\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-77-scaled.jpg\");\n    background-position: center center;\n}\n\n#h1881-hero .h1881-hero__panel.is-active .h1881-hero__image {\n    transform: scale(1);\n}\n\n#h1881-hero .h1881-hero__panel:not(.is-active) .h1881-hero__image {\n    filter: saturate(.72) brightness(.72);\n}\n\n#h1881-hero .h1881-hero__overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .38) 0%,\n            rgba(0, 0, 0, .07) 35%,\n            rgba(0, 0, 0, .17) 62%,\n            rgba(0, 0, 0, .75) 100%\n        );\n}\n\n#h1881-hero .h1881-hero__panel--hotel .h1881-hero__overlay {\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0, 0, 0, .58) 0%,\n            rgba(0, 0, 0, .22) 44%,\n            rgba(0, 0, 0, .05) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .25) 0%,\n            rgba(0, 0, 0, .04) 48%,\n            rgba(0, 0, 0, .68) 100%\n        );\n}\n\n#h1881-hero .h1881-hero__panel--restaurant .h1881-hero__overlay {\n    background:\n        linear-gradient(\n            270deg,\n            rgba(0, 0, 0, .62) 0%,\n            rgba(0, 0, 0, .20) 50%,\n            rgba(0, 0, 0, .05) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .28) 0%,\n            rgba(0, 0, 0, .03) 45%,\n            rgba(0, 0, 0, .70) 100%\n        );\n}\n\n\n\/* =========================================================\n   CONTENIDO DE CADA PANEL\n========================================================= *\/\n\n#h1881-hero .h1881-hero__content {\n    position: absolute;\n    z-index: 4;\n    bottom: 145px;\n    width: min(490px, 38vw);\n    color: var(--h1881-white);\n    transition:\n        opacity .6s ease,\n        transform .9s cubic-bezier(.22, 1, .36, 1);\n}\n\n#h1881-hero .h1881-hero__content--hotel {\n    left: clamp(32px, 7vw, 125px);\n    text-align: left;\n}\n\n#h1881-hero .h1881-hero__content--restaurant {\n    right: clamp(32px, 7vw, 125px);\n    text-align: right;\n}\n\n#h1881-hero .h1881-hero__panel:not(.is-active) .h1881-hero__content {\n    opacity: 0;\n    pointer-events: none;\n}\n\n#h1881-hero .h1881-hero__panel--hotel:not(.is-active) .h1881-hero__content {\n    transform: translateX(-35px);\n}\n\n#h1881-hero .h1881-hero__panel--restaurant:not(.is-active) .h1881-hero__content {\n    transform: translateX(35px);\n}\n\n#h1881-hero .h1881-hero__panel.is-active .h1881-hero__content {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n#h1881-hero .h1881-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 17px;\n    font-family: var(--h1881-sans);\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: .32em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .82);\n}\n\n#h1881-hero .h1881-hero__content--hotel .h1881-hero__eyebrow::before,\n#h1881-hero .h1881-hero__content--restaurant .h1881-hero__eyebrow::after {\n    content: \"\";\n    width: 38px;\n    height: 1px;\n    background: rgba(255, 255, 255, .68);\n}\n\n#h1881-hero .h1881-hero__title {\n    margin: 0;\n    font-family: var(--h1881-serif);\n    font-size: clamp(64px, 7.1vw, 124px);\n    font-weight: 300;\n    line-height: .74;\n    letter-spacing: -.045em;\n    color: var(--h1881-white);\n}\n\n#h1881-hero .h1881-hero__title span {\n    display: block;\n    margin-top: 18px;\n    font-style: italic;\n    font-weight: 300;\n}\n\n#h1881-hero .h1881-hero__title--restaurant {\n    font-size: clamp(47px, 5.2vw, 89px);\n    line-height: .86;\n}\n\n#h1881-hero .h1881-hero__title--restaurant span {\n    margin-top: 12px;\n}\n\n#h1881-hero .h1881-hero__description {\n    max-width: 430px;\n    margin: 28px 0 27px;\n    font-family: var(--h1881-sans);\n    font-size: 13px;\n    font-weight: 300;\n    line-height: 1.9;\n    letter-spacing: .035em;\n    color: var(--h1881-text);\n}\n\n#h1881-hero .h1881-hero__content--restaurant .h1881-hero__description {\n    margin-left: auto;\n}\n\n\n\/* =========================================================\n   BOTONES\n========================================================= *\/\n\n#h1881-hero .h1881-hero__button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 27px;\n    min-height: 51px;\n    padding: 0 25px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, .72);\n    background: rgba(12, 12, 12, .24);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    color: var(--h1881-white);\n    text-decoration: none !important;\n    transition:\n        color .4s ease,\n        background .4s ease,\n        border-color .4s ease,\n        transform .4s ease;\n}\n\n#h1881-hero .h1881-hero__button::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--h1881-white);\n    transform: translateX(-102%);\n    transition: transform .5s cubic-bezier(.22, 1, .36, 1);\n}\n\n#h1881-hero .h1881-hero__button span,\n#h1881-hero .h1881-hero__button svg {\n    position: relative;\n    z-index: 2;\n}\n\n#h1881-hero .h1881-hero__button span {\n    font-family: var(--h1881-sans);\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: .23em;\n    text-transform: uppercase;\n}\n\n#h1881-hero .h1881-hero__button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform .4s ease;\n}\n\n#h1881-hero .h1881-hero__button:hover {\n    color: var(--h1881-black);\n    border-color: var(--h1881-white);\n    transform: translateY(-2px);\n}\n\n#h1881-hero .h1881-hero__button:hover::before {\n    transform: translateX(0);\n}\n\n#h1881-hero .h1881-hero__button:hover svg {\n    transform: translateX(4px);\n}\n\n\n\n\/* =========================================================\n   INTRODUCCI\u00d3N CENTRAL\n========================================================= *\/\n\n#h1881-hero .h1881-hero__intro {\n    position: absolute;\n    z-index: 7;\n    top: clamp(85px, 13vh, 135px);\n    left: 50%;\n    width: min(540px, 45vw);\n    transform: translateX(-50%);\n    text-align: center;\n    color: var(--h1881-white);\n    transition:\n        opacity .45s ease,\n        transform .8s cubic-bezier(.22, 1, .36, 1);\n    pointer-events: none;\n}\n\n#h1881-hero[data-user-active=\"true\"] .h1881-hero__intro {\n    opacity: 0;\n    transform: translate(-50%, -18px);\n}\n\n#h1881-hero .h1881-hero__intro-small {\n    display: block;\n    margin-bottom: 16px;\n    font-family: var(--h1881-sans);\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: .35em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .78);\n}\n\n#h1881-hero .h1881-hero__intro-title {\n    margin: 0;\n    font-family: var(--h1881-serif);\n    font-size: clamp(40px, 4vw, 68px);\n    font-weight: 300;\n    line-height: .94;\n    letter-spacing: -.025em;\n    text-shadow: 0 5px 35px rgba(0, 0, 0, .28);\n}\n\n#h1881-hero .h1881-hero__intro-title strong {\n    font-style: italic;\n    font-weight: 300;\n}\n\n#h1881-hero .h1881-hero__intro-line {\n    width: 55px;\n    height: 1px;\n    margin: 21px auto 18px;\n    background: rgba(255, 255, 255, .70);\n}\n\n#h1881-hero .h1881-hero__intro-brands {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    font-family: var(--h1881-sans);\n    font-size: 8px;\n    letter-spacing: .26em;\n    text-transform: uppercase;\n}\n\n#h1881-hero .h1881-hero__intro-brands i {\n    display: block;\n    width: 3px;\n    height: 3px;\n    border-radius: 50%;\n    background: var(--h1881-white);\n}\n\n\n\/* =========================================================\n   SELECTORES\n========================================================= *\/\n\n#h1881-hero .h1881-hero__selectors {\n    position: absolute;\n    z-index: 10;\n    right: clamp(28px, 4vw, 70px);\n    bottom: 42px;\n    display: flex;\n    align-items: stretch;\n    background: rgba(12, 12, 12, .70);\n    border: 1px solid rgba(255, 255, 255, .22);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n}\n\n#h1881-hero .h1881-hero__selector {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 17px;\n    min-width: 218px;\n    padding: 18px 23px;\n    border: 0;\n    border-right: 1px solid rgba(255, 255, 255, .18);\n    background: transparent;\n    color: rgba(255, 255, 255, .60);\n    text-align: left;\n    cursor: pointer;\n    transition:\n        color .4s ease,\n        background .4s ease;\n}\n\n#h1881-hero .h1881-hero__selector:last-child {\n    border-right: 0;\n}\n\n#h1881-hero .h1881-hero__selector::after {\n    content: \"\";\n    position: absolute;\n    right: 22px;\n    bottom: 0;\n    left: 22px;\n    height: 2px;\n    background: var(--h1881-white);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform .55s cubic-bezier(.22, 1, .36, 1);\n}\n\n#h1881-hero .h1881-hero__selector.is-active {\n    color: var(--h1881-white);\n    background: rgba(255, 255, 255, .06);\n}\n\n#h1881-hero .h1881-hero__selector.is-active::after {\n    transform: scaleX(1);\n}\n\n#h1881-hero .h1881-hero__selector-number {\n    font-family: var(--h1881-serif);\n    font-size: 28px;\n    font-style: italic;\n    line-height: 1;\n}\n\n#h1881-hero .h1881-hero__selector-text {\n    font-family: var(--h1881-sans);\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.5;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n}\n\n#h1881-hero .h1881-hero__selector-text small {\n    display: block;\n    margin-bottom: 3px;\n    font-size: 8px;\n    font-weight: 400;\n    letter-spacing: .23em;\n    color: rgba(255, 255, 255, .55);\n}\n\n\n\/* =========================================================\n   INDICADOR DE SCROLL\n========================================================= *\/\n\n#h1881-hero .h1881-hero__scroll {\n    position: absolute;\n    z-index: 10;\n    bottom: 0;\n    left: clamp(28px, 4vw, 70px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 13px;\n    color: rgba(255, 255, 255, .76);\n    text-decoration: none !important;\n}\n\n#h1881-hero .h1881-hero__scroll > span:first-child {\n    font-family: var(--h1881-sans);\n    font-size: 8px;\n    letter-spacing: .27em;\n    text-transform: uppercase;\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n}\n\n#h1881-hero .h1881-hero__scroll-line {\n    position: relative;\n    display: block;\n    width: 1px;\n    height: 75px;\n    overflow: hidden;\n    background: rgba(255, 255, 255, .25);\n}\n\n#h1881-hero .h1881-hero__scroll-line i {\n    position: absolute;\n    top: -45%;\n    left: 0;\n    width: 100%;\n    height: 45%;\n    background: var(--h1881-white);\n    animation: h1881-scroll-line 2.1s ease-in-out infinite;\n}\n\n@keyframes h1881-scroll-line {\n    0% {\n        transform: translateY(0);\n    }\n\n    100% {\n        transform: translateY(320%);\n    }\n}\n\n\n\/* =========================================================\n   ENTRADA INICIAL\n========================================================= *\/\n\n#h1881-hero:not(.is-ready) .h1881-hero__intro {\n    opacity: 0;\n    transform: translate(-50%, 22px);\n}\n\n#h1881-hero:not(.is-ready) .h1881-hero__brand {\n    opacity: 0;\n    transform: translate(-50%, -55%) scale(.92);\n}\n\n#h1881-hero:not(.is-ready) .h1881-hero__selectors,\n#h1881-hero:not(.is-ready) .h1881-hero__scroll {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n#h1881-hero .h1881-hero__selectors,\n#h1881-hero .h1881-hero__scroll,\n#h1881-hero .h1881-hero__brand {\n    transition:\n        opacity .9s ease,\n        transform 1s cubic-bezier(.22, 1, .36, 1),\n        left 1.15s cubic-bezier(.22, 1, .36, 1);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    #h1881-hero {\n        min-height: 700px;\n    }\n\n    #h1881-hero .h1881-hero__content {\n        bottom: 165px;\n        width: min(400px, 43vw);\n    }\n\n    #h1881-hero .h1881-hero__content--hotel {\n        left: 45px;\n    }\n\n    #h1881-hero .h1881-hero__content--restaurant {\n        right: 45px;\n    }\n\n    #h1881-hero .h1881-hero__brand-frame {\n        width: 78px;\n        height: 245px;\n    }\n\n    #h1881-hero .h1881-hero__selectors {\n        right: 24px;\n    }\n\n    #h1881-hero .h1881-hero__selector {\n        min-width: 180px;\n        padding: 16px 17px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #h1881-hero {\n        height: auto;\n        min-height: 0;\n        overflow: visible;\n        background: var(--h1881-black);\n    }\n\n    #h1881-hero .h1881-hero__panel {\n        position: relative;\n        top: auto;\n        right: auto;\n        bottom: auto;\n        left: auto;\n        width: 100% !important;\n        height: 77svh;\n        min-height: 590px;\n    }\n\n    #h1881-hero .h1881-hero__panel--restaurant {\n        border-top: 1px solid rgba(255, 255, 255, .18);\n    }\n\n    #h1881-hero .h1881-hero__image {\n        inset: 0;\n        transform: scale(1);\n    }\n\n    #h1881-hero .h1881-hero__panel:not(.is-active) .h1881-hero__image {\n        filter: none;\n    }\n\n    #h1881-hero .h1881-hero__overlay,\n    #h1881-hero .h1881-hero__panel--hotel .h1881-hero__overlay,\n    #h1881-hero .h1881-hero__panel--restaurant .h1881-hero__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(0, 0, 0, .18) 0%,\n                rgba(0, 0, 0, .10) 35%,\n                rgba(0, 0, 0, .82) 100%\n            );\n    }\n\n    #h1881-hero .h1881-hero__content,\n    #h1881-hero .h1881-hero__panel:not(.is-active) .h1881-hero__content,\n    #h1881-hero .h1881-hero__panel.is-active .h1881-hero__content {\n        right: 24px;\n        bottom: 44px;\n        left: 24px;\n        width: auto;\n        opacity: 1;\n        text-align: left;\n        transform: none;\n        pointer-events: auto;\n    }\n\n    #h1881-hero .h1881-hero__content--restaurant .h1881-hero__description {\n        margin-left: 0;\n    }\n\n    #h1881-hero .h1881-hero__content--restaurant .h1881-hero__eyebrow::after {\n        display: none;\n    }\n\n    #h1881-hero .h1881-hero__content--restaurant .h1881-hero__eyebrow::before {\n        content: \"\";\n        width: 38px;\n        height: 1px;\n        background: rgba(255, 255, 255, .68);\n    }\n\n    #h1881-hero .h1881-hero__title {\n        font-size: clamp(58px, 19vw, 84px);\n        line-height: .82;\n    }\n\n    #h1881-hero .h1881-hero__title--restaurant {\n        max-width: 330px;\n        font-size: clamp(48px, 13.2vw, 67px);\n        line-height: .88;\n    }\n\n    #h1881-hero .h1881-hero__description {\n        max-width: 340px;\n        margin: 22px 0 24px;\n        font-size: 12px;\n        line-height: 1.75;\n    }\n\n    #h1881-hero .h1881-hero__brand {\n        top: 77svh;\n        left: 50% !important;\n        transform: translate(-50%, -50%);\n    }\n\n    #h1881-hero .h1881-hero__brand-frame {\n        width: 62px;\n        height: 184px;\n        padding: 7px;\n    }\n\n    #h1881-hero .h1881-hero__brand-frame::before,\n    #h1881-hero .h1881-hero__brand-frame::after {\n        display: none;\n    }\n\n    #h1881-hero .h1881-hero__intro,\n    #h1881-hero .h1881-hero__selectors,\n    #h1881-hero .h1881-hero__scroll {\n        display: none;\n    }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #h1881-hero *,\n    #h1881-hero *::before,\n    #h1881-hero *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        scroll-behavior: auto !important;\n        transition-duration: .01ms !important;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n    \"use strict\";\n\n    const hero = document.getElementById(\"h1881-hero\");\n\n    if (!hero || hero.dataset.initialized === \"true\") {\n        return;\n    }\n\n    hero.dataset.initialized = \"true\";\n\n    const panels = Array.from(\n        hero.querySelectorAll(\".h1881-hero__panel\")\n    );\n\n    const selectors = Array.from(\n        hero.querySelectorAll(\".h1881-hero__selector\")\n    );\n\n    let activePanel = \"hotel\";\n    let automaticTimer = null;\n    let userHasInteracted = false;\n\n    \/**\n     * Activa una de las dos experiencias.\n     *\n     * @param {string} panelName\n     * @param {boolean} userAction\n     *\/\n    function activatePanel(panelName, userAction = false) {\n        if (![\"hotel\", \"restaurant\"].includes(panelName)) {\n            return;\n        }\n\n        activePanel = panelName;\n        hero.dataset.active = panelName;\n\n        panels.forEach(function (panel) {\n            const isActive = panel.dataset.panel === panelName;\n\n            panel.classList.toggle(\"is-active\", isActive);\n            panel.setAttribute(\"aria-expanded\", isActive ? \"true\" : \"false\");\n        });\n\n        selectors.forEach(function (selector) {\n            const isActive = selector.dataset.target === panelName;\n\n            selector.classList.toggle(\"is-active\", isActive);\n            selector.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n        });\n\n        if (userAction) {\n            userHasInteracted = true;\n            hero.dataset.userActive = \"true\";\n            stopAutomaticRotation();\n        }\n    }\n\n    \/**\n     * Detiene la rotaci\u00f3n autom\u00e1tica.\n     *\/\n    function stopAutomaticRotation() {\n        if (automaticTimer) {\n            window.clearInterval(automaticTimer);\n            automaticTimer = null;\n        }\n    }\n\n    \/**\n     * Inicia una rotaci\u00f3n breve para comunicar que ambos lados\n     * son interactivos.\n     *\/\n    function startAutomaticRotation() {\n        automaticTimer = window.setInterval(function () {\n            if (userHasInteracted || document.hidden) {\n                return;\n            }\n\n            activatePanel(\n                activePanel === \"hotel\" ? \"restaurant\" : \"hotel\",\n                false\n            );\n        }, 6500);\n    }\n\n    panels.forEach(function (panel) {\n        const panelName = panel.dataset.panel;\n\n        panel.addEventListener(\"mouseenter\", function () {\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                return;\n            }\n\n            activatePanel(panelName, true);\n        });\n\n        panel.addEventListener(\"focusin\", function () {\n            activatePanel(panelName, true);\n        });\n\n        panel.addEventListener(\"click\", function (event) {\n            if (\n                event.target.closest(\"a\") ||\n                window.matchMedia(\"(max-width: 767px)\").matches\n            ) {\n                return;\n            }\n\n            activatePanel(panelName, true);\n        });\n    });\n\n    selectors.forEach(function (selector) {\n        selector.addEventListener(\"click\", function () {\n            activatePanel(selector.dataset.target, true);\n        });\n    });\n\n    document.addEventListener(\"visibilitychange\", function () {\n        if (document.hidden) {\n            stopAutomaticRotation();\n        } else if (!userHasInteracted && !automaticTimer) {\n            startAutomaticRotation();\n        }\n    });\n\n    activatePanel(\"hotel\", false);\n\n    window.requestAnimationFrame(function () {\n        window.setTimeout(function () {\n            hero.classList.add(\"is-ready\");\n        }, 180);\n    });\n\n    startAutomaticRotation();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1ce3f7 e-con-full h1881-hero-caontainer e-flex e-con e-parent\" data-id=\"f1ce3f7\" data-element_type=\"container\" id=\"reservar-habitacion\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4ced3 elementor-widget elementor-widget-html\" data-id=\"2f4ced3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HOTEL 1881\n     SECCI\u00d3N 02 \u2014 MOTOR DE RESERVACIONES\n     DISE\u00d1ADO PARA BOOKING PLUGIN \/ LAYOUT 1\n========================================================= -->\n\n<div id=\"h1881-booking-header\">\n\n    <div class=\"h1881-booking-header__inner\">\n\n        <div class=\"h1881-booking-header__title\">\n\n            <span class=\"h1881-booking-header__eyebrow\">\n                Tu estancia comienza aqu\u00ed\n            <\/span>\n\n            <h2>\n                Reserva tu habitaci\u00f3n\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"h1881-booking-header__content\">\n\n            <p>\n                Selecciona las fechas de tu visita y descubre las habitaciones\n                disponibles en Hotel 1881.\n            <\/p>\n\n            <a\n                href=\"#experiencia-restaurante\"\n                class=\"h1881-booking-header__restaurant\"\n            >\n                <span>\u00bfVienes a La Casa de los Milagros?<\/span>\n\n                <strong>Reserva una mesa<\/strong>\n\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\/* =========================================================\n   VARIABLES GENERALES\n========================================================= *\/\n\n.h1881-booking-section {\n    --h1881-booking-black: #181818;\n    --h1881-booking-dark: #202020;\n    --h1881-booking-white: #ffffff;\n    --h1881-booking-cream: #f4f1ed;\n    --h1881-booking-gray: #6f6b67;\n    --h1881-booking-light-gray: #d4d0cb;\n    --h1881-booking-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --h1881-booking-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    z-index: 20;\n    width: min(1420px, calc(100% - 80px)) !important;\n    max-width: 1420px !important;\n\n    \/* Antes: -68px *\/\n    margin: -18px auto 0 !important;\n\n    padding: 0 !important;\n    background: var(--h1881-booking-white);\n    box-shadow: 0 28px 80px rgba(0, 0, 0, .14);\n}\n\n.h1881-booking-section,\n.h1881-booking-section * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CABECERA DE LA SECCI\u00d3N\n========================================================= *\/\n\n#h1881-booking-header {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    background: var(--h1881-booking-white);\n}\n\n#h1881-booking-header::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 43%;\n    height: 100%;\n    opacity: .055;\n    pointer-events: none;\n    background-image:\n        repeating-radial-gradient(\n            ellipse at 100% 50%,\n            transparent 0,\n            transparent 10px,\n            #181818 11px,\n            transparent 12px\n        );\n    background-size: 42px 18px;\n    transform: rotate(-7deg) scale(1.22);\n}\n\n#h1881-booking-header .h1881-booking-header__inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .85fr);\n    gap: clamp(45px, 7vw, 105px);\n    align-items: center;\n    padding: 48px clamp(38px, 5vw, 82px) 44px;\n}\n\n#h1881-booking-header .h1881-booking-header__title {\n    position: relative;\n    padding-left: 39px;\n}\n\n#h1881-booking-header .h1881-booking-header__title::before {\n    content: \"\";\n    position: absolute;\n    top: 3px;\n    bottom: 3px;\n    left: 0;\n    width: 1px;\n    background: rgba(24, 24, 24, .34);\n}\n\n#h1881-booking-header .h1881-booking-header__eyebrow {\n    display: block;\n    margin-bottom: 11px;\n    font-family: var(--h1881-booking-sans);\n    font-size: 9px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: .32em;\n    text-transform: uppercase;\n    color: #66615d;\n}\n\n#h1881-booking-header h2 {\n    margin: 0;\n    font-family: var(--h1881-booking-serif);\n    font-size: clamp(44px, 4.2vw, 70px);\n    font-weight: 300;\n    line-height: .94;\n    letter-spacing: -.035em;\n    color: var(--h1881-booking-black);\n}\n\n#h1881-booking-header .h1881-booking-header__content {\n    display: grid;\n    gap: 17px;\n    justify-items: start;\n}\n\n#h1881-booking-header .h1881-booking-header__content p {\n    max-width: 500px;\n    margin: 0;\n    font-family: var(--h1881-booking-sans);\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.85;\n    letter-spacing: .025em;\n    color: var(--h1881-booking-gray);\n}\n\n#h1881-booking-header .h1881-booking-header__restaurant {\n    display: inline-grid;\n    grid-template-columns: auto auto auto;\n    align-items: center;\n    gap: 12px;\n    color: var(--h1881-booking-black);\n    text-decoration: none !important;\n    transition: opacity .3s ease;\n}\n\n#h1881-booking-header .h1881-booking-header__restaurant:hover {\n    opacity: .58;\n}\n\n#h1881-booking-header .h1881-booking-header__restaurant span {\n    font-family: var(--h1881-booking-sans);\n    font-size: 9px;\n    font-weight: 400;\n    letter-spacing: .035em;\n    color: #8b8580;\n}\n\n#h1881-booking-header .h1881-booking-header__restaurant strong {\n    font-family: var(--h1881-booking-sans);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n}\n\n#h1881-booking-header .h1881-booking-header__restaurant svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform .3s ease;\n}\n\n#h1881-booking-header .h1881-booking-header__restaurant:hover svg {\n    transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   ELEMENTOR\n========================================================= *\/\n\n.h1881-booking-section > .e-con-inner,\n.h1881-booking-section > .elementor-container {\n    gap: 0 !important;\n}\n\n.h1881-booking-section .elementor-widget {\n    margin: 0 !important;\n}\n\n.h1881-booking-section .elementor-widget-html {\n    width: 100% !important;\n}\n\n.h1881-booking-section .elementor-widget:not(.elementor-widget-html) {\n    position: relative;\n    z-index: 3;\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\/* =========================================================\n   CONTENEDOR DEL BOOKING PLUGIN\n========================================================= *\/\n\n.h1881-booking-section .nd_booking_section,\n.h1881-booking-section .nd_booking_container,\n.h1881-booking-section .nd_booking_width_100_percentage,\n.h1881-booking-section form {\n    width: 100% !important;\n    max-width: none !important;\n}\n\n.h1881-booking-section .nd_booking_section {\n    margin: 0 !important;\n}\n\n.h1881-booking-section form {\n    margin: 0 !important;\n    background: var(--h1881-booking-dark) !important;\n}\n\n.h1881-booking-section\n.nd_booking_section[class*=\"nd_booking_background_color\"],\n.h1881-booking-section\n[class*=\"nd_booking_background_color_\"] {\n    background-color: transparent !important;\n}\n\n\n\/* =========================================================\n   ESTRUCTURA LAYOUT 1\n========================================================= *\/\n\n.h1881-booking-section .nd_booking_width_25_percentage,\n.h1881-booking-section .nd_booking_width_33_percentage,\n.h1881-booking-section .nd_booking_width_50_percentage {\n    position: relative;\n    min-height: 196px;\n    padding: 41px 34px !important;\n    border-right: 1px solid #e1ddd8 !important;\n    background: #ffffff !important;\n}\n\n.h1881-booking-section .nd_booking_width_25_percentage:last-child,\n.h1881-booking-section .nd_booking_width_33_percentage:last-child,\n.h1881-booking-section .nd_booking_width_50_percentage:last-child {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 196px;\n    border-right: 0 !important;\n    background: var(--h1881-booking-dark) !important;\n}\n\n\n\/* =========================================================\n   N\u00daMEROS DE FECHA Y HU\u00c9SPEDES\n========================================================= *\/\n\n.h1881-booking-section\n.nd_booking_section\n.nd_booking_font_size_50,\n.h1881-booking-section\n.nd_booking_section\n.nd_booking_font_size_60,\n.h1881-booking-section\n.nd_booking_section\n.nd_booking_font_size_70 {\n    font-family: var(--h1881-booking-sans) !important;\n    font-size: clamp(45px, 4vw, 62px) !important;\n    font-weight: 300 !important;\n    line-height: 1 !important;\n    color: #3f3f3f !important;\n}\n\n\n\/* =========================================================\n   ETIQUETAS\n========================================================= *\/\n\n.h1881-booking-section label,\n.h1881-booking-section .nd_booking_font_size_12,\n.h1881-booking-section .nd_booking_font_size_13,\n.h1881-booking-section .nd_booking_font_size_14,\n.h1881-booking-section .nd_booking_font_size_15,\n.h1881-booking-section [class*=\"nd_booking_letter_spacing\"] {\n    font-family: var(--h1881-booking-sans) !important;\n    font-size: 13px !important;\n    font-weight: 400 !important;\n    line-height: 1.4 !important;\n    letter-spacing: .02em !important;\n    text-transform: none !important;\n    color: #5f5d5a !important;\n}\n\n\n\/* =========================================================\n   CAMPOS DEL PLUGIN\n========================================================= *\/\n\n.h1881-booking-section input:not([type=\"submit\"]),\n.h1881-booking-section select,\n.h1881-booking-section textarea {\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    outline: none !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    font-family: var(--h1881-booking-sans) !important;\n    color: var(--h1881-booking-black) !important;\n}\n\n.h1881-booking-section select option {\n    background: #ffffff !important;\n    color: #181818 !important;\n}\n\n\n\/* =========================================================\n   FLECHAS E ICONOS\n========================================================= *\/\n\n.h1881-booking-section img {\n    max-width: 22px !important;\n    opacity: .45 !important;\n}\n\n.h1881-booking-section\n.nd_booking_section\n[class*=\"nd_booking_position_absolute\"] {\n    opacity: .7 !important;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N PRINCIPAL\n========================================================= *\/\n\n.h1881-booking-section input[type=\"submit\"],\n.h1881-booking-section button[type=\"submit\"],\n.h1881-booking-section .nd_booking_btn,\n.h1881-booking-section a.nd_booking_bg_color_1 {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: min(100%, 260px) !important;\n    min-height: 64px !important;\n    margin: 0 !important;\n    padding: 0 28px !important;\n    border: 1px solid #ffffff !important;\n    border-radius: 0 !important;\n    outline: none !important;\n    background: #ffffff !important;\n    box-shadow: none !important;\n    font-family: var(--h1881-booking-sans) !important;\n    font-size: 10px !important;\n    font-weight: 600 !important;\n    line-height: 1 !important;\n    letter-spacing: .22em !important;\n    text-align: center !important;\n    text-transform: uppercase !important;\n    color: var(--h1881-booking-black) !important;\n    -webkit-text-fill-color: var(--h1881-booking-black) !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    cursor: pointer !important;\n    transition:\n        background .35s ease,\n        color .35s ease,\n        border-color .35s ease,\n        transform .35s ease !important;\n}\n\n.h1881-booking-section input[type=\"submit\"]:hover,\n.h1881-booking-section button[type=\"submit\"]:hover,\n.h1881-booking-section .nd_booking_btn:hover,\n.h1881-booking-section a.nd_booking_bg_color_1:hover {\n    border-color: #ffffff !important;\n    background: transparent !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    opacity: 1 !important;\n    transform: translateY(-2px) !important;\n}\n\n.h1881-booking-section input[type=\"submit\"]:focus,\n.h1881-booking-section button[type=\"submit\"]:focus,\n.h1881-booking-section .nd_booking_btn:focus,\n.h1881-booking-section a.nd_booking_bg_color_1:focus {\n    border-color: #ffffff !important;\n    background: transparent !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    outline: 1px solid rgba(255, 255, 255, .75) !important;\n    outline-offset: 4px !important;\n}\n\n\n\/* =========================================================\n   ELIMINAR FRANJAS Y ESPACIOS SOBRANTES\n========================================================= *\/\n\n.h1881-booking-section .nd_booking_height_5,\n.h1881-booking-section .nd_booking_height_10,\n.h1881-booking-section .nd_booking_height_15,\n.h1881-booking-section .nd_booking_height_20,\n.h1881-booking-section .nd_booking_height_30,\n.h1881-booking-section .nd_booking_height_40 {\n    height: 5px !important;\n}\n\n.h1881-booking-section .nd_booking_padding_10,\n.h1881-booking-section .nd_booking_padding_15,\n.h1881-booking-section .nd_booking_padding_20,\n.h1881-booking-section .nd_booking_padding_30 {\n    padding: 0 !important;\n}\n\n.h1881-booking-section form::after {\n    content: \"\";\n    display: block;\n    clear: both;\n}\n\n\n\/* =========================================================\n   CALENDARIO\n========================================================= *\/\n\n.h1881-booking-section .ui-datepicker,\n.h1881-booking-section .nd_booking_calendar {\n    z-index: 99999 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: #ffffff !important;\n    box-shadow: 0 20px 55px rgba(0, 0, 0, .18) !important;\n    font-family: var(--h1881-booking-sans) !important;\n}\n\n.h1881-booking-section .ui-datepicker-header {\n    border: 0 !important;\n    background: var(--h1881-booking-black) !important;\n    color: #ffffff !important;\n}\n\n.h1881-booking-section .ui-datepicker td a {\n    border: 0 !important;\n    background: transparent !important;\n    color: var(--h1881-booking-black) !important;\n    text-align: center !important;\n}\n\n.h1881-booking-section .ui-datepicker td a:hover,\n.h1881-booking-section .ui-datepicker td .ui-state-active {\n    background: var(--h1881-booking-black) !important;\n    color: #ffffff !important;\n}\n\n\n\/* =========================================================\n   EDITOR DE ELEMENTOR\n========================================================= *\/\n\nbody.elementor-editor-active .h1881-booking-section {\n    margin-top: -18px !important;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .h1881-booking-section {\n        width: calc(100% - 40px) !important;\n        margin-top: -44px !important;\n    }\n\n    #h1881-booking-header .h1881-booking-header__inner {\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        padding: 40px 38px 38px;\n    }\n\n    .h1881-booking-section .nd_booking_width_25_percentage,\n    .h1881-booking-section .nd_booking_width_33_percentage {\n        width: 50% !important;\n        min-height: 175px;\n    }\n\n    .h1881-booking-section .nd_booking_width_25_percentage:last-child,\n    .h1881-booking-section .nd_booking_width_33_percentage:last-child {\n        min-height: 175px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .h1881-booking-section {\n        width: 100% !important;\n        margin: 0 !important;\n        box-shadow: none;\n    }\n\n    #h1881-booking-header .h1881-booking-header__inner {\n        grid-template-columns: 1fr;\n        gap: 28px;\n        padding: 43px 24px 37px;\n    }\n\n    #h1881-booking-header .h1881-booking-header__title {\n        padding-left: 23px;\n    }\n\n    #h1881-booking-header h2 {\n        max-width: 320px;\n        font-size: 47px;\n    }\n\n    #h1881-booking-header .h1881-booking-header__restaurant {\n        grid-template-columns: 1fr auto;\n        gap: 4px 12px;\n    }\n\n    #h1881-booking-header .h1881-booking-header__restaurant span {\n        grid-column: 1;\n    }\n\n    #h1881-booking-header .h1881-booking-header__restaurant strong {\n        grid-column: 1;\n    }\n\n    #h1881-booking-header .h1881-booking-header__restaurant svg {\n        grid-column: 2;\n        grid-row: 1 \/ 3;\n    }\n\n    .h1881-booking-section .nd_booking_width_25_percentage,\n    .h1881-booking-section .nd_booking_width_33_percentage,\n    .h1881-booking-section .nd_booking_width_50_percentage {\n        width: 100% !important;\n        min-height: 145px;\n        padding: 31px 24px !important;\n        border-right: 0 !important;\n        border-bottom: 1px solid #e1ddd8 !important;\n    }\n\n    .h1881-booking-section .nd_booking_width_25_percentage:last-child,\n    .h1881-booking-section .nd_booking_width_33_percentage:last-child,\n    .h1881-booking-section .nd_booking_width_50_percentage:last-child {\n        min-height: 135px;\n        padding: 28px 24px !important;\n        border-bottom: 0 !important;\n    }\n\n    .h1881-booking-section input[type=\"submit\"],\n    .h1881-booking-section button[type=\"submit\"],\n    .h1881-booking-section .nd_booking_btn,\n    .h1881-booking-section a.nd_booking_bg_color_1 {\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .h1881-booking-section *,\n    .h1881-booking-section *::before,\n    .h1881-booking-section *::after {\n        transition-duration: .01ms !important;\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n    \"use strict\";\n\n    const bookingSection = document.querySelector(\".h1881-booking-section\");\n\n    if (\n        !bookingSection ||\n        bookingSection.dataset.h1881BookingReady === \"true\"\n    ) {\n        return;\n    }\n\n    bookingSection.dataset.h1881BookingReady = \"true\";\n    bookingSection.id = \"reservar-habitacion\";\n\n    \/**\n     * Traducciones visibles del motor.\n     *\/\n    const translations = {\n        \"CHECK IN\": \"Llegada\",\n        \"CHECK-IN\": \"Llegada\",\n        \"CHECK OUT\": \"Salida\",\n        \"CHECK-OUT\": \"Salida\",\n        \"GUEST\": \"Hu\u00e9sped\",\n        \"GUESTS\": \"Hu\u00e9spedes\",\n        \"CHECK AVAILABILITY\": \"Ver disponibilidad\",\n        \"SEARCH\": \"Ver disponibilidad\",\n        \"BOOK NOW\": \"Ver disponibilidad\"\n    };\n\n    \/**\n     * Traduce nodos simples sin alterar el funcionamiento interno.\n     *\/\n    function translateVisibleText() {\n        const elements = bookingSection.querySelectorAll(\n            \"label, span, p, strong, small, button, input[type='submit'], a\"\n        );\n\n        elements.forEach(function (element) {\n            if (element.tagName === \"INPUT\") {\n                const currentValue = String(element.value || \"\")\n                    .trim()\n                    .toUpperCase();\n\n                if (translations[currentValue]) {\n                    element.value = translations[currentValue];\n                }\n\n                return;\n            }\n\n            if (\n                element.children.length > 0 &&\n                element.tagName !== \"BUTTON\" &&\n                element.tagName !== \"A\"\n            ) {\n                return;\n            }\n\n            const currentText = String(element.textContent || \"\")\n                .trim()\n                .toUpperCase();\n\n            if (translations[currentText]) {\n                element.textContent = translations[currentText];\n            }\n        });\n    }\n\n    \/**\n     * A\u00f1ade etiquetas accesibles sin modificar nombres internos.\n     *\/\n    function improveAccessibility() {\n        const fields = bookingSection.querySelectorAll(\n            \"input:not([type='hidden']), select, button\"\n        );\n\n        fields.forEach(function (field, index) {\n            if (!field.getAttribute(\"aria-label\")) {\n                field.setAttribute(\n                    \"aria-label\",\n                    \"Campo de reservaci\u00f3n \" + (index + 1)\n                );\n            }\n        });\n    }\n\n    \/**\n     * Fuerza el texto correcto del bot\u00f3n.\n     *\/\n    function normalizeSubmitButton() {\n        const buttons = bookingSection.querySelectorAll(\n            \"input[type='submit'], button[type='submit'], .nd_booking_btn\"\n        );\n\n        buttons.forEach(function (button) {\n            if (button.tagName === \"INPUT\") {\n                button.value = \"Ver disponibilidad\";\n            } else {\n                button.textContent = \"Ver disponibilidad\";\n            }\n        });\n    }\n\n    function initializeBookingSection() {\n        translateVisibleText();\n        normalizeSubmitButton();\n        improveAccessibility();\n    }\n\n    initializeBookingSection();\n\n    window.setTimeout(initializeBookingSection, 400);\n    window.setTimeout(initializeBookingSection, 1100);\n    window.setTimeout(initializeBookingSection, 2200);\n\n    const observer = new MutationObserver(function () {\n        initializeBookingSection();\n    });\n\n    observer.observe(bookingSection, {\n        childList: true,\n        subtree: true\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1a2634 h1881-booking-section e-flex e-con-boxed e-con e-parent\" data-id=\"e1a2634\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb26429 elementor-widget elementor-widget-ndsearch\" data-id=\"fb26429\" data-element_type=\"widget\" data-widget_type=\"ndsearch.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"nd_booking_search_elem_component_l1 nd_booking_section\">\n\n\t<!--START FORM-->\n\t<form action=\"https:\/\/hoteles1881.com\/en\/booking-search\/\" method=\"get\" data-trp-original-action=\"https:\/\/hoteles1881.com\/en\/booking-search\/\">\n\n\n\t    <div class=\"nd_booking_width_75_percentage nd_booking_width_100_percentage_all_iphone nd_booking_float_left nd_booking_padding_30 nd_booking_box_sizing_border_box nd_booking_bg_white\">\n\n\t        <!--check in\/out-->\n\t        <div class=\"nd_booking_width_33_percentage nd_booking_width_100_percentage_all_iphone nd_booking_border_right_2_solid_grey nd_booking_border_0_all_iphone nd_booking_float_left nd_booking_box_sizing_border_box\">\n\n\n\t            <div id=\"nd_booking_open_calendar_from\" class=\"nd_booking_section   nd_booking_box_sizing_border_box nd_booking_text_align_center nd_booking_cursor_pointer\">\n\t              <div class=\"nd_booking_section  nd_booking_box_sizing_border_box nd_booking_text_align_center\">\n\t                <h6 class=\"nd_options_color_grey nd_options_second_font nd_booking_letter_spacing_2 nd_booking_font_size_12\">CHECK-IN<\/h6>\n\t                <div class=\"nd_booking_section nd_booking_height_15\"><\/div> \n\t                <div class=\"nd_booking_display_inline_flex\">\n\t                  <div class=\"nd_booking_float_left nd_booking_text_align_right\">\n\t                    <h1 id=\"nd_booking_date_number_from_front\" class=\"nd_booking_font_size_50 nd_options_color_greydark nd_booking_font_weight_bold\">16<\/h1>\n\t                  <\/div>\n\t                  <div class=\"nd_booking_float_right nd_booking_text_align_center nd_booking_margin_left_10\">\n\t                      <h6 id=\"nd_booking_date_month_from_front\" class=\"nd_options_color_greydark  nd_booking_margin_top_7 nd_booking_font_size_12\">Jul<\/h6>\n\t                      <div class=\"nd_booking_section nd_booking_height_5\"><\/div>\n\t                      <img decoding=\"async\" alt=\"\" width=\"12\" src=\"https:\/\/hoteles1881.com\/wp-content\/plugins\/nd-booking\/addons\/elementor\/search\/layout\/..\/img\/icon-down-arrow-grey.svg\">\n\t                  <\/div>\n\t                <\/div>\n\t              <\/div>\n\t            <\/div>\n\n\t            <input type=\"hidden\" id=\"nd_booking_date_month_from\" class=\"nd_booking_section nd_booking_margin_top_20\">\n\t            <input type=\"hidden\" id=\"nd_booking_date_number_from\" class=\"nd_booking_section nd_booking_margin_top_20\">\n\t            <input placeholder=\"Check In\" class=\"nd_booking_section nd_booking_border_width_0_important nd_booking_padding_0_important nd_booking_height_0_important\" type=\"text\" name=\"nd_booking_archive_form_date_range_from\" id=\"nd_booking_archive_form_date_range_from\" value=\"\" \/>\n\t        <\/div>\n\t        <div class=\"nd_booking_width_33_percentage nd_booking_width_100_percentage_all_iphone nd_booking_border_right_2_solid_grey nd_booking_border_0_all_iphone nd_booking_float_left  nd_booking_box_sizing_border_box\">\n\n\t            <div id=\"nd_booking_open_calendar_to\" class=\"nd_booking_section  nd_booking_box_sizing_border_box nd_booking_text_align_center nd_booking_cursor_pointer\">\n\t              <div class=\"nd_booking_section  nd_booking_box_sizing_border_box nd_booking_text_align_center\">\n\t                <h6 class=\"nd_options_color_grey nd_options_second_font nd_booking_letter_spacing_2 nd_booking_font_size_12 nd_booking_margin_top_20_all_iphone\">CHECK-OUT<\/h6>\n\t                <div class=\"nd_booking_section nd_booking_height_15\"><\/div> \n\t                <div class=\"nd_booking_display_inline_flex\">\n\t                  <div class=\"nd_booking_float_left nd_booking_text_align_right\">\n\t                    <h1 id=\"nd_booking_date_number_to_front\" class=\"nd_booking_font_size_50 nd_options_color_greydark nd_booking_font_weight_bold\">17<\/h1>\n\t                  <\/div>\n\t                  <div class=\"nd_booking_float_right nd_booking_text_align_center nd_booking_margin_left_10\">\n\t                      <h6 id=\"nd_booking_date_month_to_front\" class=\"nd_options_color_greydark  nd_booking_margin_top_7 nd_booking_font_size_12\">Jul<\/h6>\n\t                      <div class=\"nd_booking_section nd_booking_height_5\"><\/div>\n\t                      <img decoding=\"async\" alt=\"\" width=\"12\" src=\"https:\/\/hoteles1881.com\/wp-content\/plugins\/nd-booking\/addons\/elementor\/search\/layout\/..\/img\/icon-down-arrow-grey.svg\">\n\t                  <\/div>\n\t                <\/div>\n\t              <\/div>\n\t            <\/div>\n\n\t            <input type=\"hidden\" id=\"nd_booking_date_month_to\" class=\"nd_booking_section nd_booking_margin_top_20\">\n\t            <input type=\"hidden\" id=\"nd_booking_date_number_to\" class=\"nd_booking_section nd_booking_margin_top_20\">\n\t            <input placeholder=\"Check Out\" class=\"nd_booking_section nd_booking_border_width_0_important nd_booking_padding_0_important nd_booking_height_0_important\" type=\"text\" name=\"nd_booking_archive_form_date_range_to\" id=\"nd_booking_archive_form_date_range_to\" value=\"\" \/>\n\t            \n\t        <\/div>  \n\n\t        <script type=\"text\/javascript\">\n\t          jQuery(document).ready(function() {\n\n\t            jQuery( function ( $ ) {\n\n\t                $( \"#nd_booking_archive_form_date_range_from\" ).datepicker({\n\t                  defaultDate: \"+1w\",\n\t                  minDate: 0,\n\t                  altField: \"#nd_booking_date_month_from\",\n\t                  altFormat: \"M\",\n\t                  firstDay: 0,\n\t                  dateFormat: \"mm\/dd\/yy\",\n\t                  monthNames: [\"January\",\"February\",\"March\",\"April\",\"May\",\"June\", \"July\",\"August\",\"September\",\"October\",\"November\",\"December\"],\n\t                  monthNamesShort: [ \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\" ],\n\t                  dayNamesMin: [\"SU\",\"MO\",\"TU\",\"WE\",\"TH\",\"FR\", \"SA\"],\n\t                  nextText: \"NEXT\",\n\t                  prevText: \"PREV\",\n\t                  changeMonth: false,\n\t                  numberOfMonths: 1,\n\t                  onClose: function() {   \n\t                    var minDate = $(this).datepicker(\"getDate\");\n\t                    var newMin = new Date(minDate.setDate(minDate.getDate() + 1));\n\t                    $( \"#nd_booking_archive_form_date_range_to\" ).datepicker( \"option\", \"minDate\", newMin );\n\n\t                    var nd_booking_input_date_from = $( \"#nd_booking_archive_form_date_range_from\" ).val();\n\t                    var nd_booking_date_number_from = nd_booking_input_date_from.substring(3, 5);\n\t                    $( \"#nd_booking_date_number_from\" ).val(nd_booking_date_number_from);\n\t                    var nd_booking_input_date_to = $( \"#nd_booking_archive_form_date_range_to\" ).val();\n\t                    var nd_booking_date_number_to = nd_booking_input_date_to.substring(3, 5);\n\t                    $( \"#nd_booking_date_number_to\" ).val(nd_booking_date_number_to);\n\n\t                    $( \"#nd_booking_date_number_from_front\" ).text(nd_booking_date_number_from);\n\t                    var nd_booking_date_month_from = $( \"#nd_booking_date_month_from\" ).val();\n\t                    $( \"#nd_booking_date_month_from_front\" ).text(nd_booking_date_month_from);\n\n\t                    $( \"#nd_booking_date_number_to_front\" ).text(nd_booking_date_number_to);\n\t                    var nd_booking_date_month_to = $( \"#nd_booking_date_month_to\" ).val();\n\t                    $( \"#nd_booking_date_month_to_front\" ).text(nd_booking_date_month_to);\n\n\t                  }\n\t                });\n\t                \n\n\t                $( \"#nd_booking_archive_form_date_range_to\" ).datepicker({\n\t                  defaultDate: \"+1w\",\n\t                  altField: \"#nd_booking_date_month_to\",\n\t                  altFormat: \"M\",\n\t                  minDate: \"+1d\",\n\t                  monthNames: [\"January\",\"February\",\"March\",\"April\",\"May\",\"June\", \"July\",\"August\",\"September\",\"October\",\"November\",\"December\"],\n\t                  monthNamesShort: [ \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\" ],\n\t                  dayNamesMin: [\"SU\",\"MO\",\"TU\",\"WE\",\"TH\",\"FR\", \"SA\"],\n\t                  nextText: \"NEXT\",\n\t                  prevText: \"PREV\",\n\t                  changeMonth: false,\n\t                  firstDay: 0,\n\t                  dateFormat: \"mm\/dd\/yy\",\n\t                  numberOfMonths: 1,\n\t                  onClose: function() {   \n\t                    \n\t                    var nd_booking_input_date_from = $( \"#nd_booking_archive_form_date_range_from\" ).val();\n\t                    var nd_booking_date_number_from = nd_booking_input_date_from.substring(3, 5);\n\t                    $( \"#nd_booking_date_number_from\" ).val(nd_booking_date_number_from);\n\t                    var nd_booking_input_date_to = $( \"#nd_booking_archive_form_date_range_to\" ).val();\n\t                    var nd_booking_date_number_to = nd_booking_input_date_to.substring(3, 5);\n\t                    $( \"#nd_booking_date_number_to\" ).val(nd_booking_date_number_to);\n\n\t                    $( \"#nd_booking_date_number_from_front\" ).text(nd_booking_date_number_from);\n\t                    var nd_booking_date_month_from = $( \"#nd_booking_date_month_from\" ).val();\n\t                    $( \"#nd_booking_date_month_from_front\" ).text(nd_booking_date_month_from);\n\n\t                    $( \"#nd_booking_date_number_to_front\" ).text(nd_booking_date_number_to);\n\t                    var nd_booking_date_month_to = $( \"#nd_booking_date_month_to\" ).val();\n\t                    $( \"#nd_booking_date_month_to_front\" ).text(nd_booking_date_month_to);\n\n\t                  }\n\t                });\n\t                \n\t                $(\"#nd_booking_archive_form_date_range_from\").datepicker(\"setDate\", \"+0\");\n\t                $(\"#nd_booking_archive_form_date_range_to\").datepicker(\"setDate\", \"+1\");\n\t           \n\t                function nd_booking_get_nights(){\n\t                  var nd_booking_archive_form_date_range_from = $(\"#nd_booking_archive_form_date_range_from\").val();\n\t                  var nd_booking_archive_form_date_range_to = $(\"#nd_booking_archive_form_date_range_to\").val();\n\t                  var nd_booking_start = new Date(nd_booking_archive_form_date_range_from);\n\t                  var nd_booking_end = new Date(nd_booking_archive_form_date_range_to);\n\t                  var nd_booking_nights_number = (nd_booking_end - nd_booking_start) \/ 1000 \/ 60 \/ 60 \/ 24; \n\t                  $( \".nd_booking_nights_number\" ).text(nd_booking_nights_number); \n\t                }\n\n\t                $(\"#nd_booking_open_calendar_from\").click(function () {\n\t                    $(\"#nd_booking_archive_form_date_range_from\").datepicker(\"show\");\n\t                });\n\t                $(\"#nd_booking_open_calendar_to\").click(function () {\n\t                    $(\"#nd_booking_archive_form_date_range_to\").datepicker(\"show\");\n\t                });\n\n\t            });\n\n\t          });\n\t        <\/script>\n\t        <!--check in\/out-->\n\n\n\n\t        <!--guests-->\n\t        <div class=\"nd_booking_width_33_percentage nd_booking_width_100_percentage_all_iphone nd_booking_float_left  nd_booking_box_sizing_border_box\">\n\t            <div class=\"nd_booking_section  nd_booking_box_sizing_border_box nd_booking_text_align_center\">\n\t              <div class=\"nd_booking_section  nd_booking_box_sizing_border_box nd_booking_text_align_center\">\n\t                <h6 class=\"nd_options_color_grey nd_options_second_font nd_booking_letter_spacing_2 nd_booking_font_size_12 nd_booking_margin_top_20_all_iphone\">GUESTS<\/h6>\n\t                <div class=\"nd_booking_section nd_booking_height_15\"><\/div> \n\t                <div class=\"nd_booking_display_inline_flex\">\n\t                  <div class=\"nd_booking_float_left nd_booking_text_align_right\">\n\t                      <h1 class=\"nd_booking_font_size_50 nd_booking_color_greydark nd_booking_guests_number nd_booking_font_weight_bold\">1<\/h1>\n\t                  <\/div>\n\t                  <div class=\"nd_booking_float_right nd_booking_text_align_center nd_booking_margin_left_10\">\n\t                      <div class=\"nd_booking_section nd_booking_height_7\"><\/div>\n\t                      <div class=\"nd_booking_section\">\n\t                          <img decoding=\"async\" class=\"nd_booking_float_right nd_booking_guests_increase nd_booking_cursor_pointer nd_booking_transform_rotate_180\" alt=\"\" width=\"12\" src=\"https:\/\/hoteles1881.com\/wp-content\/plugins\/nd-booking\/addons\/elementor\/search\/layout\/..\/img\/icon-down-arrow-grey.svg\">\n\t                      <\/div>\n\t                      <div class=\"nd_booking_section nd_booking_height_10\"><\/div>\n\t                      <div class=\"nd_booking_section\">\n\t                          <img decoding=\"async\" class=\"nd_booking_float_right nd_booking_guests_decrease nd_booking_cursor_pointer\" alt=\"\" width=\"12\" src=\"https:\/\/hoteles1881.com\/wp-content\/plugins\/nd-booking\/addons\/elementor\/search\/layout\/..\/img\/icon-down-arrow-grey.svg\">\n\t                      <\/div>\n\t                  <\/div>\n\t                <\/div>\n\t              <\/div> \n\t            <\/div>\n\t            <label class=\"nd_booking_display_none\" for=\"nd_booking_archive_form_guests\">Guests :<\/label>\n\t            <input placeholder=\"Guests\" class=\"nd_booking_section nd_booking_display_none\" type=\"number\" name=\"nd_booking_archive_form_guests\" id=\"nd_booking_archive_form_guests\" min=\"1\" value=\"\" \/>\n\t        <\/div>\n\t        <!--guests-->\n\n\n\t    <\/div>\n\n\n\n\t    <div class=\"nd_booking_width_25_percentage nd_booking_width_100_percentage_all_iphone nd_booking_float_left nd_booking_text_align_center\">\n\n\t        <input style=\"padding:;background-color:\" class=\"nd_booking_width_100_percentage nd_booking_white_space_normal nd_booking_border_width_0_important\" type=\"submit\" value=\"CHECK AVAILABILITY\">\n\n\t    <\/div>  \n\n\n\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t<!--END FORM-->\n\n\t<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1fcf42 e-con-full e-flex e-con e-parent\" data-id=\"d1fcf42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9691b23 elementor-widget elementor-widget-html\" data-id=\"9691b23\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HOTEL 1881 + LA CASA DE LOS MILAGROS\n     SECCI\u00d3N 03 \u2014 UNA CASA, DOS EXPERIENCIAS\n========================================================= -->\n\n<section id=\"h1881-dual-experience\" class=\"h1881-dual\">\n\n    <div class=\"h1881-dual__intro\">\n\n        <div class=\"h1881-dual__intro-line\"><\/div>\n\n        <span class=\"h1881-dual__eyebrow\">\n            Historia, hospitalidad y gastronom\u00eda\n        <\/span>\n\n        <h2 class=\"h1881-dual__heading\">\n            Una casa.\n            <em>Dos experiencias.<\/em>\n        <\/h2>\n\n        <p class=\"h1881-dual__lead\">\n            En el coraz\u00f3n de Chihuahua, Hotel 1881 y La Casa de los Milagros\n            comparten una misma esencia: recibir, sorprender y crear momentos\n            que permanecen.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"h1881-dual__panels\">\n\n        <!-- HOTEL -->\n        <article\n            class=\"h1881-dual__panel h1881-dual__panel--hotel is-active\"\n            data-experience=\"hotel\"\n            tabindex=\"0\"\n        >\n\n            <div class=\"h1881-dual__image h1881-dual__image--hotel\"><\/div>\n            <div class=\"h1881-dual__overlay\"><\/div>\n\n            <div class=\"h1881-dual__number\">\n                01\n            <\/div>\n\n            <div class=\"h1881-dual__content\">\n\n                <span class=\"h1881-dual__label\">\n                    Descansar dentro de la historia\n                <\/span>\n\n                <h3>\n                    Hotel 1881\n                <\/h3>\n\n                <p>\n                    Habitaciones con identidad, arquitectura hist\u00f3rica y una\n                    experiencia de descanso \u00edntima en el centro de Chihuahua.\n                <\/p>\n\n                <a href=\"#habitaciones\" class=\"h1881-dual__button\">\n                    <span>Descubrir el hotel<\/span>\n\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n            <span class=\"h1881-dual__vertical\">\n                Hotel 1881\n            <\/span>\n\n        <\/article>\n\n\n        <!-- RESTAURANTE -->\n        <article\n            class=\"h1881-dual__panel h1881-dual__panel--restaurant\"\n            data-experience=\"restaurant\"\n            tabindex=\"0\"\n        >\n\n            <div class=\"h1881-dual__image h1881-dual__image--restaurant\"><\/div>\n            <div class=\"h1881-dual__overlay\"><\/div>\n\n            <div class=\"h1881-dual__number\">\n                02\n            <\/div>\n\n            <div class=\"h1881-dual__content\">\n\n                <span class=\"h1881-dual__label\">\n                    Saborear dentro de la historia\n                <\/span>\n\n                <h3>\n                    La Casa de los Milagros\n                <\/h3>\n\n                <p>\n                    Una propuesta gastron\u00f3mica que re\u00fane cocina, arquitectura,\n                    sobremesa y encuentros memorables.\n                <\/p>\n\n                <a href=\"#experiencia-restaurante\" class=\"h1881-dual__button\">\n                    <span>Descubrir el restaurante<\/span>\n\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n            <span class=\"h1881-dual__vertical\">\n                La Casa de los Milagros\n            <\/span>\n\n        <\/article>\n\n    <\/div>\n\n\n    <div class=\"h1881-dual__footer\">\n\n        <div class=\"h1881-dual__footer-item\">\n            <span>01<\/span>\n            <p>\n                Hospedaje boutique en una propiedad hist\u00f3rica.\n            <\/p>\n        <\/div>\n\n        <div class=\"h1881-dual__footer-item\">\n            <span>02<\/span>\n            <p>\n                Gastronom\u00eda y encuentros en un espacio con identidad.\n            <\/p>\n        <\/div>\n\n        <div class=\"h1881-dual__footer-signature\">\n            <span>Una misma casa<\/span>\n            <strong>Una experiencia completa<\/strong>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   VARIABLES Y CONTENEDOR\n========================================================= *\/\n\n#h1881-dual-experience {\n    --dual-black: #171717;\n    --dual-white: #ffffff;\n    --dual-cream: #f3efe9;\n    --dual-gray: #73706c;\n    --dual-line: rgba(23, 23, 23, .18);\n    --dual-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --dual-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    width: 100%;\n    padding: 130px 0 0;\n    overflow: hidden;\n    background: var(--dual-cream);\n}\n\n#h1881-dual-experience,\n#h1881-dual-experience * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   INTRODUCCI\u00d3N\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__intro {\n    position: relative;\n    width: min(920px, calc(100% - 48px));\n    margin: 0 auto 82px;\n    text-align: center;\n}\n\n#h1881-dual-experience .h1881-dual__intro-line {\n    width: 1px;\n    height: 65px;\n    margin: 0 auto 28px;\n    background: var(--dual-black);\n    transform-origin: top;\n}\n\n#h1881-dual-experience .h1881-dual__eyebrow {\n    display: block;\n    margin-bottom: 22px;\n    font-family: var(--dual-sans);\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: .34em;\n    text-transform: uppercase;\n    color: #6d6863;\n}\n\n#h1881-dual-experience .h1881-dual__heading {\n    margin: 0;\n    font-family: var(--dual-serif);\n    font-size: clamp(58px, 7vw, 105px);\n    font-weight: 300;\n    line-height: .84;\n    letter-spacing: -.045em;\n    color: var(--dual-black);\n}\n\n#h1881-dual-experience .h1881-dual__heading em {\n    display: block;\n    margin-top: 18px;\n    font-weight: 300;\n}\n\n#h1881-dual-experience .h1881-dual__lead {\n    max-width: 690px;\n    margin: 38px auto 0;\n    font-family: var(--dual-sans);\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.9;\n    letter-spacing: .025em;\n    color: var(--dual-gray);\n}\n\n\n\/* =========================================================\n   PANELES\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__panels {\n    display: flex;\n    width: 100%;\n    height: 770px;\n    min-height: 650px;\n}\n\n#h1881-dual-experience .h1881-dual__panel {\n    position: relative;\n    width: 50%;\n    height: 100%;\n    overflow: hidden;\n    cursor: pointer;\n    transition:\n        width 1s cubic-bezier(.22, 1, .36, 1),\n        filter .7s ease;\n}\n\n#h1881-dual-experience .h1881-dual__panel.is-active {\n    width: 61%;\n}\n\n#h1881-dual-experience .h1881-dual__panel:not(.is-active) {\n    width: 39%;\n}\n\n\n\/* =========================================================\n   IM\u00c1GENES\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__image {\n    position: absolute;\n    inset: -3%;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    transform: scale(1.05);\n    transition:\n        transform 7s cubic-bezier(.22, 1, .36, 1),\n        filter .8s ease;\n}\n\n#h1881-dual-experience .h1881-dual__image--hotel {\n    background-image:\n        url(\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-51-scaled.jpg\");\n    background-position: center center;\n}\n\n#h1881-dual-experience .h1881-dual__image--restaurant {\n    background-image:\n        url(\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-76-scaled.jpg\");\n    background-position: center center;\n}\n\n#h1881-dual-experience .h1881-dual__panel.is-active .h1881-dual__image {\n    transform: scale(1);\n}\n\n#h1881-dual-experience\n.h1881-dual__panel:not(.is-active)\n.h1881-dual__image {\n    filter: saturate(.72) brightness(.70);\n}\n\n\n\/* =========================================================\n   OVERLAYS\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .12) 0%,\n            rgba(0, 0, 0, .05) 40%,\n            rgba(0, 0, 0, .82) 100%\n        );\n}\n\n#h1881-dual-experience .h1881-dual__panel--hotel .h1881-dual__overlay {\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0, 0, 0, .42) 0%,\n            rgba(0, 0, 0, .05) 52%,\n            rgba(0, 0, 0, .08) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .10) 0%,\n            rgba(0, 0, 0, .06) 45%,\n            rgba(0, 0, 0, .80) 100%\n        );\n}\n\n#h1881-dual-experience\n.h1881-dual__panel--restaurant\n.h1881-dual__overlay {\n    background:\n        linear-gradient(\n            270deg,\n            rgba(0, 0, 0, .42) 0%,\n            rgba(0, 0, 0, .05) 52%,\n            rgba(0, 0, 0, .08) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .10) 0%,\n            rgba(0, 0, 0, .06) 45%,\n            rgba(0, 0, 0, .82) 100%\n        );\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__content {\n    position: absolute;\n    z-index: 3;\n    bottom: 74px;\n    left: clamp(34px, 5vw, 88px);\n    width: min(500px, calc(100% - 100px));\n    color: var(--dual-white);\n    transition:\n        opacity .55s ease,\n        transform .8s cubic-bezier(.22, 1, .36, 1);\n}\n\n#h1881-dual-experience\n.h1881-dual__panel:not(.is-active)\n.h1881-dual__content {\n    opacity: .12;\n    transform: translateY(18px);\n}\n\n#h1881-dual-experience\n.h1881-dual__panel.is-active\n.h1881-dual__content {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n#h1881-dual-experience .h1881-dual__label {\n    display: block;\n    margin-bottom: 17px;\n    font-family: var(--dual-sans);\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: .29em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .76);\n}\n\n#h1881-dual-experience .h1881-dual__content h3 {\n    max-width: 600px;\n    margin: 0;\n    font-family: var(--dual-serif);\n    font-size: clamp(55px, 5.5vw, 92px);\n    font-weight: 300;\n    line-height: .88;\n    letter-spacing: -.035em;\n    color: var(--dual-white);\n}\n\n#h1881-dual-experience\n.h1881-dual__panel--restaurant\n.h1881-dual__content h3 {\n    font-size: clamp(47px, 4.9vw, 80px);\n}\n\n#h1881-dual-experience .h1881-dual__content p {\n    max-width: 470px;\n    margin: 24px 0 28px;\n    font-family: var(--dual-sans);\n    font-size: 12px;\n    font-weight: 300;\n    line-height: 1.85;\n    letter-spacing: .025em;\n    color: rgba(255, 255, 255, .82);\n}\n\n\n\/* =========================================================\n   BOTONES\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__button {\n    display: inline-flex;\n    align-items: center;\n    gap: 25px;\n    min-height: 51px;\n    padding: 0 23px;\n    border: 1px solid rgba(255, 255, 255, .70);\n    background: rgba(0, 0, 0, .15);\n    color: var(--dual-white);\n    text-decoration: none !important;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    transition:\n        background .35s ease,\n        color .35s ease,\n        transform .35s ease;\n}\n\n#h1881-dual-experience .h1881-dual__button span {\n    font-family: var(--dual-sans);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: .21em;\n    text-transform: uppercase;\n}\n\n#h1881-dual-experience .h1881-dual__button svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform .35s ease;\n}\n\n#h1881-dual-experience .h1881-dual__button:hover {\n    background: var(--dual-white);\n    color: var(--dual-black);\n    transform: translateY(-2px);\n}\n\n#h1881-dual-experience .h1881-dual__button:hover svg {\n    transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   N\u00daMEROS Y TEXTO VERTICAL\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__number {\n    position: absolute;\n    z-index: 3;\n    top: 45px;\n    left: 45px;\n    font-family: var(--dual-serif);\n    font-size: 32px;\n    font-style: italic;\n    color: rgba(255, 255, 255, .78);\n}\n\n#h1881-dual-experience .h1881-dual__vertical {\n    position: absolute;\n    z-index: 3;\n    top: 50%;\n    right: 23px;\n    font-family: var(--dual-sans);\n    font-size: 8px;\n    letter-spacing: .30em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .60);\n    writing-mode: vertical-rl;\n    transform: translateY(-50%);\n}\n\n\n\/* =========================================================\n   PIE\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__footer {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1.1fr;\n    gap: 0;\n    width: 100%;\n    background: var(--dual-white);\n}\n\n#h1881-dual-experience .h1881-dual__footer-item,\n#h1881-dual-experience .h1881-dual__footer-signature {\n    min-height: 155px;\n    padding: 40px clamp(28px, 4vw, 68px);\n    border-right: 1px solid var(--dual-line);\n}\n\n#h1881-dual-experience .h1881-dual__footer-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n}\n\n#h1881-dual-experience .h1881-dual__footer-item span {\n    font-family: var(--dual-serif);\n    font-size: 28px;\n    font-style: italic;\n    line-height: 1;\n    color: var(--dual-black);\n}\n\n#h1881-dual-experience .h1881-dual__footer-item p {\n    max-width: 310px;\n    margin: 0;\n    font-family: var(--dual-sans);\n    font-size: 11px;\n    line-height: 1.7;\n    color: var(--dual-gray);\n}\n\n#h1881-dual-experience .h1881-dual__footer-signature {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    border-right: 0;\n    background: var(--dual-black);\n    color: var(--dual-white);\n}\n\n#h1881-dual-experience .h1881-dual__footer-signature span {\n    margin-bottom: 9px;\n    font-family: var(--dual-sans);\n    font-size: 8px;\n    letter-spacing: .30em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .58);\n}\n\n#h1881-dual-experience .h1881-dual__footer-signature strong {\n    font-family: var(--dual-serif);\n    font-size: clamp(27px, 2.3vw, 39px);\n    font-weight: 300;\n    line-height: 1;\n}\n\n\n\/* =========================================================\n   ANIMACI\u00d3N DE ENTRADA\n========================================================= *\/\n\n#h1881-dual-experience .h1881-dual__intro,\n#h1881-dual-experience .h1881-dual__panels,\n#h1881-dual-experience .h1881-dual__footer {\n    opacity: 0;\n    transform: translateY(38px);\n    transition:\n        opacity 1s ease,\n        transform 1.1s cubic-bezier(.22, 1, .36, 1);\n}\n\n#h1881-dual-experience.is-visible .h1881-dual__intro,\n#h1881-dual-experience.is-visible .h1881-dual__panels,\n#h1881-dual-experience.is-visible .h1881-dual__footer {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n#h1881-dual-experience.is-visible .h1881-dual__panels {\n    transition-delay: .15s;\n}\n\n#h1881-dual-experience.is-visible .h1881-dual__footer {\n    transition-delay: .27s;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    #h1881-dual-experience {\n        padding-top: 95px;\n    }\n\n    #h1881-dual-experience .h1881-dual__panels {\n        height: 680px;\n    }\n\n    #h1881-dual-experience .h1881-dual__panel.is-active {\n        width: 58%;\n    }\n\n    #h1881-dual-experience .h1881-dual__panel:not(.is-active) {\n        width: 42%;\n    }\n\n    #h1881-dual-experience .h1881-dual__content {\n        bottom: 52px;\n        left: 38px;\n        width: calc(100% - 75px);\n    }\n\n    #h1881-dual-experience .h1881-dual__footer {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    #h1881-dual-experience .h1881-dual__footer-signature {\n        grid-column: 1 \/ -1;\n        min-height: 125px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #h1881-dual-experience {\n        padding-top: 78px;\n    }\n\n    #h1881-dual-experience .h1881-dual__intro {\n        margin-bottom: 55px;\n    }\n\n    #h1881-dual-experience .h1881-dual__intro-line {\n        height: 45px;\n    }\n\n    #h1881-dual-experience .h1881-dual__heading {\n        font-size: 53px;\n        line-height: .9;\n    }\n\n    #h1881-dual-experience .h1881-dual__lead {\n        margin-top: 28px;\n        font-size: 12px;\n        line-height: 1.8;\n    }\n\n    #h1881-dual-experience .h1881-dual__panels {\n        display: block;\n        height: auto;\n        min-height: 0;\n    }\n\n    #h1881-dual-experience .h1881-dual__panel,\n    #h1881-dual-experience .h1881-dual__panel.is-active,\n    #h1881-dual-experience .h1881-dual__panel:not(.is-active) {\n        width: 100%;\n        height: 680px;\n    }\n\n    #h1881-dual-experience\n    .h1881-dual__panel:not(.is-active)\n    .h1881-dual__image {\n        filter: none;\n    }\n\n    #h1881-dual-experience\n    .h1881-dual__panel:not(.is-active)\n    .h1881-dual__content {\n        opacity: 1;\n        transform: none;\n    }\n\n    #h1881-dual-experience .h1881-dual__content {\n        right: 24px;\n        bottom: 38px;\n        left: 24px;\n        width: auto;\n    }\n\n    #h1881-dual-experience .h1881-dual__content h3,\n    #h1881-dual-experience\n    .h1881-dual__panel--restaurant\n    .h1881-dual__content h3 {\n        max-width: 330px;\n        font-size: 52px;\n    }\n\n    #h1881-dual-experience .h1881-dual__vertical {\n        display: none;\n    }\n\n    #h1881-dual-experience .h1881-dual__footer {\n        grid-template-columns: 1fr;\n    }\n\n    #h1881-dual-experience .h1881-dual__footer-item,\n    #h1881-dual-experience .h1881-dual__footer-signature {\n        min-height: auto;\n        padding: 32px 24px;\n        border-right: 0;\n        border-bottom: 1px solid var(--dual-line);\n    }\n\n    #h1881-dual-experience .h1881-dual__footer-signature {\n        grid-column: auto;\n        border-bottom: 0;\n    }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #h1881-dual-experience *,\n    #h1881-dual-experience *::before,\n    #h1881-dual-experience *::after {\n        animation-duration: .01ms !important;\n        transition-duration: .01ms !important;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n    \"use strict\";\n\n    const section = document.getElementById(\"h1881-dual-experience\");\n\n    if (!section || section.dataset.initialized === \"true\") {\n        return;\n    }\n\n    section.dataset.initialized = \"true\";\n\n    const panels = Array.from(\n        section.querySelectorAll(\".h1881-dual__panel\")\n    );\n\n    \/**\n     * Activa el panel seleccionado.\n     *\/\n    function activatePanel(selectedPanel) {\n        if (window.matchMedia(\"(max-width: 767px)\").matches) {\n            return;\n        }\n\n        panels.forEach(function (panel) {\n            const isActive = panel === selectedPanel;\n\n            panel.classList.toggle(\"is-active\", isActive);\n            panel.setAttribute(\n                \"aria-expanded\",\n                isActive ? \"true\" : \"false\"\n            );\n        });\n    }\n\n    panels.forEach(function (panel) {\n\n        panel.addEventListener(\"mouseenter\", function () {\n            activatePanel(panel);\n        });\n\n        panel.addEventListener(\"focusin\", function () {\n            activatePanel(panel);\n        });\n\n        panel.addEventListener(\"click\", function (event) {\n            if (event.target.closest(\"a\")) {\n                return;\n            }\n\n            activatePanel(panel);\n        });\n\n    });\n\n    \/**\n     * Animaci\u00f3n de entrada al aparecer en pantalla.\n     *\/\n    if (\"IntersectionObserver\" in window) {\n\n        const observer = new IntersectionObserver(\n            function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        section.classList.add(\"is-visible\");\n                        observer.disconnect();\n                    }\n                });\n            },\n            {\n                threshold: 0.16\n            }\n        );\n\n        observer.observe(section);\n\n    } else {\n        section.classList.add(\"is-visible\");\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a3ace6 e-con-full e-flex e-con e-parent\" data-id=\"1a3ace6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec1a521 elementor-widget elementor-widget-html\" data-id=\"ec1a521\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HOTEL 1881\n     SECCI\u00d3N 04 \u2014 HABITACIONES\n========================================================= -->\n\n<section id=\"habitaciones\" class=\"h1881-rooms\">\n\n    <div class=\"h1881-rooms__header\">\n\n        <div class=\"h1881-rooms__header-copy\">\n\n            <span class=\"h1881-rooms__eyebrow\">\n                Descanso con identidad\n            <\/span>\n\n            <h2>\n                Habitaciones que\n                <em>guardan historias.<\/em>\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"h1881-rooms__header-description\">\n\n            <p>\n                Cada habitaci\u00f3n conserva la esencia arquitect\u00f3nica de la casa\n                y la combina con comodidad, intimidad y atenci\u00f3n personalizada.\n            <\/p>\n\n            <a href=\"#reservar-habitacion\">\n                <span>Consultar disponibilidad<\/span>\n\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"h1881-rooms__stage\">\n\n        <!-- Imagen principal -->\n        <div class=\"h1881-rooms__visual\">\n\n            <div class=\"h1881-rooms__slides\">\n\n                <figure\n                    class=\"h1881-rooms__slide is-active\"\n                    data-room-slide=\"0\"\n                >\n                    <img decoding=\"async\"\n                        src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-15-scaled.jpg\"\n                        alt=\"Habitaci\u00f3n de Hotel 1881\"\n                        loading=\"lazy\"\n                    >\n                <\/figure>\n\n                <figure\n                    class=\"h1881-rooms__slide\"\n                    data-room-slide=\"1\"\n                >\n                    <img decoding=\"async\"\n                        src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-51-scaled.jpg\"\n                        alt=\"Interior de habitaci\u00f3n de Hotel 1881\"\n                        loading=\"lazy\"\n                    >\n                <\/figure>\n\n                <figure\n                    class=\"h1881-rooms__slide\"\n                    data-room-slide=\"2\"\n                >\n                    <img decoding=\"async\"\n                        src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-35-scaled.jpg\"\n                        alt=\"\u00c1rea de descanso de Hotel 1881\"\n                        loading=\"lazy\"\n                    >\n                <\/figure>\n\n                <figure\n                    class=\"h1881-rooms__slide\"\n                    data-room-slide=\"3\"\n                >\n                    <img decoding=\"async\"\n                        src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-28-scaled.jpg\"\n                        alt=\"Detalle de habitaci\u00f3n en Hotel 1881\"\n                        loading=\"lazy\"\n                    >\n                <\/figure>\n\n            <\/div>\n\n\n            <!-- Numeraci\u00f3n -->\n            <div class=\"h1881-rooms__counter\">\n\n                <span class=\"h1881-rooms__counter-current\">\n                    01\n                <\/span>\n\n                <i><\/i>\n\n                <span class=\"h1881-rooms__counter-total\">\n                    04\n                <\/span>\n\n            <\/div>\n\n\n            <!-- Flechas -->\n            <div class=\"h1881-rooms__arrows\">\n\n                <button\n                    type=\"button\"\n                    class=\"h1881-rooms__arrow h1881-rooms__arrow--prev\"\n                    aria-label=\"Habitaci\u00f3n anterior\"\n                >\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M19 12H5M11 6l-6 6 6 6\"><\/path>\n                    <\/svg>\n                <\/button>\n\n                <button\n                    type=\"button\"\n                    class=\"h1881-rooms__arrow h1881-rooms__arrow--next\"\n                    aria-label=\"Siguiente habitaci\u00f3n\"\n                >\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Informaci\u00f3n -->\n        <div class=\"h1881-rooms__information\">\n\n            <span class=\"h1881-rooms__information-number\">\n                01\n            <\/span>\n\n            <div class=\"h1881-rooms__information-line\"><\/div>\n\n            <div class=\"h1881-rooms__content-list\">\n\n                <article\n                    class=\"h1881-rooms__content is-active\"\n                    data-room-content=\"0\"\n                >\n\n                    <span class=\"h1881-rooms__category\">\n                        Hotel 1881\n                    <\/span>\n\n                    <h3>\n                        Descanso entre\n                        <em>historia y calma.<\/em>\n                    <\/h3>\n\n                    <p>\n                        Espacios luminosos, materiales elegidos cuidadosamente\n                        y detalles que conservan el car\u00e1cter original de la casa.\n                    <\/p>\n\n                    <ul>\n                        <li>\n                            <span>01<\/span>\n                            Habitaciones de dise\u00f1o \u00fanico\n                        <\/li>\n\n                        <li>\n                            <span>02<\/span>\n                            Arquitectura hist\u00f3rica\n                        <\/li>\n\n                        <li>\n                            <span>03<\/span>\n                            Atenci\u00f3n personalizada\n                        <\/li>\n                    <\/ul>\n\n                <\/article>\n\n\n                <article\n                    class=\"h1881-rooms__content\"\n                    data-room-content=\"1\"\n                >\n\n                    <span class=\"h1881-rooms__category\">\n                        Confort boutique\n                    <\/span>\n\n                    <h3>\n                        Cada detalle\n                        <em>invita a detenerse.<\/em>\n                    <\/h3>\n\n                    <p>\n                        La distribuci\u00f3n, la iluminaci\u00f3n y los acabados han sido\n                        pensados para ofrecer descanso sin perder la identidad\n                        hist\u00f3rica del inmueble.\n                    <\/p>\n\n                    <ul>\n                        <li>\n                            <span>01<\/span>\n                            Ambientes \u00edntimos\n                        <\/li>\n\n                        <li>\n                            <span>02<\/span>\n                            Ropa de cama premium\n                        <\/li>\n\n                        <li>\n                            <span>03<\/span>\n                            Espacios cuidadosamente restaurados\n                        <\/li>\n                    <\/ul>\n\n                <\/article>\n\n\n                <article\n                    class=\"h1881-rooms__content\"\n                    data-room-content=\"2\"\n                >\n\n                    <span class=\"h1881-rooms__category\">\n                        Una estancia diferente\n                    <\/span>\n\n                    <h3>\n                        Comodidad con\n                        <em>car\u00e1cter propio.<\/em>\n                    <\/h3>\n\n                    <p>\n                        Cada habitaci\u00f3n posee una composici\u00f3n distinta, para\n                        que cada visita se sienta personal, aut\u00e9ntica y memorable.\n                    <\/p>\n\n                    <ul>\n                        <li>\n                            <span>01<\/span>\n                            Dise\u00f1o individual\n                        <\/li>\n\n                        <li>\n                            <span>02<\/span>\n                            Atm\u00f3sfera tranquila\n                        <\/li>\n\n                        <li>\n                            <span>03<\/span>\n                            Ubicaci\u00f3n privilegiada\n                        <\/li>\n                    <\/ul>\n\n                <\/article>\n\n\n                <article\n                    class=\"h1881-rooms__content\"\n                    data-room-content=\"3\"\n                >\n\n                    <span class=\"h1881-rooms__category\">\n                        En el centro de Chihuahua\n                    <\/span>\n\n                    <h3>\n                        Una casa para\n                        <em>habitar despacio.<\/em>\n                    <\/h3>\n\n                    <p>\n                        El descanso se integra con la arquitectura, la\n                        gastronom\u00eda y la vida del centro hist\u00f3rico de la ciudad.\n                    <\/p>\n\n                    <ul>\n                        <li>\n                            <span>01<\/span>\n                            Cercan\u00eda con el centro\n                        <\/li>\n\n                        <li>\n                            <span>02<\/span>\n                            Restaurante dentro de la propiedad\n                        <\/li>\n\n                        <li>\n                            <span>03<\/span>\n                            Experiencia integral\n                        <\/li>\n                    <\/ul>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"h1881-rooms__actions\">\n\n                <a\n                    href=\"#reservar-habitacion\"\n                    class=\"h1881-rooms__button\"\n                >\n                    <span>Reservar habitaci\u00f3n<\/span>\n\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n                <span class=\"h1881-rooms__note\">\n                    Disponibilidad sujeta a las fechas seleccionadas.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- Miniaturas -->\n    <div class=\"h1881-rooms__thumbnails\">\n\n        <button\n            type=\"button\"\n            class=\"h1881-rooms__thumbnail is-active\"\n            data-room-target=\"0\"\n            aria-label=\"Ver habitaci\u00f3n 1\"\n        >\n            <span>01<\/span>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-15-scaled.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n            >\n        <\/button>\n\n        <button\n            type=\"button\"\n            class=\"h1881-rooms__thumbnail\"\n            data-room-target=\"1\"\n            aria-label=\"Ver habitaci\u00f3n 2\"\n        >\n            <span>02<\/span>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-51-scaled.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n            >\n        <\/button>\n\n        <button\n            type=\"button\"\n            class=\"h1881-rooms__thumbnail\"\n            data-room-target=\"2\"\n            aria-label=\"Ver habitaci\u00f3n 3\"\n        >\n            <span>03<\/span>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-35-scaled.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n            >\n        <\/button>\n\n        <button\n            type=\"button\"\n            class=\"h1881-rooms__thumbnail\"\n            data-room-target=\"3\"\n            aria-label=\"Ver habitaci\u00f3n 4\"\n        >\n            <span>04<\/span>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-28-scaled.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n            >\n        <\/button>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n#habitaciones {\n    --rooms-black: #181818;\n    --rooms-dark: #222222;\n    --rooms-white: #ffffff;\n    --rooms-cream: #f3efe9;\n    --rooms-gray: #716d68;\n    --rooms-line: rgba(24, 24, 24, .16);\n    --rooms-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --rooms-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    width: 100%;\n    padding: 130px 0 0;\n    overflow: hidden;\n    background: var(--rooms-white);\n}\n\n#habitaciones,\n#habitaciones * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n#habitaciones .h1881-rooms__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.2fr) minmax(350px, .8fr);\n    gap: clamp(50px, 8vw, 130px);\n    align-items: end;\n    width: min(1380px, calc(100% - 80px));\n    margin: 0 auto 82px;\n}\n\n#habitaciones .h1881-rooms__header-copy {\n    position: relative;\n    padding-left: 43px;\n}\n\n#habitaciones .h1881-rooms__header-copy::before {\n    content: \"\";\n    position: absolute;\n    top: 3px;\n    bottom: 5px;\n    left: 0;\n    width: 1px;\n    background: rgba(24, 24, 24, .35);\n}\n\n#habitaciones .h1881-rooms__eyebrow {\n    display: block;\n    margin-bottom: 17px;\n    font-family: var(--rooms-sans);\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: .33em;\n    text-transform: uppercase;\n    color: #706b66;\n}\n\n#habitaciones .h1881-rooms__header h2 {\n    max-width: 820px;\n    margin: 0;\n    font-family: var(--rooms-serif);\n    font-size: clamp(60px, 6.5vw, 104px);\n    font-weight: 300;\n    line-height: .84;\n    letter-spacing: -.045em;\n    color: var(--rooms-black);\n}\n\n#habitaciones .h1881-rooms__header h2 em {\n    display: block;\n    margin-top: 18px;\n    font-weight: 300;\n}\n\n#habitaciones .h1881-rooms__header-description {\n    padding-bottom: 5px;\n}\n\n#habitaciones .h1881-rooms__header-description p {\n    max-width: 470px;\n    margin: 0 0 27px;\n    font-family: var(--rooms-sans);\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.9;\n    color: var(--rooms-gray);\n}\n\n#habitaciones .h1881-rooms__header-description a {\n    display: inline-flex;\n    align-items: center;\n    gap: 20px;\n    color: var(--rooms-black);\n    text-decoration: none !important;\n}\n\n#habitaciones .h1881-rooms__header-description a span {\n    font-family: var(--rooms-sans);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n}\n\n#habitaciones .h1881-rooms__header-description a svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform .3s ease;\n}\n\n#habitaciones .h1881-rooms__header-description a:hover svg {\n    transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   ESCENARIO\n========================================================= *\/\n\n#habitaciones .h1881-rooms__stage {\n    display: grid;\n    grid-template-columns: minmax(0, 1.42fr) minmax(420px, .78fr);\n    min-height: 790px;\n    background: var(--rooms-cream);\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n#habitaciones .h1881-rooms__visual {\n    position: relative;\n    min-height: 790px;\n    overflow: hidden;\n    background: #d8d3cd;\n}\n\n#habitaciones .h1881-rooms__slides,\n#habitaciones .h1881-rooms__slide {\n    position: absolute;\n    inset: 0;\n}\n\n#habitaciones .h1881-rooms__slide {\n    margin: 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(1.06);\n    transition:\n        opacity .9s ease,\n        visibility .9s ease,\n        transform 1.5s cubic-bezier(.22, 1, .36, 1);\n}\n\n#habitaciones .h1881-rooms__slide.is-active {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n}\n\n#habitaciones .h1881-rooms__slide::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .04) 0%,\n            rgba(0, 0, 0, .03) 55%,\n            rgba(0, 0, 0, .28) 100%\n        );\n}\n\n#habitaciones .h1881-rooms__slide img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n\/* =========================================================\n   CONTADOR\n========================================================= *\/\n\n#habitaciones .h1881-rooms__counter {\n    position: absolute;\n    z-index: 5;\n    top: 42px;\n    left: 42px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    min-width: 130px;\n    padding: 13px 18px;\n    background: rgba(20, 20, 20, .76);\n    color: var(--rooms-white);\n    backdrop-filter: blur(11px);\n    -webkit-backdrop-filter: blur(11px);\n}\n\n#habitaciones .h1881-rooms__counter span {\n    font-family: var(--rooms-serif);\n    font-size: 21px;\n    font-style: italic;\n    line-height: 1;\n}\n\n#habitaciones .h1881-rooms__counter i {\n    width: 31px;\n    height: 1px;\n    background: rgba(255, 255, 255, .45);\n}\n\n\n\/* =========================================================\n   FLECHAS\n========================================================= *\/\n\n#habitaciones .h1881-rooms__arrows {\n    position: absolute;\n    z-index: 5;\n    right: 42px;\n    bottom: 42px;\n    display: flex;\n}\n\n#habitaciones .h1881-rooms__arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 65px;\n    height: 65px;\n    padding: 0;\n    border: 1px solid rgba(255, 255, 255, .55);\n    background: rgba(20, 20, 20, .66);\n    color: var(--rooms-white);\n    cursor: pointer;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition:\n        background .3s ease,\n        color .3s ease;\n}\n\n#habitaciones .h1881-rooms__arrow + .h1881-rooms__arrow {\n    border-left: 0;\n}\n\n#habitaciones .h1881-rooms__arrow svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.45;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#habitaciones .h1881-rooms__arrow:hover {\n    background: var(--rooms-white);\n    color: var(--rooms-black);\n}\n\n\n\/* =========================================================\n   INFORMACI\u00d3N\n========================================================= *\/\n\n#habitaciones .h1881-rooms__information {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-height: 790px;\n    padding: 72px clamp(40px, 5vw, 88px);\n    background: var(--rooms-cream);\n}\n\n#habitaciones .h1881-rooms__information-number {\n    font-family: var(--rooms-serif);\n    font-size: 30px;\n    font-style: italic;\n    color: var(--rooms-black);\n}\n\n#habitaciones .h1881-rooms__information-line {\n    width: 52px;\n    height: 1px;\n    margin: 18px 0 41px;\n    background: rgba(24, 24, 24, .36);\n}\n\n#habitaciones .h1881-rooms__content-list {\n    position: relative;\n    min-height: 390px;\n}\n\n#habitaciones .h1881-rooms__content {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(18px);\n    transition:\n        opacity .55s ease,\n        visibility .55s ease,\n        transform .7s cubic-bezier(.22, 1, .36, 1);\n}\n\n#habitaciones .h1881-rooms__content.is-active {\n    position: relative;\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n}\n\n#habitaciones .h1881-rooms__category {\n    display: block;\n    margin-bottom: 17px;\n    font-family: var(--rooms-sans);\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: .3em;\n    text-transform: uppercase;\n    color: #716c67;\n}\n\n#habitaciones .h1881-rooms__content h3 {\n    max-width: 510px;\n    margin: 0;\n    font-family: var(--rooms-serif);\n    font-size: clamp(48px, 4.3vw, 72px);\n    font-weight: 300;\n    line-height: .9;\n    letter-spacing: -.035em;\n    color: var(--rooms-black);\n}\n\n#habitaciones .h1881-rooms__content h3 em {\n    display: block;\n    margin-top: 10px;\n    font-weight: 300;\n}\n\n#habitaciones .h1881-rooms__content > p {\n    max-width: 480px;\n    margin: 28px 0 32px;\n    font-family: var(--rooms-sans);\n    font-size: 12px;\n    line-height: 1.9;\n    color: var(--rooms-gray);\n}\n\n#habitaciones .h1881-rooms__content ul {\n    display: grid;\n    gap: 12px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n#habitaciones .h1881-rooms__content li {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    font-family: var(--rooms-sans);\n    font-size: 10px;\n    letter-spacing: .04em;\n    color: #55514d;\n}\n\n#habitaciones .h1881-rooms__content li span {\n    font-family: var(--rooms-serif);\n    font-size: 17px;\n    font-style: italic;\n    color: #908981;\n}\n\n\n\/* =========================================================\n   ACCIONES\n========================================================= *\/\n\n#habitaciones .h1881-rooms__actions {\n    margin-top: 38px;\n}\n\n#habitaciones .h1881-rooms__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 25px;\n    min-height: 57px;\n    padding: 0 26px;\n    border: 1px solid var(--rooms-black);\n    background: var(--rooms-black);\n    color: var(--rooms-white);\n    text-decoration: none !important;\n    transition:\n        background .35s ease,\n        color .35s ease,\n        transform .35s ease;\n}\n\n#habitaciones .h1881-rooms__button span {\n    font-family: var(--rooms-sans);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: .21em;\n    text-transform: uppercase;\n}\n\n#habitaciones .h1881-rooms__button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform .35s ease;\n}\n\n#habitaciones .h1881-rooms__button:hover {\n    background: transparent;\n    color: var(--rooms-black);\n    transform: translateY(-2px);\n}\n\n#habitaciones .h1881-rooms__button:hover svg {\n    transform: translateX(4px);\n}\n\n#habitaciones .h1881-rooms__note {\n    display: block;\n    margin-top: 13px;\n    font-family: var(--rooms-sans);\n    font-size: 8px;\n    letter-spacing: .07em;\n    color: #8b857f;\n}\n\n\n\/* =========================================================\n   MINIATURAS\n========================================================= *\/\n\n#habitaciones .h1881-rooms__thumbnails {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    width: 100%;\n    background: var(--rooms-black);\n}\n\n#habitaciones .h1881-rooms__thumbnail {\n    position: relative;\n    height: 210px;\n    padding: 0;\n    overflow: hidden;\n    border: 0;\n    border-right: 1px solid rgba(255, 255, 255, .16);\n    background: var(--rooms-black);\n    cursor: pointer;\n}\n\n#habitaciones .h1881-rooms__thumbnail:last-child {\n    border-right: 0;\n}\n\n#habitaciones .h1881-rooms__thumbnail::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, .55);\n    transition: background .45s ease;\n}\n\n#habitaciones .h1881-rooms__thumbnail.is-active::after,\n#habitaciones .h1881-rooms__thumbnail:hover::after {\n    background: rgba(0, 0, 0, .14);\n}\n\n#habitaciones .h1881-rooms__thumbnail::before {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    right: 24px;\n    bottom: 0;\n    left: 24px;\n    height: 3px;\n    background: var(--rooms-white);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform .5s cubic-bezier(.22, 1, .36, 1);\n}\n\n#habitaciones .h1881-rooms__thumbnail.is-active::before {\n    transform: scaleX(1);\n}\n\n#habitaciones .h1881-rooms__thumbnail img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transform: scale(1.05);\n    transition: transform 1s cubic-bezier(.22, 1, .36, 1);\n}\n\n#habitaciones .h1881-rooms__thumbnail:hover img,\n#habitaciones .h1881-rooms__thumbnail.is-active img {\n    transform: scale(1);\n}\n\n#habitaciones .h1881-rooms__thumbnail span {\n    position: absolute;\n    z-index: 4;\n    top: 21px;\n    left: 24px;\n    font-family: var(--rooms-serif);\n    font-size: 22px;\n    font-style: italic;\n    color: var(--rooms-white);\n}\n\n\n\/* =========================================================\n   ANIMACI\u00d3N DE ENTRADA\n========================================================= *\/\n\n#habitaciones .h1881-rooms__header,\n#habitaciones .h1881-rooms__stage,\n#habitaciones .h1881-rooms__thumbnails {\n    opacity: 0;\n    transform: translateY(35px);\n    transition:\n        opacity 1s ease,\n        transform 1.1s cubic-bezier(.22, 1, .36, 1);\n}\n\n#habitaciones.is-visible .h1881-rooms__header,\n#habitaciones.is-visible .h1881-rooms__stage,\n#habitaciones.is-visible .h1881-rooms__thumbnails {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n#habitaciones.is-visible .h1881-rooms__stage {\n    transition-delay: .12s;\n}\n\n#habitaciones.is-visible .h1881-rooms__thumbnails {\n    transition-delay: .22s;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    #habitaciones {\n        padding-top: 95px;\n    }\n\n    #habitaciones .h1881-rooms__header {\n        grid-template-columns: 1fr 1fr;\n        width: calc(100% - 48px);\n        gap: 45px;\n        margin-bottom: 58px;\n    }\n\n    #habitaciones .h1881-rooms__stage {\n        grid-template-columns: 1.15fr .85fr;\n    }\n\n    #habitaciones .h1881-rooms__visual,\n    #habitaciones .h1881-rooms__information,\n    #habitaciones .h1881-rooms__stage {\n        min-height: 700px;\n    }\n\n    #habitaciones .h1881-rooms__information {\n        padding: 55px 38px;\n    }\n\n    #habitaciones .h1881-rooms__thumbnails {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #habitaciones {\n        padding-top: 76px;\n    }\n\n    #habitaciones .h1881-rooms__header {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        width: calc(100% - 48px);\n        margin-bottom: 48px;\n    }\n\n    #habitaciones .h1881-rooms__header-copy {\n        padding-left: 25px;\n    }\n\n    #habitaciones .h1881-rooms__header h2 {\n        font-size: 53px;\n        line-height: .88;\n    }\n\n    #habitaciones .h1881-rooms__stage {\n        display: block;\n        min-height: 0;\n    }\n\n    #habitaciones .h1881-rooms__visual {\n        min-height: 590px;\n    }\n\n    #habitaciones .h1881-rooms__counter {\n        top: 22px;\n        left: 22px;\n    }\n\n    #habitaciones .h1881-rooms__arrows {\n        right: 22px;\n        bottom: 22px;\n    }\n\n    #habitaciones .h1881-rooms__arrow {\n        width: 56px;\n        height: 56px;\n    }\n\n    #habitaciones .h1881-rooms__information {\n        min-height: 0;\n        padding: 57px 24px 62px;\n    }\n\n    #habitaciones .h1881-rooms__content-list {\n        min-height: 440px;\n    }\n\n    #habitaciones .h1881-rooms__content h3 {\n        font-size: 49px;\n    }\n\n    #habitaciones .h1881-rooms__button {\n        width: 100%;\n    }\n\n    #habitaciones .h1881-rooms__thumbnails {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    #habitaciones .h1881-rooms__thumbnail {\n        height: 170px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    #habitaciones .h1881-rooms__visual {\n        min-height: 520px;\n    }\n\n    #habitaciones .h1881-rooms__thumbnail {\n        height: 145px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #habitaciones *,\n    #habitaciones *::before,\n    #habitaciones *::after {\n        animation-duration: .01ms !important;\n        transition-duration: .01ms !important;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n    \"use strict\";\n\n    const roomsSection = document.getElementById(\"habitaciones\");\n\n    if (\n        !roomsSection ||\n        roomsSection.dataset.roomsInitialized === \"true\"\n    ) {\n        return;\n    }\n\n    roomsSection.dataset.roomsInitialized = \"true\";\n\n    const slides = Array.from(\n        roomsSection.querySelectorAll(\".h1881-rooms__slide\")\n    );\n\n    const contents = Array.from(\n        roomsSection.querySelectorAll(\".h1881-rooms__content\")\n    );\n\n    const thumbnails = Array.from(\n        roomsSection.querySelectorAll(\".h1881-rooms__thumbnail\")\n    );\n\n    const previousButton = roomsSection.querySelector(\n        \".h1881-rooms__arrow--prev\"\n    );\n\n    const nextButton = roomsSection.querySelector(\n        \".h1881-rooms__arrow--next\"\n    );\n\n    const currentCounter = roomsSection.querySelector(\n        \".h1881-rooms__counter-current\"\n    );\n\n    const informationNumber = roomsSection.querySelector(\n        \".h1881-rooms__information-number\"\n    );\n\n    let activeIndex = 0;\n    let automaticTimer = null;\n    let userInteracted = false;\n\n    \/**\n     * Convierte un \u00edndice a formato 01, 02, 03...\n     *\/\n    function formatNumber(number) {\n        return String(number + 1).padStart(2, \"0\");\n    }\n\n    \/**\n     * Activa una habitaci\u00f3n.\n     *\/\n    function activateRoom(index, userAction) {\n        const total = slides.length;\n\n        if (!total) {\n            return;\n        }\n\n        activeIndex = (index + total) % total;\n\n        slides.forEach(function (slide, slideIndex) {\n            slide.classList.toggle(\n                \"is-active\",\n                slideIndex === activeIndex\n            );\n        });\n\n        contents.forEach(function (content, contentIndex) {\n            content.classList.toggle(\n                \"is-active\",\n                contentIndex === activeIndex\n            );\n        });\n\n        thumbnails.forEach(function (thumbnail, thumbnailIndex) {\n            const isActive = thumbnailIndex === activeIndex;\n\n            thumbnail.classList.toggle(\"is-active\", isActive);\n            thumbnail.setAttribute(\n                \"aria-pressed\",\n                isActive ? \"true\" : \"false\"\n            );\n        });\n\n        const formattedNumber = formatNumber(activeIndex);\n\n        if (currentCounter) {\n            currentCounter.textContent = formattedNumber;\n        }\n\n        if (informationNumber) {\n            informationNumber.textContent = formattedNumber;\n        }\n\n        if (userAction) {\n            userInteracted = true;\n            stopAutomaticRotation();\n        }\n    }\n\n    \/**\n     * Detiene la rotaci\u00f3n autom\u00e1tica.\n     *\/\n    function stopAutomaticRotation() {\n        if (automaticTimer) {\n            window.clearInterval(automaticTimer);\n            automaticTimer = null;\n        }\n    }\n\n    \/**\n     * Inicia el cambio autom\u00e1tico.\n     *\/\n    function startAutomaticRotation() {\n        if (\n            window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n        ) {\n            return;\n        }\n\n        automaticTimer = window.setInterval(function () {\n            if (document.hidden || userInteracted) {\n                return;\n            }\n\n            activateRoom(activeIndex + 1, false);\n        }, 6500);\n    }\n\n    if (previousButton) {\n        previousButton.addEventListener(\"click\", function () {\n            activateRoom(activeIndex - 1, true);\n        });\n    }\n\n    if (nextButton) {\n        nextButton.addEventListener(\"click\", function () {\n            activateRoom(activeIndex + 1, true);\n        });\n    }\n\n    thumbnails.forEach(function (thumbnail) {\n        thumbnail.addEventListener(\"click\", function () {\n            const targetIndex = Number(\n                thumbnail.dataset.roomTarget\n            );\n\n            activateRoom(targetIndex, true);\n        });\n    });\n\n    roomsSection.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"ArrowLeft\") {\n            activateRoom(activeIndex - 1, true);\n        }\n\n        if (event.key === \"ArrowRight\") {\n            activateRoom(activeIndex + 1, true);\n        }\n    });\n\n    document.addEventListener(\"visibilitychange\", function () {\n        if (document.hidden) {\n            stopAutomaticRotation();\n        } else if (!userInteracted && !automaticTimer) {\n            startAutomaticRotation();\n        }\n    });\n\n    \/**\n     * Animaci\u00f3n de entrada.\n     *\/\n    if (\"IntersectionObserver\" in window) {\n\n        const observer = new IntersectionObserver(\n            function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        roomsSection.classList.add(\"is-visible\");\n                        observer.disconnect();\n                    }\n                });\n            },\n            {\n                threshold: 0.13\n            }\n        );\n\n        observer.observe(roomsSection);\n\n    } else {\n        roomsSection.classList.add(\"is-visible\");\n    }\n\n    activateRoom(0, false);\n    startAutomaticRotation();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-113287f e-con-full e-flex e-con e-parent\" data-id=\"113287f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37d5ea4 elementor-widget elementor-widget-html\" data-id=\"37d5ea4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HOTEL 1881\n     LA CASA DE LOS MILAGROS\n     EXPERIENCIA RESTAURANTE INTERACTIVA\n========================================================= -->\n\n<section id=\"experiencia-restaurante\" class=\"h1881-dining\">\n\n    <!-- =====================================================\n         ESCENAS VISUALES\n    ====================================================== -->\n\n    <div class=\"h1881-dining__visual\">\n\n        <figure\n            class=\"h1881-dining__scene is-active\"\n            data-dining-scene=\"0\"\n        >\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-76-scaled.jpg\"\n                alt=\"Gastronom\u00eda de La Casa de los Milagros\"\n                loading=\"lazy\"\n            >\n        <\/figure>\n\n        <figure\n            class=\"h1881-dining__scene\"\n            data-dining-scene=\"1\"\n        >\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-77-scaled.jpg\"\n                alt=\"Mesas de La Casa de los Milagros\"\n                loading=\"lazy\"\n            >\n        <\/figure>\n\n        <figure\n            class=\"h1881-dining__scene\"\n            data-dining-scene=\"2\"\n        >\n            <img decoding=\"async\"\n                src=\"https:\/\/hoteles1881.com\/wp-content\/uploads\/2026\/05\/Cuartos-CasadelosMilagros-19-scaled.jpg\"\n                alt=\"Arquitectura y detalles hist\u00f3ricos\"\n                loading=\"lazy\"\n            >\n        <\/figure>\n\n        <div class=\"h1881-dining__visual-overlay\"><\/div>\n\n        <div class=\"h1881-dining__visual-top\">\n\n            <span class=\"h1881-dining__visual-number\">\n                1881\n            <\/span>\n\n            <span class=\"h1881-dining__visual-location\">\n                Chihuahua \u00b7 Centro Hist\u00f3rico\n            <\/span>\n\n        <\/div>\n\n        <div class=\"h1881-dining__visual-caption\">\n\n            <span>\n                Hotel 1881 presenta\n            <\/span>\n\n            <strong>\n                La Casa de los Milagros\n            <\/strong>\n\n        <\/div>\n\n        <!-- FLECHAS -->\n\n        <div class=\"h1881-dining__arrows\">\n\n            <button\n                type=\"button\"\n                class=\"h1881-dining__arrow h1881-dining__arrow--prev\"\n                aria-label=\"Experiencia anterior\"\n            >\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M19 12H5M11 6l-6 6 6 6\"><\/path>\n                <\/svg>\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"h1881-dining__arrow h1881-dining__arrow--next\"\n                aria-label=\"Siguiente experiencia\"\n            >\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PANEL EDITORIAL\n    ====================================================== -->\n\n    <div class=\"h1881-dining__editorial\">\n\n        <div class=\"h1881-dining__editorial-heading\">\n\n            <span class=\"h1881-dining__eyebrow\">\n                Gastronom\u00eda, arquitectura y sobremesa\n            <\/span>\n\n            <h2>\n                Una mesa dentro\n                <em>de la historia.<\/em>\n            <\/h2>\n\n        <\/div>\n\n\n        <!-- CONTENIDOS DIN\u00c1MICOS -->\n\n        <div class=\"h1881-dining__content-wrapper\">\n\n            <article\n                class=\"h1881-dining__content is-active\"\n                data-dining-content=\"0\"\n            >\n\n                <span class=\"h1881-dining__content-number\">\n                    01\n                <\/span>\n\n                <div>\n\n                    <span class=\"h1881-dining__content-label\">\n                        Gastronom\u00eda\n                    <\/span>\n\n                    <h3>\n                        Sabores creados\n                        <em>para compartir.<\/em>\n                    <\/h3>\n\n                    <p>\n                        Una propuesta gastron\u00f3mica para convertir cada desayuno,\n                        comida o cena en un momento especial dentro de Hotel 1881.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article\n                class=\"h1881-dining__content\"\n                data-dining-content=\"1\"\n            >\n\n                <span class=\"h1881-dining__content-number\">\n                    02\n                <\/span>\n\n                <div>\n\n                    <span class=\"h1881-dining__content-label\">\n                        Encuentros\n                    <\/span>\n\n                    <h3>\n                        El arte de la\n                        <em>sobremesa.<\/em>\n                    <\/h3>\n\n                    <p>\n                        Mesas, conversaciones y una atm\u00f3sfera \u00edntima pensada para\n                        celebrar, reunirse y disfrutar sin prisa.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article\n                class=\"h1881-dining__content\"\n                data-dining-content=\"2\"\n            >\n\n                <span class=\"h1881-dining__content-number\">\n                    03\n                <\/span>\n\n                <div>\n\n                    <span class=\"h1881-dining__content-label\">\n                        Arquitectura\n                    <\/span>\n\n                    <h3>\n                        Espacios que\n                        <em>conservan memoria.<\/em>\n                    <\/h3>\n\n                    <p>\n                        La arquitectura y los detalles originales de la casa\n                        forman parte de una experiencia profundamente ligada a\n                        Chihuahua.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- NAVEGACI\u00d3N -->\n\n        <div\n            class=\"h1881-dining__navigation\"\n            aria-label=\"Explorar la experiencia del restaurante\"\n        >\n\n            <button\n                type=\"button\"\n                class=\"h1881-dining__nav-item is-active\"\n                data-dining-target=\"0\"\n            >\n                <span>01<\/span>\n\n                <strong>Gastronom\u00eda<\/strong>\n\n                <i><\/i>\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"h1881-dining__nav-item\"\n                data-dining-target=\"1\"\n            >\n                <span>02<\/span>\n\n                <strong>Sobremesa<\/strong>\n\n                <i><\/i>\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"h1881-dining__nav-item\"\n                data-dining-target=\"2\"\n            >\n                <span>03<\/span>\n\n                <strong>Arquitectura<\/strong>\n\n                <i><\/i>\n            <\/button>\n\n        <\/div>\n\n\n        <!-- ACCIONES -->\n\n        <div class=\"h1881-dining__actions\">\n\n            <a\n                href=\"https:\/\/wa.me\/526141882793?text=Hola%2C%20quiero%20reservar%20una%20mesa%20en%20La%20Casa%20de%20los%20Milagros.\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                class=\"h1881-dining__button\"\n            >\n                <span>Reservar una mesa<\/span>\n\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/a>\n\n            <a\n                href=\"#contacto-h1881\"\n                class=\"h1881-dining__contact-link\"\n            >\n                Informaci\u00f3n y contacto\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FRANJA INFERIOR\n    ====================================================== -->\n\n    <div class=\"h1881-dining__footer\">\n\n        <div class=\"h1881-dining__footer-copy\">\n\n            <span>\n                Una casa \u00b7 Dos experiencias\n            <\/span>\n\n            <strong>\n                Hospedarse tambi\u00e9n puede significar sentarse a la mesa.\n            <\/strong>\n\n        <\/div>\n\n        <div class=\"h1881-dining__footer-details\">\n\n            <div>\n                <span>01<\/span>\n                <p>Restaurante dentro de Hotel 1881<\/p>\n            <\/div>\n\n            <div>\n                <span>02<\/span>\n                <p>Centro hist\u00f3rico de Chihuahua<\/p>\n            <\/div>\n\n            <div>\n                <span>03<\/span>\n                <p>Reservaciones por WhatsApp<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   VARIABLES Y CONTENEDOR\n========================================================= *\/\n\n#experiencia-restaurante {\n    --dining-black: #171717;\n    --dining-dark: #202020;\n    --dining-white: #ffffff;\n    --dining-cream: #f2eee8;\n    --dining-gray: #746f69;\n    --dining-line: rgba(23, 23, 23, .15);\n    --dining-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --dining-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    display: grid;\n    grid-template-columns:\n        minmax(0, 1.2fr)\n        minmax(480px, .8fr);\n    width: 100%;\n    min-height: 890px;\n    overflow: hidden;\n    background: var(--dining-black);\n}\n\n#experiencia-restaurante,\n#experiencia-restaurante * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   VISUAL PRINCIPAL\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__visual {\n    position: relative;\n    min-height: 890px;\n    overflow: hidden;\n    background: #a99e94;\n}\n\n#experiencia-restaurante .h1881-dining__scene {\n    position: absolute;\n    inset: 0;\n    margin: 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(1.08);\n    transition:\n        opacity 1s ease,\n        visibility 1s ease,\n        transform 1.7s cubic-bezier(.22, 1, .36, 1);\n}\n\n#experiencia-restaurante .h1881-dining__scene.is-active {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n}\n\n#experiencia-restaurante .h1881-dining__scene img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n#experiencia-restaurante .h1881-dining__visual-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, .24) 0%,\n            rgba(0, 0, 0, .02) 35%,\n            rgba(0, 0, 0, .10) 60%,\n            rgba(0, 0, 0, .73) 100%\n        );\n}\n\n\n\/* =========================================================\n   DETALLES SOBRE LA IMAGEN\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__visual-top {\n    position: absolute;\n    z-index: 4;\n    top: 40px;\n    right: 45px;\n    left: 45px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--dining-white);\n}\n\n#experiencia-restaurante .h1881-dining__visual-number {\n    font-family: var(--dining-serif);\n    font-size: 29px;\n    font-style: italic;\n    font-weight: 300;\n}\n\n#experiencia-restaurante .h1881-dining__visual-location {\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: .27em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .73);\n}\n\n#experiencia-restaurante .h1881-dining__visual-caption {\n    position: absolute;\n    z-index: 4;\n    right: 55px;\n    bottom: 58px;\n    left: 55px;\n    max-width: 720px;\n    color: var(--dining-white);\n}\n\n#experiencia-restaurante .h1881-dining__visual-caption span {\n    display: block;\n    margin-bottom: 13px;\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: .32em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, .64);\n}\n\n#experiencia-restaurante .h1881-dining__visual-caption strong {\n    display: block;\n    font-family: var(--dining-serif);\n    font-size: clamp(52px, 5.5vw, 92px);\n    font-weight: 300;\n    line-height: .88;\n    letter-spacing: -.035em;\n}\n\n\n\/* =========================================================\n   FLECHAS\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__arrows {\n    position: absolute;\n    z-index: 5;\n    right: 45px;\n    bottom: 45px;\n    display: flex;\n}\n\n#experiencia-restaurante .h1881-dining__arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 63px;\n    height: 63px;\n    padding: 0;\n    border: 1px solid rgba(255, 255, 255, .50);\n    background: rgba(18, 18, 18, .58);\n    color: var(--dining-white);\n    cursor: pointer;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition:\n        background .35s ease,\n        color .35s ease;\n}\n\n#experiencia-restaurante\n.h1881-dining__arrow + .h1881-dining__arrow {\n    border-left: 0;\n}\n\n#experiencia-restaurante .h1881-dining__arrow svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#experiencia-restaurante .h1881-dining__arrow:hover {\n    background: var(--dining-white);\n    color: var(--dining-black);\n}\n\n\n\/* =========================================================\n   PANEL EDITORIAL\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__editorial {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-height: 890px;\n    padding: 75px clamp(45px, 5.2vw, 92px);\n    background: var(--dining-cream);\n    color: var(--dining-black);\n}\n\n#experiencia-restaurante .h1881-dining__editorial::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 160px;\n    height: 160px;\n    opacity: .055;\n    background:\n        repeating-radial-gradient(\n            circle,\n            #171717 0,\n            #171717 1px,\n            transparent 1px,\n            transparent 8px\n        );\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__eyebrow {\n    display: block;\n    margin-bottom: 18px;\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    font-weight: 500;\n    line-height: 1.5;\n    letter-spacing: .31em;\n    text-transform: uppercase;\n    color: #756f69;\n}\n\n#experiencia-restaurante .h1881-dining__editorial-heading h2 {\n    max-width: 670px;\n    margin: 0;\n    font-family: var(--dining-serif);\n    font-size: clamp(55px, 5vw, 84px);\n    font-weight: 300;\n    line-height: .86;\n    letter-spacing: -.04em;\n}\n\n#experiencia-restaurante .h1881-dining__editorial-heading h2 em {\n    display: block;\n    margin-top: 14px;\n    font-weight: 300;\n}\n\n\n\/* =========================================================\n   CONTENIDO DIN\u00c1MICO\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__content-wrapper {\n    position: relative;\n    min-height: 245px;\n    margin-top: 49px;\n}\n\n#experiencia-restaurante .h1881-dining__content {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    grid-template-columns: 48px 1fr;\n    gap: 25px;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(16px);\n    transition:\n        opacity .55s ease,\n        visibility .55s ease,\n        transform .7s cubic-bezier(.22, 1, .36, 1);\n}\n\n#experiencia-restaurante .h1881-dining__content.is-active {\n    position: relative;\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n}\n\n#experiencia-restaurante .h1881-dining__content-number {\n    font-family: var(--dining-serif);\n    font-size: 26px;\n    font-style: italic;\n    line-height: 1;\n    color: #9c948d;\n}\n\n#experiencia-restaurante .h1881-dining__content-label {\n    display: block;\n    margin-bottom: 13px;\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: .28em;\n    text-transform: uppercase;\n    color: #817a74;\n}\n\n#experiencia-restaurante .h1881-dining__content h3 {\n    max-width: 560px;\n    margin: 0;\n    font-family: var(--dining-serif);\n    font-size: clamp(38px, 3.4vw, 56px);\n    font-weight: 300;\n    line-height: .92;\n}\n\n#experiencia-restaurante .h1881-dining__content h3 em {\n    display: block;\n    margin-top: 8px;\n    font-weight: 300;\n}\n\n#experiencia-restaurante .h1881-dining__content p {\n    max-width: 520px;\n    margin: 22px 0 0;\n    font-family: var(--dining-sans);\n    font-size: 11px;\n    line-height: 1.9;\n    color: var(--dining-gray);\n}\n\n\n\/* =========================================================\n   NAVEGACI\u00d3N\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__navigation {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    margin-top: 30px;\n    border-top: 1px solid var(--dining-line);\n    border-bottom: 1px solid var(--dining-line);\n}\n\n#experiencia-restaurante .h1881-dining__nav-item {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    min-height: 88px;\n    padding: 20px 16px;\n    border: 0;\n    border-right: 1px solid var(--dining-line);\n    background: transparent;\n    color: #8a837d;\n    text-align: left;\n    cursor: pointer;\n    transition:\n        background .35s ease,\n        color .35s ease;\n}\n\n#experiencia-restaurante .h1881-dining__nav-item:last-child {\n    border-right: 0;\n}\n\n#experiencia-restaurante .h1881-dining__nav-item span {\n    margin-bottom: 9px;\n    font-family: var(--dining-serif);\n    font-size: 18px;\n    font-style: italic;\n}\n\n#experiencia-restaurante .h1881-dining__nav-item strong {\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n}\n\n#experiencia-restaurante .h1881-dining__nav-item i {\n    position: absolute;\n    right: 16px;\n    bottom: 0;\n    left: 16px;\n    height: 2px;\n    background: var(--dining-black);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform .45s cubic-bezier(.22, 1, .36, 1);\n}\n\n#experiencia-restaurante .h1881-dining__nav-item.is-active {\n    background: rgba(255, 255, 255, .47);\n    color: var(--dining-black);\n}\n\n#experiencia-restaurante .h1881-dining__nav-item.is-active i {\n    transform: scaleX(1);\n}\n\n\n\/* =========================================================\n   ACCIONES\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 25px;\n    margin-top: 36px;\n}\n\n#experiencia-restaurante .h1881-dining__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 23px;\n    min-height: 57px;\n    padding: 0 25px;\n    border: 1px solid var(--dining-black);\n    background: var(--dining-black);\n    color: var(--dining-white);\n    text-decoration: none !important;\n    transition:\n        background .35s ease,\n        color .35s ease,\n        transform .35s ease;\n}\n\n#experiencia-restaurante .h1881-dining__button span,\n#experiencia-restaurante .h1881-dining__contact-link {\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n}\n\n#experiencia-restaurante .h1881-dining__button svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform .35s ease;\n}\n\n#experiencia-restaurante .h1881-dining__button:hover {\n    background: transparent;\n    color: var(--dining-black);\n    transform: translateY(-2px);\n}\n\n#experiencia-restaurante .h1881-dining__button:hover svg {\n    transform: translateX(4px);\n}\n\n#experiencia-restaurante .h1881-dining__contact-link {\n    color: #706a65;\n    text-decoration: none !important;\n    border-bottom: 1px solid rgba(23, 23, 23, .4);\n    padding-bottom: 6px;\n}\n\n#experiencia-restaurante .h1881-dining__contact-link:hover {\n    color: var(--dining-black);\n}\n\n\n\/* =========================================================\n   FRANJA INFERIOR\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__footer {\n    grid-column: 1 \/ -1;\n    display: grid;\n    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);\n    min-height: 190px;\n    background: var(--dining-white);\n}\n\n#experiencia-restaurante .h1881-dining__footer-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 40px clamp(35px, 5vw, 80px);\n    border-right: 1px solid var(--dining-line);\n}\n\n#experiencia-restaurante .h1881-dining__footer-copy span {\n    margin-bottom: 11px;\n    font-family: var(--dining-sans);\n    font-size: 8px;\n    letter-spacing: .3em;\n    text-transform: uppercase;\n    color: #8c857e;\n}\n\n#experiencia-restaurante .h1881-dining__footer-copy strong {\n    max-width: 660px;\n    font-family: var(--dining-serif);\n    font-size: clamp(30px, 3vw, 47px);\n    font-weight: 300;\n    line-height: 1;\n    color: var(--dining-black);\n}\n\n#experiencia-restaurante .h1881-dining__footer-details {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n}\n\n#experiencia-restaurante .h1881-dining__footer-details > div {\n    display: flex;\n    align-items: flex-start;\n    gap: 17px;\n    padding: 47px 27px;\n    border-right: 1px solid var(--dining-line);\n}\n\n#experiencia-restaurante\n.h1881-dining__footer-details > div:last-child {\n    border-right: 0;\n}\n\n#experiencia-restaurante .h1881-dining__footer-details span {\n    font-family: var(--dining-serif);\n    font-size: 20px;\n    font-style: italic;\n    color: #9b938c;\n}\n\n#experiencia-restaurante .h1881-dining__footer-details p {\n    margin: 0;\n    font-family: var(--dining-sans);\n    font-size: 10px;\n    line-height: 1.7;\n    color: var(--dining-gray);\n}\n\n\n\/* =========================================================\n   ENTRADA\n========================================================= *\/\n\n#experiencia-restaurante .h1881-dining__visual,\n#experiencia-restaurante .h1881-dining__editorial,\n#experiencia-restaurante .h1881-dining__footer {\n    opacity: 0;\n    transform: translateY(30px);\n    transition:\n        opacity .9s ease,\n        transform 1s cubic-bezier(.22, 1, .36, 1);\n}\n\n#experiencia-restaurante.is-visible .h1881-dining__visual,\n#experiencia-restaurante.is-visible .h1881-dining__editorial,\n#experiencia-restaurante.is-visible .h1881-dining__footer {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n#experiencia-restaurante.is-visible .h1881-dining__editorial {\n    transition-delay: .12s;\n}\n\n#experiencia-restaurante.is-visible .h1881-dining__footer {\n    transition-delay: .22s;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    #experiencia-restaurante {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    #experiencia-restaurante .h1881-dining__editorial {\n        padding: 60px 38px;\n    }\n\n    #experiencia-restaurante .h1881-dining__footer {\n        grid-template-columns: 1fr;\n    }\n\n    #experiencia-restaurante .h1881-dining__footer-copy {\n        border-right: 0;\n        border-bottom: 1px solid var(--dining-line);\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #experiencia-restaurante {\n        display: block;\n        min-height: 0;\n    }\n\n    #experiencia-restaurante .h1881-dining__visual {\n        min-height: 620px;\n    }\n\n    #experiencia-restaurante .h1881-dining__visual-top {\n        top: 25px;\n        right: 24px;\n        left: 24px;\n    }\n\n    #experiencia-restaurante .h1881-dining__visual-location {\n        max-width: 180px;\n        text-align: right;\n    }\n\n    #experiencia-restaurante .h1881-dining__visual-caption {\n        right: 24px;\n        bottom: 112px;\n        left: 24px;\n    }\n\n    #experiencia-restaurante .h1881-dining__visual-caption strong {\n        font-size: 53px;\n    }\n\n    #experiencia-restaurante .h1881-dining__arrows {\n        right: 24px;\n        bottom: 24px;\n    }\n\n    #experiencia-restaurante .h1881-dining__arrow {\n        width: 56px;\n        height: 56px;\n    }\n\n    #experiencia-restaurante .h1881-dining__editorial {\n        min-height: 0;\n        padding: 60px 24px 65px;\n    }\n\n    #experiencia-restaurante\n    .h1881-dining__editorial-heading h2 {\n        font-size: 54px;\n    }\n\n    #experiencia-restaurante .h1881-dining__content-wrapper {\n        min-height: 300px;\n        margin-top: 42px;\n    }\n\n    #experiencia-restaurante .h1881-dining__content {\n        grid-template-columns: 35px 1fr;\n        gap: 14px;\n    }\n\n    #experiencia-restaurante .h1881-dining__content h3 {\n        font-size: 42px;\n    }\n\n    #experiencia-restaurante .h1881-dining__navigation {\n        grid-template-columns: 1fr;\n    }\n\n    #experiencia-restaurante .h1881-dining__nav-item {\n        min-height: 67px;\n        border-right: 0;\n        border-bottom: 1px solid var(--dining-line);\n    }\n\n    #experiencia-restaurante\n    .h1881-dining__nav-item:last-child {\n        border-bottom: 0;\n    }\n\n    #experiencia-restaurante .h1881-dining__actions {\n        align-items: stretch;\n        flex-direction: column;\n    }\n\n    #experiencia-restaurante .h1881-dining__button {\n        width: 100%;\n    }\n\n    #experiencia-restaurante .h1881-dining__contact-link {\n        align-self: flex-start;\n    }\n\n    #experiencia-restaurante .h1881-dining__footer {\n        display: block;\n    }\n\n    #experiencia-restaurante .h1881-dining__footer-copy {\n        padding: 47px 24px;\n    }\n\n    #experiencia-restaurante .h1881-dining__footer-details {\n        grid-template-columns: 1fr;\n    }\n\n    #experiencia-restaurante\n    .h1881-dining__footer-details > div {\n        padding: 28px 24px;\n        border-right: 0;\n        border-bottom: 1px solid var(--dining-line);\n    }\n\n    #experiencia-restaurante\n    .h1881-dining__footer-details > div:last-child {\n        border-bottom: 0;\n    }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #experiencia-restaurante *,\n    #experiencia-restaurante *::before,\n    #experiencia-restaurante *::after {\n        transition-duration: .01ms !important;\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n    }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n    \"use strict\";\n\n    const diningSection = document.getElementById(\n        \"experiencia-restaurante\"\n    );\n\n    if (\n        !diningSection ||\n        diningSection.dataset.diningInitialized === \"true\"\n    ) {\n        return;\n    }\n\n    diningSection.dataset.diningInitialized = \"true\";\n\n    const scenes = Array.from(\n        diningSection.querySelectorAll(\".h1881-dining__scene\")\n    );\n\n    const contents = Array.from(\n        diningSection.querySelectorAll(\".h1881-dining__content\")\n    );\n\n    const navigationItems = Array.from(\n        diningSection.querySelectorAll(\".h1881-dining__nav-item\")\n    );\n\n    const previousButton = diningSection.querySelector(\n        \".h1881-dining__arrow--prev\"\n    );\n\n    const nextButton = diningSection.querySelector(\n        \".h1881-dining__arrow--next\"\n    );\n\n    let activeIndex = 0;\n    let automaticTimer = null;\n    let userInteracted = false;\n\n\n    \/**\n     * Activa una escena visual y su contenido correspondiente.\n     *\/\n    function activateDiningScene(index, userAction) {\n        const totalScenes = scenes.length;\n\n        if (!totalScenes) {\n            return;\n        }\n\n        activeIndex = (index + totalScenes) % totalScenes;\n\n        scenes.forEach(function (scene, sceneIndex) {\n            scene.classList.toggle(\n                \"is-active\",\n                sceneIndex === activeIndex\n            );\n        });\n\n        contents.forEach(function (content, contentIndex) {\n            content.classList.toggle(\n                \"is-active\",\n                contentIndex === activeIndex\n            );\n        });\n\n        navigationItems.forEach(function (item, itemIndex) {\n            const isActive = itemIndex === activeIndex;\n\n            item.classList.toggle(\"is-active\", isActive);\n\n            item.setAttribute(\n                \"aria-pressed\",\n                isActive ? \"true\" : \"false\"\n            );\n        });\n\n        if (userAction) {\n            userInteracted = true;\n            stopAutomaticRotation();\n        }\n    }\n\n\n    \/**\n     * Detiene el cambio autom\u00e1tico.\n     *\/\n    function stopAutomaticRotation() {\n        if (automaticTimer) {\n            window.clearInterval(automaticTimer);\n            automaticTimer = null;\n        }\n    }\n\n\n    \/**\n     * Inicia el cambio autom\u00e1tico de escenas.\n     *\/\n    function startAutomaticRotation() {\n        if (\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        automaticTimer = window.setInterval(function () {\n            if (document.hidden || userInteracted) {\n                return;\n            }\n\n            activateDiningScene(activeIndex + 1, false);\n        }, 6500);\n    }\n\n\n    navigationItems.forEach(function (navigationItem) {\n        navigationItem.addEventListener(\"click\", function () {\n            const targetIndex = Number(\n                navigationItem.dataset.diningTarget\n            );\n\n            activateDiningScene(targetIndex, true);\n        });\n    });\n\n\n    if (previousButton) {\n        previousButton.addEventListener(\"click\", function () {\n            activateDiningScene(activeIndex - 1, true);\n        });\n    }\n\n\n    if (nextButton) {\n        nextButton.addEventListener(\"click\", function () {\n            activateDiningScene(activeIndex + 1, true);\n        });\n    }\n\n\n    \/**\n     * Soporte b\u00e1sico para gesto horizontal en m\u00f3vil.\n     *\/\n    let touchStartX = 0;\n    let touchEndX = 0;\n\n    diningSection.addEventListener(\n        \"touchstart\",\n        function (event) {\n            touchStartX = event.changedTouches[0].screenX;\n        },\n        {\n            passive: true\n        }\n    );\n\n    diningSection.addEventListener(\n        \"touchend\",\n        function (event) {\n            touchEndX = event.changedTouches[0].screenX;\n\n            const difference = touchStartX - touchEndX;\n\n            if (Math.abs(difference) < 55) {\n                return;\n            }\n\n            if (difference > 0) {\n                activateDiningScene(activeIndex + 1, true);\n            } else {\n                activateDiningScene(activeIndex - 1, true);\n            }\n        },\n        {\n            passive: true\n        }\n    );\n\n\n    document.addEventListener(\"visibilitychange\", function () {\n        if (document.hidden) {\n            stopAutomaticRotation();\n        } else if (!userInteracted && !automaticTimer) {\n            startAutomaticRotation();\n        }\n    });\n\n\n    \/**\n     * Animaci\u00f3n de entrada.\n     *\/\n    if (\"IntersectionObserver\" in window) {\n\n        const observer = new IntersectionObserver(\n            function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        diningSection.classList.add(\"is-visible\");\n                        observer.disconnect();\n                    }\n                });\n            },\n            {\n                threshold: 0.12\n            }\n        );\n\n        observer.observe(diningSection);\n\n    } else {\n        diningSection.classList.add(\"is-visible\");\n    }\n\n\n    activateDiningScene(0, false);\n    startAutomaticRotation();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8613fa9 e-con-full e-flex e-con e-parent\" data-id=\"8613fa9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f37ecaf elementor-widget elementor-widget-html\" data-id=\"f37ecaf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     SECCI\u00d3N 06 \u2014 EXPERIENCIAS Y AMENIDADES\n========================================================= -->\n\n<section id=\"experiencias-h1881\" class=\"h1881-experiences\">\n\n    <div class=\"h1881-experiences__header\">\n\n        <span>M\u00e1s que hospedaje<\/span>\n\n        <h2>\n            Todo sucede\n            <em>dentro de una misma casa.<\/em>\n        <\/h2>\n\n        <p>\n            Descanso, gastronom\u00eda, arquitectura y hospitalidad reunidos en una\n            experiencia que puede vivirse a cualquier ritmo.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"h1881-experiences__grid\">\n\n        <article class=\"h1881-experiences__item\">\n\n            <span class=\"h1881-experiences__number\">01<\/span>\n\n            <div class=\"h1881-experiences__icon\">H<\/div>\n\n            <h3>Habitaciones boutique<\/h3>\n\n            <p>\n                Espacios de descanso con dise\u00f1o individual, car\u00e1cter hist\u00f3rico\n                y atenci\u00f3n personalizada.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"h1881-experiences__item\">\n\n            <span class=\"h1881-experiences__number\">02<\/span>\n\n            <div class=\"h1881-experiences__icon\">M<\/div>\n\n            <h3>Restaurante gastron\u00f3mico<\/h3>\n\n            <p>\n                Cocina, encuentros y sobremesas dentro de La Casa de los\n                Milagros.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"h1881-experiences__item\">\n\n            <span class=\"h1881-experiences__number\">03<\/span>\n\n            <div class=\"h1881-experiences__icon\">T<\/div>\n\n            <h3>Terraza y jard\u00edn interior<\/h3>\n\n            <p>\n                Un espacio tranquilo donde el tiempo se detiene dentro del\n                centro de la ciudad.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"h1881-experiences__item\">\n\n            <span class=\"h1881-experiences__number\">04<\/span>\n\n            <div class=\"h1881-experiences__icon\">1881<\/div>\n\n            <h3>Arquitectura con historia<\/h3>\n\n            <p>\n                Elementos originales, detalles restaurados y una propiedad que\n                conserva su memoria.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"h1881-experiences__item\">\n\n            <span class=\"h1881-experiences__number\">05<\/span>\n\n            <div class=\"h1881-experiences__icon\">C<\/div>\n\n            <h3>Ubicaci\u00f3n privilegiada<\/h3>\n\n            <p>\n                En el centro de Chihuahua, cerca de los principales puntos\n                culturales y comerciales.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"h1881-experiences__item h1881-experiences__item--dark\">\n\n            <span class=\"h1881-experiences__number\">06<\/span>\n\n            <div class=\"h1881-experiences__closing\">\n\n                <span>Hotel 1881<\/span>\n\n                <h3>\n                    Una experiencia creada\n                    <em>para habitar despacio.<\/em>\n                <\/h3>\n\n                <a href=\"#reservar-habitacion\">\n                    Reservar estancia\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n#experiencias-h1881 {\n    --exp-black: #181818;\n    --exp-white: #fff;\n    --exp-cream: #f3efe9;\n    --exp-gray: #716d68;\n    --exp-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --exp-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    width: 100%;\n    padding: 130px 0;\n    background: var(--exp-white);\n}\n\n#experiencias-h1881,\n#experiencias-h1881 * {\n    box-sizing: border-box;\n}\n\n#experiencias-h1881 .h1881-experiences__header {\n    width: min(850px, calc(100% - 48px));\n    margin: 0 auto 80px;\n    text-align: center;\n}\n\n#experiencias-h1881 .h1881-experiences__header > span {\n    font-family: var(--exp-sans);\n    font-size: 9px;\n    letter-spacing: .33em;\n    text-transform: uppercase;\n    color: var(--exp-gray);\n}\n\n#experiencias-h1881 .h1881-experiences__header h2 {\n    margin: 20px 0 30px;\n    font-family: var(--exp-serif);\n    font-size: clamp(58px, 6.4vw, 100px);\n    font-weight: 300;\n    line-height: .85;\n    letter-spacing: -.04em;\n    color: var(--exp-black);\n}\n\n#experiencias-h1881 .h1881-experiences__header h2 em {\n    display: block;\n    margin-top: 17px;\n    font-weight: 300;\n}\n\n#experiencias-h1881 .h1881-experiences__header p {\n    max-width: 650px;\n    margin: auto;\n    font-family: var(--exp-sans);\n    font-size: 12px;\n    line-height: 1.9;\n    color: var(--exp-gray);\n}\n\n#experiencias-h1881 .h1881-experiences__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    width: min(1380px, calc(100% - 80px));\n    margin: auto;\n    border-top: 1px solid rgba(24,24,24,.16);\n    border-left: 1px solid rgba(24,24,24,.16);\n}\n\n#experiencias-h1881 .h1881-experiences__item {\n    position: relative;\n    min-height: 390px;\n    padding: 45px;\n    border-right: 1px solid rgba(24,24,24,.16);\n    border-bottom: 1px solid rgba(24,24,24,.16);\n    background: var(--exp-white);\n    transition: transform .45s ease, background .45s ease;\n}\n\n#experiencias-h1881 .h1881-experiences__item:hover {\n    z-index: 2;\n    background: var(--exp-cream);\n    transform: translateY(-8px);\n    box-shadow: 0 24px 60px rgba(0,0,0,.08);\n}\n\n#experiencias-h1881 .h1881-experiences__number {\n    position: absolute;\n    top: 25px;\n    right: 28px;\n    font-family: var(--exp-serif);\n    font-size: 22px;\n    font-style: italic;\n    color: #99918a;\n}\n\n#experiencias-h1881 .h1881-experiences__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 66px;\n    height: 66px;\n    margin-bottom: 65px;\n    border: 1px solid var(--exp-black);\n    font-family: var(--exp-serif);\n    font-size: 24px;\n    color: var(--exp-black);\n}\n\n#experiencias-h1881 .h1881-experiences__item h3 {\n    max-width: 300px;\n    margin: 0 0 18px;\n    font-family: var(--exp-serif);\n    font-size: 34px;\n    font-weight: 300;\n    line-height: 1;\n    color: var(--exp-black);\n}\n\n#experiencias-h1881 .h1881-experiences__item p {\n    max-width: 340px;\n    margin: 0;\n    font-family: var(--exp-sans);\n    font-size: 11px;\n    line-height: 1.8;\n    color: var(--exp-gray);\n}\n\n#experiencias-h1881 .h1881-experiences__item--dark,\n#experiencias-h1881 .h1881-experiences__item--dark:hover {\n    display: flex;\n    align-items: flex-end;\n    background: var(--exp-black);\n    color: var(--exp-white);\n}\n\n#experiencias-h1881 .h1881-experiences__item--dark .h1881-experiences__number {\n    color: rgba(255,255,255,.5);\n}\n\n#experiencias-h1881 .h1881-experiences__closing > span {\n    font-family: var(--exp-sans);\n    font-size: 8px;\n    letter-spacing: .3em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.55);\n}\n\n#experiencias-h1881 .h1881-experiences__closing h3 {\n    max-width: 400px;\n    margin: 18px 0 28px;\n    font-size: 41px;\n    color: var(--exp-white);\n}\n\n#experiencias-h1881 .h1881-experiences__closing h3 em {\n    display: block;\n    font-weight: 300;\n}\n\n#experiencias-h1881 .h1881-experiences__closing a {\n    font-family: var(--exp-sans);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: var(--exp-white);\n    text-decoration: none !important;\n    border-bottom: 1px solid rgba(255,255,255,.6);\n    padding-bottom: 7px;\n}\n\n@media (max-width: 1024px) {\n    #experiencias-h1881 .h1881-experiences__grid {\n        grid-template-columns: repeat(2, 1fr);\n        width: calc(100% - 48px);\n    }\n}\n\n@media (max-width: 767px) {\n    #experiencias-h1881 {\n        padding: 80px 0;\n    }\n\n    #experiencias-h1881 .h1881-experiences__header {\n        margin-bottom: 52px;\n    }\n\n    #experiencias-h1881 .h1881-experiences__header h2 {\n        font-size: 53px;\n    }\n\n    #experiencias-h1881 .h1881-experiences__grid {\n        grid-template-columns: 1fr;\n        width: calc(100% - 48px);\n    }\n\n    #experiencias-h1881 .h1881-experiences__item {\n        min-height: 340px;\n        padding: 35px 28px;\n    }\n\n    #experiencias-h1881 .h1881-experiences__icon {\n        margin-bottom: 52px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6170279 e-con-full e-flex e-con e-parent\" data-id=\"6170279\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6243c2e elementor-widget elementor-widget-html\" data-id=\"6243c2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     SECCI\u00d3N 07 \u2014 UBICACI\u00d3N Y CONTACTO\n========================================================= -->\n\n<section id=\"contacto-h1881\" class=\"h1881-contact\">\n\n    <div class=\"h1881-contact__map\">\n\n        <iframe\n            src=\"https:\/\/www.google.com\/maps?q=Calle+Guadalupe+Victoria+812,+Zona+Centro,+Chihuahua,+Mexico&output=embed\"\n            loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n            title=\"Ubicaci\u00f3n de Hotel 1881\"\n        ><\/iframe>\n\n        <div class=\"h1881-contact__address\">\n            <span>Hotel 1881<\/span>\n\n            <strong>\n                Calle Guadalupe Victoria 812\n            <\/strong>\n\n            <p>\n                Zona Centro, Chihuahua, Chihuahua.\n            <\/p>\n\n            <a\n                href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Calle+Guadalupe+Victoria+812+Chihuahua\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                C\u00f3mo llegar\n            <\/a>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"h1881-contact__information\">\n\n        <div class=\"h1881-contact__heading\">\n\n            <span>Estamos para recibirte<\/span>\n\n            <h2>\n                Planea tu\n                <em>pr\u00f3xima visita.<\/em>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"h1881-contact__columns\">\n\n            <div class=\"h1881-contact__column\">\n\n                <span class=\"h1881-contact__label\">\n                    Atenci\u00f3n\n                <\/span>\n\n                <a href=\"tel:+526141882793\">\n                    +52 614 188 27 93\n                <\/a>\n\n                <a\n                    href=\"https:\/\/wa.me\/526141882793\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                >\n                    Contactar por WhatsApp\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"h1881-contact__column\">\n\n                <span class=\"h1881-contact__label\">\n                    Informaci\u00f3n\n                <\/span>\n\n                <a href=\"mailto:info@hoteles1881.com\">\n                    info@hoteles1881.com\n                <\/a>\n\n                <a href=\"mailto:reservaciones@hoteles1881.com\">\n                    reservaciones@hoteles1881.com\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"h1881-contact__booking\">\n\n            <div>\n                <span>\u00bfDeseas hospedarte?<\/span>\n\n                <strong>\n                    Consulta las habitaciones disponibles.\n                <\/strong>\n            <\/div>\n\n            <a href=\"#reservar-habitacion\">\n                <span>Reservar estancia<\/span>\n\n                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n            <\/a>\n\n        <\/div>\n\n\n        <div id=\"reservar-mesa\" class=\"h1881-contact__restaurant\">\n\n            <div>\n                <span>La Casa de los Milagros<\/span>\n\n                <strong>\n                    Reserva tu mesa directamente con nuestro equipo.\n                <\/strong>\n            <\/div>\n\n            <a\n                href=\"https:\/\/wa.me\/526141882793?text=Hola%2C%20quiero%20reservar%20una%20mesa%20en%20La%20Casa%20de%20los%20Milagros.\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                Reservar mesa\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n#contacto-h1881 {\n    --contact-black: #181818;\n    --contact-dark: #222;\n    --contact-white: #fff;\n    --contact-cream: #f3efe9;\n    --contact-gray: #77716b;\n    --contact-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --contact-sans: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n    min-height: 820px;\n    background: var(--contact-black);\n}\n\n#contacto-h1881,\n#contacto-h1881 * {\n    box-sizing: border-box;\n}\n\n#contacto-h1881 .h1881-contact__map {\n    position: relative;\n    min-height: 820px;\n    overflow: hidden;\n    background: #ddd;\n}\n\n#contacto-h1881 .h1881-contact__map iframe {\n    width: 100%;\n    height: 100%;\n    min-height: 820px;\n    border: 0;\n    filter: grayscale(1) contrast(.9);\n}\n\n#contacto-h1881 .h1881-contact__address {\n    position: absolute;\n    bottom: 35px;\n    left: 35px;\n    width: min(390px, calc(100% - 70px));\n    padding: 30px;\n    background: rgba(24,24,24,.92);\n    color: var(--contact-white);\n    backdrop-filter: blur(12px);\n}\n\n#contacto-h1881 .h1881-contact__address span,\n#contacto-h1881 .h1881-contact__heading > span,\n#contacto-h1881 .h1881-contact__label,\n#contacto-h1881 .h1881-contact__booking span,\n#contacto-h1881 .h1881-contact__restaurant span {\n    font-family: var(--contact-sans);\n    font-size: 8px;\n    letter-spacing: .28em;\n    text-transform: uppercase;\n}\n\n#contacto-h1881 .h1881-contact__address span {\n    color: rgba(255,255,255,.55);\n}\n\n#contacto-h1881 .h1881-contact__address strong {\n    display: block;\n    margin: 12px 0 7px;\n    font-family: var(--contact-serif);\n    font-size: 27px;\n    font-weight: 300;\n}\n\n#contacto-h1881 .h1881-contact__address p {\n    margin: 0 0 18px;\n    font-family: var(--contact-sans);\n    font-size: 11px;\n    color: rgba(255,255,255,.65);\n}\n\n#contacto-h1881 .h1881-contact__address a {\n    font-family: var(--contact-sans);\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: var(--contact-white);\n    text-decoration: none !important;\n    border-bottom: 1px solid rgba(255,255,255,.6);\n    padding-bottom: 6px;\n}\n\n#contacto-h1881 .h1881-contact__information {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 80px clamp(40px, 6vw, 100px);\n    color: var(--contact-white);\n}\n\n#contacto-h1881 .h1881-contact__heading > span {\n    color: rgba(255,255,255,.55);\n}\n\n#contacto-h1881 .h1881-contact__heading h2 {\n    margin: 20px 0 58px;\n    font-family: var(--contact-serif);\n    font-size: clamp(55px, 5.5vw, 88px);\n    font-weight: 300;\n    line-height: .86;\n    letter-spacing: -.04em;\n}\n\n#contacto-h1881 .h1881-contact__heading h2 em {\n    display: block;\n    margin-top: 14px;\n    font-weight: 300;\n}\n\n#contacto-h1881 .h1881-contact__columns {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    padding: 36px 0;\n    border-top: 1px solid rgba(255,255,255,.17);\n    border-bottom: 1px solid rgba(255,255,255,.17);\n}\n\n#contacto-h1881 .h1881-contact__column {\n    display: flex;\n    flex-direction: column;\n    gap: 13px;\n}\n\n#contacto-h1881 .h1881-contact__label {\n    margin-bottom: 8px;\n    color: rgba(255,255,255,.48);\n}\n\n#contacto-h1881 .h1881-contact__column a {\n    font-family: var(--contact-sans);\n    font-size: 12px;\n    color: rgba(255,255,255,.82);\n    text-decoration: none !important;\n}\n\n#contacto-h1881 .h1881-contact__column a:hover {\n    color: var(--contact-white);\n}\n\n#contacto-h1881 .h1881-contact__booking,\n#contacto-h1881 .h1881-contact__restaurant {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    padding: 28px 0;\n    border-bottom: 1px solid rgba(255,255,255,.17);\n}\n\n#contacto-h1881 .h1881-contact__booking span,\n#contacto-h1881 .h1881-contact__restaurant span {\n    display: block;\n    margin-bottom: 8px;\n    color: rgba(255,255,255,.45);\n}\n\n#contacto-h1881 .h1881-contact__booking strong,\n#contacto-h1881 .h1881-contact__restaurant strong {\n    font-family: var(--contact-serif);\n    font-size: 25px;\n    font-weight: 300;\n}\n\n#contacto-h1881 .h1881-contact__booking > a,\n#contacto-h1881 .h1881-contact__restaurant > a {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 18px;\n    min-height: 48px;\n    padding: 0 20px;\n    border: 1px solid rgba(255,255,255,.65);\n    font-family: var(--contact-sans);\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: .19em;\n    text-transform: uppercase;\n    color: var(--contact-white);\n    text-decoration: none !important;\n    transition: .3s ease;\n}\n\n#contacto-h1881 .h1881-contact__booking > a:hover,\n#contacto-h1881 .h1881-contact__restaurant > a:hover {\n    background: var(--contact-white);\n    color: var(--contact-black);\n}\n\n#contacto-h1881 .h1881-contact__booking svg {\n    width: 17px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n}\n\n@media (max-width: 1024px) {\n    #contacto-h1881 {\n        grid-template-columns: 1fr;\n    }\n\n    #contacto-h1881 .h1881-contact__map,\n    #contacto-h1881 .h1881-contact__map iframe {\n        min-height: 600px;\n    }\n}\n\n@media (max-width: 767px) {\n    #contacto-h1881 .h1881-contact__map,\n    #contacto-h1881 .h1881-contact__map iframe {\n        min-height: 520px;\n    }\n\n    #contacto-h1881 .h1881-contact__address {\n        right: 20px;\n        bottom: 20px;\n        left: 20px;\n        width: auto;\n        padding: 24px;\n    }\n\n    #contacto-h1881 .h1881-contact__information {\n        padding: 65px 24px;\n    }\n\n    #contacto-h1881 .h1881-contact__heading h2 {\n        font-size: 53px;\n        margin-bottom: 45px;\n    }\n\n    #contacto-h1881 .h1881-contact__columns {\n        grid-template-columns: 1fr;\n        gap: 35px;\n    }\n\n    #contacto-h1881 .h1881-contact__booking,\n    #contacto-h1881 .h1881-contact__restaurant {\n        align-items: flex-start;\n        flex-direction: column;\n    }\n\n    #contacto-h1881 .h1881-contact__booking > a,\n    #contacto-h1881 .h1881-contact__restaurant > a {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hospedaje con historia Hotel 1881 Descansa dentro de una casa hist\u00f3rica en el coraz\u00f3n de Chihuahua, rodeado de arquitectura, calma y hospitalidad. Reservar habitaci\u00f3n Gastronom\u00eda con identidad La Casa de los Milagros Sabores, encuentros y sobremesas dentro de un espacio que conserva la esencia y la memoria de la ciudad. Reservar una mesa En el [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8391","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/pages\/8391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/comments?post=8391"}],"version-history":[{"count":49,"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/pages\/8391\/revisions"}],"predecessor-version":[{"id":8480,"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/pages\/8391\/revisions\/8480"}],"wp:attachment":[{"href":"https:\/\/hoteles1881.com\/en\/wp-json\/wp\/v2\/media?parent=8391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}