{"id":11,"date":"2025-12-05T00:07:25","date_gmt":"2025-12-05T00:07:25","guid":{"rendered":"https:\/\/yellow-scorpion-762147.hostingersite.com\/?page_id=11"},"modified":"2026-09-10T03:12:25","modified_gmt":"2026-09-10T03:12:25","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ipalaglamcontainer.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddf287e e-con-full e-flex e-con e-parent\" data-id=\"ddf287e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bac40b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6bac40b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     HERO + RESERVA + WHATSAPP\r\n     CINEMATIC INTRO\r\n     ELEMENTOR EDITOR SAFE\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"ipala-booking-hero\" id=\"inicio\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDER\r\n    ====================================================== -->\r\n\r\n    <div class=\"ipala-booking-slider\">\r\n\r\n        <div\r\n            class=\"ipala-booking-slide active\"\r\n            style=\"background-image:url('https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/08\/033.png');\"\r\n        ><\/div>\r\n\r\n        <div\r\n            class=\"ipala-booking-slide\"\r\n            style=\"background-image:url('https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/08\/011.png');\"\r\n        ><\/div>\r\n\r\n        <div\r\n            class=\"ipala-booking-slide\"\r\n            style=\"background-image:url('https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/08\/022.png');\"\r\n        ><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- OVERLAY -->\r\n    <div class=\"ipala-booking-overlay\"><\/div>\r\n\r\n\r\n    <!-- GRANO CINEMATOGR\u00c1FICO -->\r\n    <div class=\"ipala-booking-grain\"><\/div>\r\n\r\n\r\n    <!-- DESTELLO -->\r\n    <div class=\"ipala-booking-light\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CORTINA CINEMATOGR\u00c1FICA\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"ipala-booking-intro\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <div class=\"ipala-booking-intro-left\"><\/div>\r\n\r\n        <div class=\"ipala-booking-intro-right\"><\/div>\r\n\r\n\r\n        <div class=\"ipala-booking-intro-brand\">\r\n\r\n            <span class=\"ipala-booking-intro-line\"><\/span>\r\n\r\n            <strong>\r\n                IPALA\r\n            <\/strong>\r\n\r\n            <small>\r\n                GLAM CONTAINER\r\n            <\/small>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENIDO\r\n    ====================================================== -->\r\n\r\n    <div class=\"ipala-booking-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             COPY\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-booking-copy\">\r\n\r\n\r\n            <div class=\"ipala-booking-eyebrow\">\r\n\r\n                <span><\/span>\r\n\r\n                <div>\r\n                    IPALA \u00b7 JALISCO\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- TITULAR -->\r\n\r\n            <h1>\r\n\r\n\r\n                <span class=\"ipala-booking-title-line\">\r\n\r\n                    <span>\r\n                        Donde el mar\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"ipala-booking-title-line\">\r\n\r\n                    <span>\r\n                        se convierte en\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span\r\n                    class=\"ipala-booking-title-line ipala-booking-script-line\"\r\n                >\r\n\r\n                    <em>\r\n                        experiencia.\r\n                    <\/em>\r\n\r\n                <\/span>\r\n\r\n\r\n            <\/h1>\r\n\r\n\r\n\r\n            <p class=\"ipala-booking-description\">\r\n\r\n                Glamping frente al Pac\u00edfico, naturaleza,\r\n                gastronom\u00eda y momentos creados para\r\n                desconectarte de todo.\r\n\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- DETAIL -->\r\n\r\n            <div class=\"ipala-booking-detail\">\r\n\r\n                <span class=\"ipala-detail-line\"><\/span>\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        FRENTE AL PAC\u00cdFICO\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        Ipala Glam Container\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- WHATSAPP -->\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"ipala-whatsapp-info\"\r\n                id=\"ipalaWhatsappInfo\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n            >\r\n\r\n                <span>\r\n                    Pedir informes por WhatsApp\r\n                <\/span>\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M5 12h13M14 8l4 4-4 4\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             FORMULARIO\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-reservation-card\">\r\n\r\n\r\n            <div class=\"ipala-form-heading\">\r\n\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        RESERVA\r\n                    <\/small>\r\n\r\n\r\n                    <h2>\r\n\r\n                        Planea tu\r\n\r\n                        <em>\r\n                            experiencia.\r\n                        <\/em>\r\n\r\n                    <\/h2>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"ipala-form-number\">\r\n                    01\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <form\r\n                class=\"ipala-reservation-form\"\r\n                id=\"ipalaReservationForm\"\r\n            >\r\n\r\n\r\n                <!-- FECHAS -->\r\n\r\n                <div class=\"ipala-form-row\">\r\n\r\n\r\n                    <div class=\"ipala-field\">\r\n\r\n                        <label for=\"ipalaEntrada\">\r\n                            Llegada\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"date\"\r\n                            id=\"ipalaEntrada\"\r\n                            name=\"entrada\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ipala-field\">\r\n\r\n                        <label for=\"ipalaSalida\">\r\n                            Salida\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"date\"\r\n                            id=\"ipalaSalida\"\r\n                            name=\"salida\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- HU\u00c9SPEDES \/ EXPERIENCIA -->\r\n\r\n                <div class=\"ipala-form-row\">\r\n\r\n\r\n                    <div class=\"ipala-field\">\r\n\r\n                        <label for=\"ipalaHuespedes\">\r\n                            Hu\u00e9spedes\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"ipalaHuespedes\"\r\n                            name=\"huespedes\"\r\n                            required\r\n                        >\r\n\r\n                            <option\r\n                                value=\"\"\r\n                                selected\r\n                                disabled\r\n                            >\r\n                                Selecciona\r\n                            <\/option>\r\n\r\n                            <option value=\"1\">\r\n                                1 hu\u00e9sped\r\n                            <\/option>\r\n\r\n                            <option value=\"2\">\r\n                                2 hu\u00e9spedes\r\n                            <\/option>\r\n\r\n                            <option value=\"3\">\r\n                                3 hu\u00e9spedes\r\n                            <\/option>\r\n\r\n                            <option value=\"4\">\r\n                                4 hu\u00e9spedes\r\n                            <\/option>\r\n\r\n                            <option value=\"5\">\r\n                                5 hu\u00e9spedes\r\n                            <\/option>\r\n\r\n                            <option value=\"6\">\r\n                                6 hu\u00e9spedes\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ipala-field\">\r\n\r\n                        <label for=\"ipalaExperiencia\">\r\n                            Experiencia\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"ipalaExperiencia\"\r\n                            name=\"experiencia\"\r\n                        >\r\n\r\n                            <option value=\"Glamping\">\r\n                                Glamping\r\n                            <\/option>\r\n\r\n                            <option value=\"Escapada rom\u00e1ntica\">\r\n                                Escapada rom\u00e1ntica\r\n                            <\/option>\r\n\r\n                            <option value=\"Experiencia gastron\u00f3mica\">\r\n                                Experiencia gastron\u00f3mica\r\n                            <\/option>\r\n\r\n                            <option value=\"Evento\">\r\n                                Evento\r\n                            <\/option>\r\n\r\n                            <option value=\"Otra\">\r\n                                Otra experiencia\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- DATOS -->\r\n\r\n                <div class=\"ipala-form-row\">\r\n\r\n\r\n                    <div class=\"ipala-field\">\r\n\r\n                        <label for=\"ipalaNombre\">\r\n                            Nombre\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"ipalaNombre\"\r\n                            name=\"nombre\"\r\n                            placeholder=\"Tu nombre\"\r\n                            autocomplete=\"name\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ipala-field\">\r\n\r\n                        <label for=\"ipalaTelefono\">\r\n                            WhatsApp\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            id=\"ipalaTelefono\"\r\n                            name=\"telefono\"\r\n                            placeholder=\"Tu n\u00famero\"\r\n                            autocomplete=\"tel\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- MENSAJE -->\r\n\r\n                <div class=\"ipala-field ipala-field-full\">\r\n\r\n                    <label for=\"ipalaMensaje\">\r\n                        Mensaje\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"ipalaMensaje\"\r\n                        name=\"mensaje\"\r\n                        rows=\"2\"\r\n                        placeholder=\"\u00bfHay algo especial que debamos saber?\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- BOTONES -->\r\n\r\n                <div class=\"ipala-form-actions\">\r\n\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"ipala-reserve-button\"\r\n                    >\r\n                        Consultar disponibilidad\r\n                    <\/button>\r\n\r\n\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"ipala-whatsapp-button\"\r\n                        id=\"ipalaWhatsappButton\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                    >\r\n\r\n                        Pedir informes\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path\r\n                                d=\"M5 12h13M14 8l4 4-4 4\"\r\n                            \/>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <p class=\"ipala-form-note\">\r\n\r\n                    Consulta disponibilidad o habla directamente\r\n                    con nosotros para resolver cualquier duda.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/form>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM HERO\r\n    ====================================================== -->\r\n\r\n    <div class=\"ipala-booking-bottom\">\r\n\r\n\r\n        <div class=\"ipala-booking-counter\">\r\n\r\n\r\n            <strong>\r\n                01\r\n            <\/strong>\r\n\r\n\r\n            <div class=\"ipala-booking-progress\">\r\n\r\n                <span><\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <small>\r\n                03\r\n            <\/small>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <span class=\"ipala-pacific-text\">\r\n            PAC\u00cdFICO MEXICANO\r\n        <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.ipala-booking-hero,\r\n.ipala-booking-hero *,\r\n.ipala-booking-hero *::before,\r\n.ipala-booking-hero *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.ipala-booking-hero a{\r\n    -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.ipala-booking-hero{\r\n\r\n    --verde:#3A6052;\r\n    --verde-dark:#29483E;\r\n    --verde-deep:#172E26;\r\n    --verde-claro:#B4CEC7;\r\n\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    min-height:100vh;\r\n    min-height:100svh;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    background:#172E26;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.ipala-booking-slider{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:1;\r\n}\r\n\r\n\r\n.ipala-booking-slide{\r\n\r\n    position:absolute;\r\n\r\n    inset:-4%;\r\n\r\n    background-size:cover;\r\n\r\n    background-position:center center;\r\n\r\n    background-repeat:no-repeat;\r\n\r\n    opacity:0;\r\n\r\n    transform:scale(1.13);\r\n\r\n    transition:\r\n        opacity 1.5s ease,\r\n        transform 8s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-booking-slide.active{\r\n\r\n    opacity:1;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-slide.active{\r\n\r\n    transform:scale(1.02);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.ipala-booking-overlay{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:2;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(11,27,21,.80) 0%,\r\n            rgba(11,27,21,.62) 29%,\r\n            rgba(11,27,21,.32) 55%,\r\n            rgba(11,27,21,.18) 74%,\r\n            rgba(11,27,21,.24) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(8,22,17,.27) 0%,\r\n            rgba(8,22,17,.03) 42%,\r\n            rgba(8,22,17,.54) 100%\r\n        );\r\n\r\n    transition:\r\n        opacity 1.4s ease .35s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-overlay{\r\n\r\n    opacity:1;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRAIN\r\n========================================================= *\/\r\n\r\n.ipala-booking-grain{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:3;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:0;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            rgba(255,255,255,.42)\r\n            .45px,\r\n            transparent\r\n            .55px\r\n        );\r\n\r\n    background-size:5px 5px;\r\n\r\n    mix-blend-mode:soft-light;\r\n\r\n    transition:\r\n        opacity 1.4s ease 1s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-grain{\r\n\r\n    opacity:.09;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESTELLO\r\n========================================================= *\/\r\n\r\n.ipala-booking-light{\r\n\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    top:-35%;\r\n\r\n    left:-65%;\r\n\r\n    width:48%;\r\n\r\n    height:175%;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:0;\r\n\r\n    transform:rotate(11deg);\r\n\r\n    filter:blur(24px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.08),\r\n            rgba(180,206,199,.12),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-light{\r\n\r\n    animation:\r\n        ipalaBookingLightSweep\r\n        2.5s\r\n        cubic-bezier(.16,1,.3,1)\r\n        1.15s\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes ipalaBookingLightSweep{\r\n\r\n    0%{\r\n        left:-65%;\r\n        opacity:0;\r\n    }\r\n\r\n    25%{\r\n        opacity:.75;\r\n    }\r\n\r\n    100%{\r\n        left:130%;\r\n        opacity:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CORTINA CINEMATOGR\u00c1FICA\r\n========================================================= *\/\r\n\r\n.ipala-booking-intro{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:200;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.ipala-booking-intro-left,\r\n.ipala-booking-intro-right{\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n\r\n    bottom:0;\r\n\r\n    width:50.5%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #203D33,\r\n            #142B23\r\n        );\r\n\r\n    transition:\r\n        transform\r\n        1.35s\r\n        cubic-bezier(.77,0,.18,1)\r\n        .55s;\r\n}\r\n\r\n\r\n.ipala-booking-intro-left{\r\n    left:0;\r\n}\r\n\r\n\r\n.ipala-booking-intro-right{\r\n    right:0;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-intro-left{\r\n\r\n    transform:translateX(-101%);\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-intro-right{\r\n\r\n    transform:translateX(101%);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MARCA INTRO\r\n========================================================= *\/\r\n\r\n.ipala-booking-intro-brand{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:3;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:5px;\r\n\r\n    color:#FFFFFF;\r\n\r\n    transition:\r\n        opacity .42s ease .50s,\r\n        transform .62s ease .30s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-intro-brand{\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(-12px);\r\n}\r\n\r\n\r\n.ipala-booking-intro-brand strong{\r\n\r\n    margin-left:.32em;\r\n\r\n    font-size:\r\n        clamp(\r\n            31px,\r\n            4vw,\r\n            54px\r\n        );\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:.32em;\r\n}\r\n\r\n\r\n.ipala-booking-intro-brand small{\r\n\r\n    margin-left:.35em;\r\n\r\n    color:rgba(255,255,255,.55);\r\n\r\n    font-size:6px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.35em;\r\n}\r\n\r\n\r\n.ipala-booking-intro-line{\r\n\r\n    width:0;\r\n\r\n    height:1px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    background:var(--verde-claro);\r\n\r\n    animation:\r\n        ipalaBookingIntroLine\r\n        .75s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .1s\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes ipalaBookingIntroLine{\r\n\r\n    to{\r\n        width:56px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ipala-booking-container{\r\n\r\n    position:relative;\r\n\r\n    z-index:10;\r\n\r\n    width:min(1550px,100%);\r\n\r\n    min-height:100vh;\r\n    min-height:100svh;\r\n\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(430px,520px);\r\n\r\n    align-items:center;\r\n\r\n    gap:clamp(55px,7vw,120px);\r\n\r\n    padding:\r\n        clamp(125px,14vh,165px)\r\n        clamp(35px,6vw,110px)\r\n        clamp(105px,11vh,125px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n========================================================= *\/\r\n\r\n.ipala-booking-copy{\r\n\r\n    width:100%;\r\n\r\n    max-width:760px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.ipala-booking-eyebrow{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n\r\n    margin-bottom:\r\n        clamp(\r\n            20px,\r\n            2.3vw,\r\n            31px\r\n        );\r\n\r\n    color:rgba(255,255,255,.82);\r\n\r\n    font-size:\r\n        clamp(\r\n            9px,\r\n            .7vw,\r\n            11px\r\n        );\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.30em;\r\n}\r\n\r\n\r\n.ipala-booking-eyebrow span{\r\n\r\n    width:0;\r\n\r\n    height:1px;\r\n\r\n    background:var(--verde-claro);\r\n\r\n    transition:\r\n        width\r\n        .8s\r\n        cubic-bezier(.16,1,.3,1)\r\n        1.65s;\r\n}\r\n\r\n\r\n.ipala-booking-eyebrow div{\r\n\r\n    opacity:0;\r\n\r\n    transform:translateX(-12px);\r\n\r\n    transition:\r\n        opacity .75s ease 1.72s,\r\n        transform .75s\r\n        cubic-bezier(.16,1,.3,1)\r\n        1.72s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-eyebrow span{\r\n\r\n    width:39px;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-eyebrow div{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateX(0);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TITULAR\r\n========================================================= *\/\r\n\r\n.ipala-booking-copy h1{\r\n\r\n    width:100%;\r\n\r\n    max-width:820px;\r\n\r\n    margin:0;\r\n\r\n    padding:\r\n        0\r\n        .10em\r\n        .12em\r\n        0;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            6.1vw,\r\n            98px\r\n        );\r\n\r\n    line-height:.96;\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.06em;\r\n\r\n    text-shadow:\r\n        0 8px 35px\r\n        rgba(10,25,20,.18);\r\n}\r\n\r\n\r\n.ipala-booking-title-line{\r\n\r\n    display:block;\r\n\r\n    width:max-content;\r\n\r\n    max-width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:\r\n        .05em\r\n        .12em\r\n        .16em\r\n        .02em;\r\n\r\n    margin:\r\n        -.05em\r\n        0\r\n        -.10em\r\n        -.02em;\r\n}\r\n\r\n\r\n.ipala-booking-title-line > span,\r\n.ipala-booking-title-line > em{\r\n\r\n    display:inline-block;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(125%)\r\n        rotate(.8deg);\r\n\r\n    will-change:\r\n        transform,\r\n        opacity;\r\n}\r\n\r\n\r\n\r\n\/* PRIMERA L\u00cdNEA *\/\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-title-line:nth-child(1) > span{\r\n\r\n    animation:\r\n        ipalaBookingTitleReveal\r\n        1.05s\r\n        cubic-bezier(.16,1,.3,1)\r\n        1.72s\r\n        forwards;\r\n}\r\n\r\n\r\n\r\n\/* SEGUNDA L\u00cdNEA *\/\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-title-line:nth-child(2) > span{\r\n\r\n    animation:\r\n        ipalaBookingTitleReveal\r\n        1.05s\r\n        cubic-bezier(.16,1,.3,1)\r\n        1.87s\r\n        forwards;\r\n}\r\n\r\n\r\n\r\n\/* SCRIPT *\/\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-title-line:nth-child(3) > em{\r\n\r\n    animation:\r\n        ipalaBookingTitleReveal\r\n        1.15s\r\n        cubic-bezier(.16,1,.3,1)\r\n        2.05s\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes ipalaBookingTitleReveal{\r\n\r\n    from{\r\n\r\n        opacity:0;\r\n\r\n        transform:\r\n            translateY(125%)\r\n            rotate(.8deg);\r\n    }\r\n\r\n    to{\r\n\r\n        opacity:1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            rotate(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SCRIPT\r\n========================================================= *\/\r\n\r\n.ipala-booking-script-line{\r\n\r\n    overflow:visible;\r\n\r\n    padding-bottom:.30em;\r\n}\r\n\r\n\r\n.ipala-booking-script-line em{\r\n\r\n    position:relative;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.12em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n\r\n    line-height:1.06;\r\n}\r\n\r\n\r\n.ipala-booking-script-line em::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:4%;\r\n\r\n    bottom:-3px;\r\n\r\n    width:0;\r\n\r\n    height:7px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(180,206,199,.80);\r\n\r\n    border-radius:50%;\r\n\r\n    transition:\r\n        width\r\n        .95s\r\n        cubic-bezier(.16,1,.3,1)\r\n        2.75s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-script-line em::after{\r\n\r\n    width:78%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPCI\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-booking-description{\r\n\r\n    max-width:510px;\r\n\r\n    margin:\r\n        clamp(\r\n            25px,\r\n            2.8vw,\r\n            35px\r\n        )\r\n        0\r\n        0;\r\n\r\n    color:rgba(255,255,255,.80);\r\n\r\n    font-size:\r\n        clamp(\r\n            13px,\r\n            1vw,\r\n            16px\r\n        );\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.8;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(18px);\r\n\r\n    transition:\r\n        opacity .9s ease 2.35s,\r\n        transform .9s\r\n        cubic-bezier(.16,1,.3,1)\r\n        2.35s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-description{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL\r\n========================================================= *\/\r\n\r\n.ipala-booking-detail{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:16px;\r\n\r\n    margin-top:31px;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(15px);\r\n\r\n    transition:\r\n        opacity .85s ease 2.52s,\r\n        transform .85s\r\n        cubic-bezier(.16,1,.3,1)\r\n        2.52s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-detail{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n.ipala-detail-line{\r\n\r\n    width:42px;\r\n\r\n    height:1px;\r\n\r\n    background:rgba(255,255,255,.38);\r\n}\r\n\r\n\r\n.ipala-booking-detail div{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:4px;\r\n}\r\n\r\n\r\n.ipala-booking-detail small{\r\n\r\n    color:rgba(255,255,255,.48);\r\n\r\n    font-size:7px;\r\n\r\n    letter-spacing:.20em;\r\n}\r\n\r\n\r\n.ipala-booking-detail strong{\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:.03em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP COPY\r\n========================================================= *\/\r\n\r\n.ipala-whatsapp-info{\r\n\r\n    position:relative;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    min-width:245px;\r\n\r\n    margin-top:30px;\r\n\r\n    padding:\r\n        14px\r\n        16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.42);\r\n\r\n    border-radius:3px;\r\n\r\n    background:rgba(255,255,255,.04);\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    -webkit-backdrop-filter:blur(8px);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.12em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    overflow:hidden;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(16px);\r\n\r\n    transition:\r\n        opacity .85s ease 2.68s,\r\n        transform .85s\r\n        cubic-bezier(.16,1,.3,1)\r\n        2.68s,\r\n        color .35s ease,\r\n        border-color .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-whatsapp-info{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n.ipala-whatsapp-info::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-1;\r\n\r\n    background:#FFFFFF;\r\n\r\n    transform:scaleX(0);\r\n\r\n    transform-origin:left center;\r\n\r\n    transition:\r\n        transform\r\n        .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-whatsapp-info svg{\r\n\r\n    width:16px;\r\n\r\n    height:16px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.4;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-whatsapp-info:hover{\r\n\r\n    color:var(--verde-dark) !important;\r\n\r\n    border-color:#FFFFFF;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n.ipala-whatsapp-info:hover::before{\r\n\r\n    transform:scaleX(1);\r\n}\r\n\r\n\r\n.ipala-whatsapp-info:hover svg{\r\n\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n========================================================= *\/\r\n\r\n.ipala-reservation-card{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        clamp(\r\n            25px,\r\n            2.4vw,\r\n            34px\r\n        );\r\n\r\n    background:\r\n        rgba(255,255,255,.11);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.22);\r\n\r\n    border-radius:20px;\r\n\r\n    backdrop-filter:\r\n        blur(26px)\r\n        saturate(130%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(26px)\r\n        saturate(130%);\r\n\r\n    box-shadow:\r\n        0 28px 70px\r\n        rgba(11,30,23,.18);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(35px)\r\n        scale(.975);\r\n\r\n    transition:\r\n        opacity 1s ease 2.36s,\r\n        transform 1s\r\n        cubic-bezier(.16,1,.3,1)\r\n        2.36s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-reservation-card{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n.ipala-reservation-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    border-radius:inherit;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,255,255,.11),\r\n            transparent 46%\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORM HEADING\r\n========================================================= *\/\r\n\r\n.ipala-form-heading{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    padding-bottom:22px;\r\n\r\n    margin-bottom:22px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n}\r\n\r\n\r\n.ipala-form-heading small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:rgba(255,255,255,.53);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.25em;\r\n}\r\n\r\n\r\n.ipala-form-heading h2{\r\n\r\n    margin:0;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:\r\n        clamp(\r\n            23px,\r\n            2vw,\r\n            31px\r\n        );\r\n\r\n    line-height:1.05;\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.035em;\r\n}\r\n\r\n\r\n.ipala-form-heading h2 em{\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.14em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n}\r\n\r\n\r\n.ipala-form-number{\r\n\r\n    color:rgba(255,255,255,.38);\r\n\r\n    font-size:9px;\r\n\r\n    letter-spacing:.12em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.ipala-reservation-form{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n.ipala-form-row{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            2,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:13px;\r\n\r\n    margin-bottom:13px;\r\n}\r\n\r\n\r\n.ipala-field{\r\n\r\n    min-width:0;\r\n}\r\n\r\n\r\n.ipala-field label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:rgba(255,255,255,.58);\r\n\r\n    font-size:7.5px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.13em;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.ipala-field input,\r\n.ipala-field select,\r\n.ipala-field textarea{\r\n\r\n    width:100%;\r\n\r\n    min-width:0;\r\n\r\n    outline:none;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n\r\n    border-radius:4px;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:400;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.ipala-field input,\r\n.ipala-field select{\r\n\r\n    height:46px;\r\n\r\n    padding:0 13px;\r\n}\r\n\r\n\r\n.ipala-field textarea{\r\n\r\n    min-height:64px;\r\n\r\n    padding:12px 13px;\r\n\r\n    resize:vertical;\r\n}\r\n\r\n\r\n.ipala-field input::placeholder,\r\n.ipala-field textarea::placeholder{\r\n\r\n    color:rgba(255,255,255,.42);\r\n}\r\n\r\n\r\n.ipala-field input:focus,\r\n.ipala-field select:focus,\r\n.ipala-field textarea:focus{\r\n\r\n    background:rgba(255,255,255,.09);\r\n\r\n    border-color:rgba(255,255,255,.48);\r\n}\r\n\r\n\r\n.ipala-field select option{\r\n\r\n    background:#3A6052;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n\r\n.ipala-field input[type=\"date\"]{\r\n\r\n    color-scheme:dark;\r\n}\r\n\r\n\r\n.ipala-field-full{\r\n\r\n    margin-bottom:20px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORM ACTIONS\r\n========================================================= *\/\r\n\r\n.ipala-form-actions{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1fr;\r\n\r\n    gap:10px;\r\n}\r\n\r\n\r\n.ipala-reserve-button,\r\n.ipala-whatsapp-button{\r\n\r\n    width:100%;\r\n\r\n    min-height:46px;\r\n\r\n    padding:0 16px;\r\n\r\n    border-radius:3px;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    font-size:7.5px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.11em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    text-decoration:none !important;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        border-color .35s ease,\r\n        transform .35s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-reserve-button{\r\n\r\n    border:1px solid #FFFFFF;\r\n\r\n    background:#FFFFFF;\r\n\r\n    color:#345247;\r\n}\r\n\r\n\r\n.ipala-reserve-button:hover{\r\n\r\n    background:transparent;\r\n\r\n    color:#FFFFFF;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n.ipala-whatsapp-button{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.50);\r\n\r\n    background:rgba(255,255,255,.03);\r\n\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n\r\n.ipala-whatsapp-button svg{\r\n\r\n    width:14px;\r\n\r\n    height:14px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.4;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n\r\n    transition:\r\n        transform .35s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-whatsapp-button:hover{\r\n\r\n    background:#FFFFFF;\r\n\r\n    border-color:#FFFFFF;\r\n\r\n    color:var(--verde-dark) !important;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n.ipala-whatsapp-button:hover svg{\r\n\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n.ipala-form-note{\r\n\r\n    margin:11px 0 0;\r\n\r\n    color:rgba(255,255,255,.44);\r\n\r\n    font-size:8px;\r\n\r\n    line-height:1.5;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM HERO\r\n========================================================= *\/\r\n\r\n.ipala-booking-bottom{\r\n\r\n    position:absolute;\r\n\r\n    z-index:20;\r\n\r\n    left:clamp(35px,6vw,110px);\r\n\r\n    right:clamp(35px,6vw,110px);\r\n\r\n    bottom:clamp(25px,4vh,45px);\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(12px);\r\n\r\n    transition:\r\n        opacity .8s ease 2.95s,\r\n        transform .8s ease 2.95s;\r\n}\r\n\r\n\r\n.ipala-booking-hero.ipala-loaded\r\n.ipala-booking-bottom{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n.ipala-booking-counter{\r\n\r\n    width:clamp(150px,15vw,215px);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    color:#FFFFFF;\r\n}\r\n\r\n\r\n.ipala-booking-counter strong{\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.ipala-booking-counter small{\r\n\r\n    color:rgba(255,255,255,.45);\r\n\r\n    font-size:8px;\r\n}\r\n\r\n\r\n.ipala-booking-progress{\r\n\r\n    position:relative;\r\n\r\n    flex:1;\r\n\r\n    height:1px;\r\n\r\n    background:rgba(255,255,255,.20);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.ipala-booking-progress span{\r\n\r\n    position:absolute;\r\n\r\n    inset:0 auto 0 0;\r\n\r\n    width:0;\r\n\r\n    background:#FFFFFF;\r\n}\r\n\r\n\r\n.ipala-pacific-text{\r\n\r\n    color:rgba(255,255,255,.46);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.24em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR EDITOR\r\n   TODO VISIBLE Y SIN ANIMACI\u00d3N\r\n========================================================= *\/\r\n\r\n\/*\r\n   Elementor puede utilizar distintas clases dependiendo\r\n   de la versi\u00f3n\/editor. Cubrimos las m\u00e1s habituales.\r\n*\/\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-intro,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-intro,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-intro,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-intro{\r\n\r\n    display:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-overlay,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-overlay,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-overlay,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-overlay{\r\n\r\n    opacity:1 !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-grain,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-grain,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-grain,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-grain{\r\n\r\n    opacity:.09 !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-light,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-light,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-light,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-light{\r\n\r\n    display:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-slide.active,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-slide.active,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-slide.active,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-slide.active{\r\n\r\n    opacity:1 !important;\r\n\r\n    transform:scale(1.02) !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-eyebrow span,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-eyebrow span,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-eyebrow span,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-eyebrow span{\r\n\r\n    width:39px !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-eyebrow div,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-eyebrow div,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-eyebrow div,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-eyebrow div{\r\n\r\n    opacity:1 !important;\r\n\r\n    transform:none !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-title-line > span,\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-title-line > em,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-title-line > span,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-title-line > em,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-title-line > span,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-title-line > em,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-title-line > span,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-title-line > em{\r\n\r\n    opacity:1 !important;\r\n\r\n    transform:none !important;\r\n\r\n    animation:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-script-line em::after,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-script-line em::after,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-script-line em::after,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-script-line em::after{\r\n\r\n    width:78% !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-description,\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-detail,\r\n\r\nbody.elementor-editor-active\r\n.ipala-whatsapp-info,\r\n\r\nbody.elementor-editor-active\r\n.ipala-reservation-card,\r\n\r\nbody.elementor-editor-active\r\n.ipala-booking-bottom,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-description,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-detail,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-whatsapp-info,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-reservation-card,\r\n\r\nbody.elementor-editor-preview\r\n.ipala-booking-bottom,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-description,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-detail,\r\n\r\n.elementor-editor-active\r\n.ipala-whatsapp-info,\r\n\r\n.elementor-editor-active\r\n.ipala-reservation-card,\r\n\r\n.elementor-editor-active\r\n.ipala-booking-bottom,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-description,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-detail,\r\n\r\n.elementor-editor-preview\r\n.ipala-whatsapp-info,\r\n\r\n.elementor-editor-preview\r\n.ipala-reservation-card,\r\n\r\n.elementor-editor-preview\r\n.ipala-booking-bottom{\r\n\r\n    opacity:1 !important;\r\n\r\n    transform:none !important;\r\n\r\n    transition:none !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media(max-width:1250px){\r\n\r\n    .ipala-booking-container{\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            minmax(390px,460px);\r\n\r\n        gap:45px;\r\n\r\n        padding-left:45px;\r\n\r\n        padding-right:45px;\r\n    }\r\n\r\n\r\n    .ipala-booking-copy h1{\r\n\r\n        font-size:\r\n            clamp(\r\n                48px,\r\n                5.8vw,\r\n                76px\r\n            );\r\n    }\r\n\r\n\r\n    .ipala-booking-bottom{\r\n\r\n        left:45px;\r\n\r\n        right:45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ipala-booking-hero{\r\n\r\n        min-height:auto;\r\n    }\r\n\r\n\r\n    .ipala-booking-container{\r\n\r\n        min-height:auto;\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        align-items:start;\r\n\r\n        gap:36px;\r\n\r\n        padding:\r\n            120px\r\n            clamp(25px,6vw,50px)\r\n            100px;\r\n    }\r\n\r\n\r\n    .ipala-booking-copy{\r\n\r\n        max-width:650px;\r\n    }\r\n\r\n\r\n    .ipala-booking-copy h1{\r\n\r\n        font-size:\r\n            clamp(\r\n                50px,\r\n                9vw,\r\n                76px\r\n            );\r\n    }\r\n\r\n\r\n    .ipala-reservation-card{\r\n\r\n        width:100%;\r\n\r\n        max-width:620px;\r\n\r\n        justify-self:end;\r\n    }\r\n\r\n\r\n    .ipala-booking-bottom{\r\n\r\n        position:relative;\r\n\r\n        left:auto;\r\n\r\n        right:auto;\r\n\r\n        bottom:auto;\r\n\r\n        width:100%;\r\n\r\n        padding:\r\n            0\r\n            clamp(25px,6vw,50px)\r\n            25px;\r\n    }\r\n\r\n\r\n    .ipala-booking-overlay{\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(14,32,25,.43),\r\n                rgba(14,32,25,.20) 35%,\r\n                rgba(14,32,25,.68)\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .ipala-booking-container{\r\n\r\n        padding:\r\n            100px\r\n            17px\r\n            65px;\r\n\r\n        gap:29px;\r\n    }\r\n\r\n\r\n    .ipala-booking-eyebrow{\r\n\r\n        margin-bottom:15px;\r\n\r\n        gap:10px;\r\n\r\n        font-size:8px;\r\n\r\n        letter-spacing:.20em;\r\n    }\r\n\r\n\r\n    .ipala-booking-hero.ipala-loaded\r\n    .ipala-booking-eyebrow span{\r\n\r\n        width:27px;\r\n    }\r\n\r\n\r\n    .ipala-booking-copy h1{\r\n\r\n        width:100%;\r\n\r\n        max-width:100%;\r\n\r\n        padding-right:.08em;\r\n\r\n        font-size:\r\n            clamp(\r\n                41px,\r\n                12vw,\r\n                55px\r\n            );\r\n\r\n        line-height:.98;\r\n\r\n        letter-spacing:-.052em;\r\n    }\r\n\r\n\r\n    .ipala-booking-title-line{\r\n\r\n        padding:\r\n            .06em\r\n            .13em\r\n            .18em\r\n            .02em;\r\n\r\n        margin:\r\n            -.05em\r\n            0\r\n            -.10em\r\n            -.02em;\r\n    }\r\n\r\n\r\n    .ipala-booking-script-line{\r\n\r\n        padding-bottom:.30em;\r\n    }\r\n\r\n\r\n    .ipala-booking-description{\r\n\r\n        max-width:400px;\r\n\r\n        margin-top:18px;\r\n\r\n        font-size:12px;\r\n\r\n        line-height:1.65;\r\n    }\r\n\r\n\r\n    .ipala-booking-detail{\r\n\r\n        margin-top:22px;\r\n    }\r\n\r\n\r\n    .ipala-whatsapp-info{\r\n\r\n        width:100%;\r\n\r\n        min-width:0;\r\n\r\n        margin-top:24px;\r\n\r\n        padding:14px 15px;\r\n    }\r\n\r\n\r\n    .ipala-reservation-card{\r\n\r\n        width:100%;\r\n\r\n        max-width:none;\r\n\r\n        padding:20px 16px;\r\n\r\n        border-radius:17px;\r\n\r\n        background:rgba(255,255,255,.10);\r\n\r\n        backdrop-filter:blur(22px);\r\n\r\n        -webkit-backdrop-filter:blur(22px);\r\n    }\r\n\r\n\r\n    .ipala-form-heading{\r\n\r\n        margin-bottom:18px;\r\n\r\n        padding-bottom:17px;\r\n    }\r\n\r\n\r\n    .ipala-form-heading h2{\r\n\r\n        font-size:24px;\r\n    }\r\n\r\n\r\n    .ipala-form-row{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:12px;\r\n\r\n        margin-bottom:12px;\r\n    }\r\n\r\n\r\n    .ipala-field input,\r\n    .ipala-field select{\r\n\r\n        height:48px;\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    .ipala-field textarea{\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    .ipala-form-actions{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:9px;\r\n    }\r\n\r\n\r\n    .ipala-reserve-button,\r\n    .ipala-whatsapp-button{\r\n\r\n        min-height:48px;\r\n    }\r\n\r\n\r\n    .ipala-booking-bottom{\r\n\r\n        padding:\r\n            0\r\n            17px\r\n            20px;\r\n    }\r\n\r\n\r\n    .ipala-booking-counter{\r\n\r\n        width:140px;\r\n    }\r\n\r\n\r\n    .ipala-pacific-text{\r\n\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE PEQUE\u00d1O\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n    .ipala-booking-container{\r\n\r\n        padding-left:14px;\r\n\r\n        padding-right:14px;\r\n    }\r\n\r\n\r\n    .ipala-booking-copy h1{\r\n\r\n        font-size:39px;\r\n    }\r\n\r\n\r\n    .ipala-booking-description{\r\n\r\n        font-size:11px;\r\n    }\r\n\r\n\r\n    .ipala-booking-detail{\r\n\r\n        display:none;\r\n    }\r\n\r\n\r\n    .ipala-reservation-card{\r\n\r\n        padding:18px 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PANTALLAS BAJAS\r\n========================================================= *\/\r\n\r\n@media(max-height:760px) and (min-width:901px){\r\n\r\n    .ipala-booking-container{\r\n\r\n        padding-top:105px;\r\n\r\n        padding-bottom:80px;\r\n    }\r\n\r\n\r\n    .ipala-booking-copy h1{\r\n\r\n        font-size:\r\n            clamp(\r\n                48px,\r\n                5.4vw,\r\n                75px\r\n            );\r\n    }\r\n\r\n\r\n    .ipala-booking-description{\r\n\r\n        margin-top:18px;\r\n    }\r\n\r\n\r\n    .ipala-booking-detail{\r\n\r\n        margin-top:20px;\r\n    }\r\n\r\n\r\n    .ipala-whatsapp-info{\r\n\r\n        margin-top:20px;\r\n    }\r\n\r\n\r\n    .ipala-reservation-card{\r\n\r\n        padding:23px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-booking-hero *,\r\n    .ipala-booking-hero *::before,\r\n    .ipala-booking-hero *::after{\r\n\r\n        animation-duration:.01ms !important;\r\n\r\n        animation-delay:0ms !important;\r\n\r\n        transition-duration:.01ms !important;\r\n\r\n        transition-delay:0ms !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-intro{\r\n\r\n        display:none;\r\n    }\r\n\r\n\r\n    .ipala-booking-overlay,\r\n    .ipala-booking-grain,\r\n    .ipala-booking-title-line > span,\r\n    .ipala-booking-title-line > em,\r\n    .ipala-booking-description,\r\n    .ipala-booking-detail,\r\n    .ipala-whatsapp-info,\r\n    .ipala-reservation-card,\r\n    .ipala-booking-bottom{\r\n\r\n        opacity:1 !important;\r\n\r\n        transform:none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n\r\n    function initIpalaBookingHero(){\r\n\r\n\r\n        const hero =\r\n            document.querySelector(\r\n                \".ipala-booking-hero\"\r\n            );\r\n\r\n\r\n        if(!hero){\r\n            return;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           DETECTAR ELEMENTOR\r\n        ====================================================== *\/\r\n\r\n        function isElementorEditMode(){\r\n\r\n\r\n            if(\r\n                document.body.classList.contains(\r\n                    \"elementor-editor-active\"\r\n                ) ||\r\n                document.body.classList.contains(\r\n                    \"elementor-editor-preview\"\r\n                )\r\n            ){\r\n\r\n                return true;\r\n\r\n            }\r\n\r\n\r\n            try{\r\n\r\n                if(\r\n                    window.elementorFrontend &&\r\n                    typeof window.elementorFrontend.isEditMode ===\r\n                    \"function\" &&\r\n                    window.elementorFrontend.isEditMode()\r\n                ){\r\n\r\n                    return true;\r\n\r\n                }\r\n\r\n            }catch(error){}\r\n\r\n\r\n            try{\r\n\r\n                if(\r\n                    window.parent &&\r\n                    window.parent !== window &&\r\n                    window.parent.elementor\r\n                ){\r\n\r\n                    return true;\r\n\r\n                }\r\n\r\n            }catch(error){}\r\n\r\n\r\n            return false;\r\n\r\n        }\r\n\r\n\r\n\r\n        const editorMode =\r\n            isElementorEditMode();\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENTOR:\r\n           MOSTRAR TODO SIN ANIMACI\u00d3N\r\n        ====================================================== *\/\r\n\r\n        if(editorMode){\r\n\r\n\r\n            hero.classList.add(\r\n                \"ipala-loaded\",\r\n                \"ipala-elementor-editing\"\r\n            );\r\n\r\n\r\n            const intro =\r\n                hero.querySelector(\r\n                    \".ipala-booking-intro\"\r\n                );\r\n\r\n\r\n            if(intro){\r\n\r\n                intro.style.display =\r\n                    \"none\";\r\n\r\n            }\r\n\r\n\r\n            const animatedElements =\r\n                hero.querySelectorAll(\r\n                    \".ipala-booking-title-line > span,\" +\r\n                    \".ipala-booking-title-line > em,\" +\r\n                    \".ipala-booking-description,\" +\r\n                    \".ipala-booking-detail,\" +\r\n                    \".ipala-whatsapp-info,\" +\r\n                    \".ipala-reservation-card,\" +\r\n                    \".ipala-booking-bottom\"\r\n                );\r\n\r\n\r\n            animatedElements.forEach(\r\n                function(element){\r\n\r\n                    element.style.opacity =\r\n                        \"1\";\r\n\r\n                    element.style.transform =\r\n                        \"none\";\r\n\r\n                    element.style.animation =\r\n                        \"none\";\r\n\r\n                    element.style.transition =\r\n                        \"none\";\r\n\r\n                }\r\n            );\r\n\r\n\r\n        }else{\r\n\r\n\r\n            \/* ===============================================\r\n               FRONTEND:\r\n               ACTIVAR ANIMACI\u00d3N\r\n            =============================================== *\/\r\n\r\n            requestAnimationFrame(\r\n                function(){\r\n\r\n\r\n                    requestAnimationFrame(\r\n                        function(){\r\n\r\n\r\n                            setTimeout(\r\n                                function(){\r\n\r\n\r\n                                    hero.classList.add(\r\n                                        \"ipala-loaded\"\r\n                                    );\r\n\r\n\r\n                                },\r\n                                120\r\n                            );\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                }\r\n            );\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           WHATSAPP\r\n        ====================================================== *\/\r\n\r\n        const WHATSAPP_NUMBER =\r\n            \"523222274739\";\r\n\r\n\r\n        const whatsappMessage =\r\n            \"Hola, me gustar\u00eda pedir informes sobre Ipala Glam Container en Ipala, Jalisco.\";\r\n\r\n\r\n        const whatsappURL =\r\n            \"https:\/\/wa.me\/\" +\r\n            WHATSAPP_NUMBER +\r\n            \"?text=\" +\r\n            encodeURIComponent(\r\n                whatsappMessage\r\n            );\r\n\r\n\r\n        const whatsappButtons = [\r\n\r\n            document.getElementById(\r\n                \"ipalaWhatsappInfo\"\r\n            ),\r\n\r\n            document.getElementById(\r\n                \"ipalaWhatsappButton\"\r\n            )\r\n\r\n        ];\r\n\r\n\r\n        whatsappButtons.forEach(\r\n            function(button){\r\n\r\n\r\n                if(button){\r\n\r\n                    button.href =\r\n                        whatsappURL;\r\n\r\n                }\r\n\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           SLIDER\r\n        ====================================================== *\/\r\n\r\n        const slides =\r\n            hero.querySelectorAll(\r\n                \".ipala-booking-slide\"\r\n            );\r\n\r\n\r\n        const number =\r\n            hero.querySelector(\r\n                \".ipala-booking-counter strong\"\r\n            );\r\n\r\n\r\n        const progress =\r\n            hero.querySelector(\r\n                \".ipala-booking-progress span\"\r\n            );\r\n\r\n\r\n        let current = 0;\r\n\r\n        let sliderTimer = null;\r\n\r\n\r\n\r\n        function restartProgress(){\r\n\r\n\r\n            if(\r\n                !progress ||\r\n                editorMode\r\n            ){\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            progress.style.transition =\r\n                \"none\";\r\n\r\n\r\n            progress.style.width =\r\n                \"0%\";\r\n\r\n\r\n            requestAnimationFrame(\r\n                function(){\r\n\r\n\r\n                    requestAnimationFrame(\r\n                        function(){\r\n\r\n\r\n                            progress.style.transition =\r\n                                \"width 6s linear\";\r\n\r\n\r\n                            progress.style.width =\r\n                                \"100%\";\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                }\r\n            );\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n        function nextSlide(){\r\n\r\n\r\n            if(\r\n                slides.length < 2 ||\r\n                editorMode\r\n            ){\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            slides[current]\r\n                .classList\r\n                .remove(\r\n                    \"active\"\r\n                );\r\n\r\n\r\n            current =\r\n                (current + 1)\r\n                %\r\n                slides.length;\r\n\r\n\r\n            slides[current]\r\n                .classList\r\n                .add(\r\n                    \"active\"\r\n                );\r\n\r\n\r\n            if(number){\r\n\r\n\r\n                number.textContent =\r\n                    String(\r\n                        current + 1\r\n                    ).padStart(\r\n                        2,\r\n                        \"0\"\r\n                    );\r\n\r\n\r\n            }\r\n\r\n\r\n            restartProgress();\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n        if(!editorMode){\r\n\r\n\r\n            setTimeout(\r\n                function(){\r\n\r\n\r\n                    restartProgress();\r\n\r\n\r\n                    sliderTimer =\r\n                        setInterval(\r\n                            nextSlide,\r\n                            6000\r\n                        );\r\n\r\n\r\n                },\r\n                3300\r\n            );\r\n\r\n\r\n        }else if(progress){\r\n\r\n\r\n            progress.style.width =\r\n                \"33.33%\";\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FECHAS\r\n        ====================================================== *\/\r\n\r\n        const entrada =\r\n            document.getElementById(\r\n                \"ipalaEntrada\"\r\n            );\r\n\r\n\r\n        const salida =\r\n            document.getElementById(\r\n                \"ipalaSalida\"\r\n            );\r\n\r\n\r\n\r\n        function formatDateLocal(date){\r\n\r\n\r\n            const year =\r\n                date.getFullYear();\r\n\r\n\r\n            const month =\r\n                String(\r\n                    date.getMonth() + 1\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            const day =\r\n                String(\r\n                    date.getDate()\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            return (\r\n                year +\r\n                \"-\" +\r\n                month +\r\n                \"-\" +\r\n                day\r\n            );\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n        const today =\r\n            formatDateLocal(\r\n                new Date()\r\n            );\r\n\r\n\r\n\r\n        if(entrada){\r\n\r\n\r\n            entrada.min =\r\n                today;\r\n\r\n\r\n            entrada.addEventListener(\r\n                \"change\",\r\n                function(){\r\n\r\n\r\n                    if(!salida){\r\n                        return;\r\n                    }\r\n\r\n\r\n                    if(!entrada.value){\r\n\r\n\r\n                        salida.min =\r\n                            today;\r\n\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/*\r\n                       Salida m\u00ednima = d\u00eda siguiente\r\n                    *\/\r\n\r\n                    const selected =\r\n                        new Date(\r\n                            entrada.value +\r\n                            \"T12:00:00\"\r\n                        );\r\n\r\n\r\n                    selected.setDate(\r\n                        selected.getDate() + 1\r\n                    );\r\n\r\n\r\n                    const nextDay =\r\n                        formatDateLocal(\r\n                            selected\r\n                        );\r\n\r\n\r\n                    salida.min =\r\n                        nextDay;\r\n\r\n\r\n                    if(\r\n                        salida.value &&\r\n                        salida.value <\r\n                        nextDay\r\n                    ){\r\n\r\n                        salida.value =\r\n                            \"\";\r\n\r\n                    }\r\n\r\n\r\n                }\r\n            );\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n        if(salida){\r\n\r\n            salida.min =\r\n                today;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FORMULARIO\r\n        ====================================================== *\/\r\n\r\n        const form =\r\n            document.getElementById(\r\n                \"ipalaReservationForm\"\r\n            );\r\n\r\n\r\n        if(form){\r\n\r\n\r\n            form.addEventListener(\r\n                \"submit\",\r\n                function(event){\r\n\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    \/*\r\n                       Evita navegaci\u00f3n accidental\r\n                       dentro del editor.\r\n                    *\/\r\n\r\n                    if(editorMode){\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if(\r\n                        !form.checkValidity()\r\n                    ){\r\n\r\n\r\n                        form.reportValidity();\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n\r\n                    const data =\r\n                        new FormData(\r\n                            form\r\n                        );\r\n\r\n\r\n                    const params =\r\n                        new URLSearchParams();\r\n\r\n\r\n\r\n                    data.forEach(\r\n                        function(\r\n                            value,\r\n                            key\r\n                        ){\r\n\r\n\r\n                            const cleanValue =\r\n                                String(\r\n                                    value\r\n                                ).trim();\r\n\r\n\r\n                            if(cleanValue){\r\n\r\n\r\n                                params.append(\r\n                                    key,\r\n                                    cleanValue\r\n                                );\r\n\r\n\r\n                            }\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n\r\n                    window.location.href =\r\n                        \"https:\/\/ipalaglamcontainer.com\/reserva\/?\" +\r\n                        params.toString();\r\n\r\n\r\n                }\r\n            );\r\n\r\n\r\n        }\r\n\r\n\r\n    }\r\n\r\n\r\n\r\n    \/*\r\n       Compatible tanto con frontend normal\r\n       como con carga dentro de Elementor.\r\n    *\/\r\n\r\n    if(\r\n        document.readyState ===\r\n        \"loading\"\r\n    ){\r\n\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIpalaBookingHero,\r\n            {\r\n                once:true\r\n            }\r\n        );\r\n\r\n\r\n    }else{\r\n\r\n\r\n        initIpalaBookingHero();\r\n\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68207da elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"68207da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     SEPTIEMBRE 2026\r\n     LIBERACI\u00d3N DE TORTUGAS\r\n     LIGHT MODE + WHATSAPP DIRECTO\r\n     PEGADO AL HERO\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<section class=\"ipala-turtle\" id=\"liberacion-tortugas\">\r\n\r\n    <div class=\"ipala-turtle-bg\" aria-hidden=\"true\">\r\n        <div class=\"ipala-turtle-orb ipala-turtle-orb-one\"><\/div>\r\n        <div class=\"ipala-turtle-orb ipala-turtle-orb-two\"><\/div>\r\n        <div class=\"ipala-turtle-grid\"><\/div>\r\n        <div class=\"ipala-turtle-giant\">SEPTIEMBRE<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ipala-turtle-container\">\r\n\r\n        <div class=\"ipala-turtle-top\">\r\n\r\n            <div class=\"ipala-turtle-eyebrow\">\r\n                <span><\/span>\r\n                IPALA \u00b7 JALISCO\r\n            <\/div>\r\n\r\n            <div class=\"ipala-turtle-index\">\r\n                SEPTIEMBRE \/ 2026\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ipala-turtle-intro\">\r\n\r\n            <div class=\"ipala-turtle-title\">\r\n\r\n                <small>\r\n                    UNA EXPERIENCIA FRENTE AL PAC\u00cdFICO\r\n                <\/small>\r\n\r\n                <h2>\r\n                    Septiembre es\r\n                    <span>mes de<\/span>\r\n                    <em>liberaci\u00f3n.<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ipala-turtle-copy\">\r\n\r\n                <span class=\"ipala-turtle-copy-line\"><\/span>\r\n\r\n                <p>\r\n                    Durante septiembre puedes vivir una de las\r\n                    experiencias m\u00e1s especiales de la costa:\r\n                    participar en una liberaci\u00f3n de tortugas.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Elige si quieres complementar la experiencia\r\n                    con una estancia en <strong>Ipala Glam Container<\/strong>\r\n                    o asistir \u00fanicamente a la liberaci\u00f3n.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             VIDEO \u00b7 VIVE LA EXPERIENCIA\r\n        ====================================================== -->\r\n\r\n        <div class=\"ipala-turtle-video-section\">\r\n\r\n            <div class=\"ipala-video-heading\">\r\n\r\n                <div class=\"ipala-video-heading-main\">\r\n\r\n                    <span class=\"ipala-step\">\r\n                        VIDEO\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <small>ANTES DE ELEGIR TU FECHA<\/small>\r\n\r\n                        <h3>\r\n                            Mira lo que significa\r\n                            <em>vivirlo.<\/em>\r\n                        <\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <p>\r\n                    No es solo observar el mar. Es formar parte,\r\n                    por unos minutos, de una experiencia de conservaci\u00f3n\r\n                    que conecta a las personas con la costa de Ipala.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-video-experience\">\r\n\r\n                <div class=\"ipala-video-frame\">\r\n\r\n                    <video\r\n                        class=\"ipala-release-video\"\r\n                        id=\"ipalaReleaseVideo\"\r\n                        playsinline\r\n                        preload=\"metadata\"\r\n                    >\r\n                        <source\r\n                            src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/09\/LIBERACION.mp4\"\r\n                            type=\"video\/mp4\"\r\n                        >\r\n\r\n                        Tu navegador no puede reproducir este video.\r\n                    <\/video>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ipala-video-play\"\r\n                        id=\"ipalaVideoPlay\"\r\n                        aria-label=\"Reproducir video de liberaci\u00f3n\"\r\n                    >\r\n                        <span class=\"ipala-video-play-cursor\" aria-hidden=\"true\">\r\n\r\n                            <span class=\"ipala-video-play-icon\">\r\n\r\n                                <svg\r\n                                    class=\"ipala-video-icon-play\"\r\n                                    viewBox=\"0 0 24 24\"\r\n                                    aria-hidden=\"true\"\r\n                                >\r\n                                    <path\r\n                                        d=\"M9 7.2 17 12l-8 4.8V7.2Z\"\r\n                                        fill=\"currentColor\"\r\n                                    \/>\r\n                                <\/svg>\r\n\r\n                                <svg\r\n                                    class=\"ipala-video-icon-pause\"\r\n                                    viewBox=\"0 0 24 24\"\r\n                                    aria-hidden=\"true\"\r\n                                >\r\n                                    <path\r\n                                        d=\"M8 7h3v10H8zM13 7h3v10h-3z\"\r\n                                        fill=\"currentColor\"\r\n                                    \/>\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n                            <span class=\"ipala-video-cursor-label\">\r\n                                <small>VER<\/small>\r\n                                <strong>EXPERIENCIA<\/strong>\r\n                            <\/span>\r\n\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"ipala-video-prompt\" aria-hidden=\"true\">\r\n                        <small>DA CLIC PARA REPRODUCIR<\/small>\r\n                        <strong>As\u00ed se vive la liberaci\u00f3n<\/strong>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ipala-video-caption\">\r\n                        <span>IPALA \u00b7 JALISCO<\/span>\r\n                        <span>CONSERVACI\u00d3N \u00b7 EXPERIENCIA \u00b7 RESPETO<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ipala-protocol-card\">\r\n\r\n                    <div class=\"ipala-protocol-top\">\r\n\r\n                        <span>CONSERVACI\u00d3N RESPONSABLE<\/span>\r\n\r\n                        <span class=\"ipala-protocol-index\">\r\n                            01\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h4>\r\n                        Una experiencia\r\n                        <em>con prop\u00f3sito.<\/em>\r\n                    <\/h4>\r\n\r\n\r\n                    <p>\r\n                        La liberaci\u00f3n se realiza siguiendo los protocolos\r\n                        y lineamientos ambientales aplicables establecidos\r\n                        por la Secretar\u00eda de Medio Ambiente y las autoridades\r\n                        competentes.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        La actividad es acompa\u00f1ada por personal profesional,\r\n                        siempre priorizando el bienestar de las tortugas,\r\n                        la protecci\u00f3n de la especie y el respeto por su\r\n                        entorno natural.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"ipala-protocol-points\">\r\n\r\n                        <div>\r\n                            <span>01<\/span>\r\n                            <p>\r\n                                Manejo responsable y supervisado.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <span>02<\/span>\r\n                            <p>\r\n                                Respeto por los procesos naturales.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <span>03<\/span>\r\n                            <p>\r\n                                Experiencia enfocada en conservaci\u00f3n.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ipala-protocol-seal\">\r\n\r\n                        <span class=\"ipala-protocol-seal-line\"><\/span>\r\n\r\n                        <p>\r\n                            Una actividad realizada por profesionales,\r\n                            siempre a favor del medio ambiente y del\r\n                            cuidado de la especie.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ipala-turtle-select-head\">\r\n\r\n            <div>\r\n\r\n                <span class=\"ipala-step\">\r\n                    01\r\n                <\/span>\r\n\r\n                <div>\r\n                    <small>PRIMERO<\/small>\r\n                    <h3>\u00bfC\u00f3mo quieres vivir la experiencia?<\/h3>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"ipala-selected-label\">\r\n                Selecciona una opci\u00f3n\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ipala-turtle-options\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"ipala-turtle-option active\"\r\n                data-experience=\"Estancia en Ipala Glam Container + experiencia de liberaci\u00f3n de tortugas\"\r\n            >\r\n\r\n                <div class=\"ipala-option-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"ipala-option-content\">\r\n\r\n                    <small>\r\n                        EXPERIENCIA COMPLETA\r\n                    <\/small>\r\n\r\n                    <h4>\r\n                        Estancia\r\n                        <em>+ liberaci\u00f3n<\/em>\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Hosp\u00e9date en Ipala Glam Container y convierte\r\n                        la liberaci\u00f3n en parte de una escapada completa\r\n                        frente al Pac\u00edfico.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ipala-option-check\">\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n            <\/button>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"ipala-turtle-option\"\r\n                data-experience=\"Solo experiencia de liberaci\u00f3n de tortugas\"\r\n            >\r\n\r\n                <div class=\"ipala-option-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"ipala-option-content\">\r\n\r\n                    <small>\r\n                        EXPERIENCIA DEL D\u00cdA\r\n                    <\/small>\r\n\r\n                    <h4>\r\n                        Solo\r\n                        <em>liberaci\u00f3n<\/em>\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Si ya est\u00e1s en la zona, solicita tu lugar\r\n                        \u00fanicamente para participar en la experiencia\r\n                        de liberaci\u00f3n.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ipala-option-check\">\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ipala-turtle-calendar-section\">\r\n\r\n            <div class=\"ipala-calendar-heading\">\r\n\r\n                <div class=\"ipala-calendar-title\">\r\n\r\n                    <span class=\"ipala-step\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <small>DESPU\u00c9S<\/small>\r\n                        <h3>Elige una fecha.<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ipala-calendar-info\">\r\n                    <span class=\"ipala-calendar-dot\"><\/span>\r\n                    Fechas con liberaci\u00f3n programada\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ipala-calendar-instruction\">\r\n\r\n                <p>\r\n                    Da clic sobre una fecha disponible y te llevaremos\r\n                    directamente a WhatsApp para solicitar tu lugar.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ipala-calendar-scroll\">\r\n\r\n                <div class=\"ipala-calendar\">\r\n\r\n                    <div class=\"ipala-calendar-week\">DOM<\/div>\r\n                    <div class=\"ipala-calendar-week\">LUN<\/div>\r\n                    <div class=\"ipala-calendar-week\">MAR<\/div>\r\n                    <div class=\"ipala-calendar-week\">MI\u00c9<\/div>\r\n                    <div class=\"ipala-calendar-week\">JUE<\/div>\r\n                    <div class=\"ipala-calendar-week\">VIE<\/div>\r\n                    <div class=\"ipala-calendar-week\">S\u00c1B<\/div>\r\n\r\n                    <div class=\"ipala-calendar-empty\"><\/div>\r\n                    <div class=\"ipala-calendar-empty\"><\/div>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"1\">\r\n                        <span>01<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"2\">\r\n                        <span>02<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"3\">\r\n                        <span>03<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"4\">\r\n                        <span>04<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"5\">\r\n                        <span>05<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>06<\/span>\r\n                    <\/div>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"7\">\r\n                        <span>07<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>08<\/span>\r\n                    <\/div>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"9\">\r\n                        <span>09<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"10\">\r\n                        <span>10<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"11\">\r\n                        <span>11<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"12\">\r\n                        <span>12<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"13\">\r\n                        <span>13<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"14\">\r\n                        <span>14<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"15\">\r\n                        <span>15<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"16\">\r\n                        <span>16<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"17\">\r\n                        <span>17<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"18\">\r\n                        <span>18<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"19\">\r\n                        <span>19<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>20<\/span>\r\n                    <\/div>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"21\">\r\n                        <span>21<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"22\">\r\n                        <span>22<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <button type=\"button\" class=\"ipala-calendar-day available\" data-day=\"23\">\r\n                        <span>23<\/span>\r\n                        <small>LIBERACI\u00d3N<\/small>\r\n                    <\/button>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>24<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>25<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>26<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>27<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>28<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-day disabled\">\r\n                        <span>29<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-day disabled special\">\r\n                        <span>30<\/span>\r\n                        <small>FIN DE MES<\/small>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-calendar-empty\"><\/div>\r\n                    <div class=\"ipala-calendar-empty\"><\/div>\r\n                    <div class=\"ipala-calendar-empty\"><\/div>\r\n                    <div class=\"ipala-calendar-empty\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ipala-calendar-footer\">\r\n\r\n                <div class=\"ipala-calendar-note\">\r\n\r\n                    <span><\/span>\r\n\r\n                    <p>\r\n                        Las liberaciones est\u00e1n sujetas a disponibilidad,\r\n                        condiciones naturales y programaci\u00f3n del campamento.\r\n                        La fecha se confirma directamente por WhatsApp.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ipala-calendar-cta\">\r\n\r\n                    <small>\r\n                        EXPERIENCIA SELECCIONADA\r\n                    <\/small>\r\n\r\n                    <strong id=\"ipalaExperienceDisplay\">\r\n                        Estancia + liberaci\u00f3n\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   CORRECCI\u00d3N IMPORTANTE\r\n   ELIMINA ESPACIO ENTRE HERO Y ESTE BLOQUE\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html > .elementor-widget-container{\r\n    margin-top:0 !important;\r\n    margin-bottom:0 !important;\r\n    padding-top:0 !important;\r\n    padding-bottom:0 !important;\r\n}\r\n\r\n.elementor-element:has(.ipala-turtle),\r\n.elementor-element:has(.ipala-turtle) > .elementor-widget-container{\r\n    margin-top:0 !important;\r\n    padding-top:0 !important;\r\n}\r\n\r\n.ipala-turtle{\r\n    margin-top:-1px !important;\r\n    padding-top:0 !important;\r\n    vertical-align:top;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.ipala-turtle,\r\n.ipala-turtle *,\r\n.ipala-turtle *::before,\r\n.ipala-turtle *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ipala-turtle button{\r\n    font:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ipala-turtle{\r\n\r\n    --verde:#3A6052;\r\n    --verde-dark:#29483E;\r\n    --verde-deep:#1D352C;\r\n    --verde-light:#B4CEC7;\r\n    --verde-ultra-light:#E4ECE7;\r\n\r\n    --cream:#F6F7F4;\r\n    --cream-2:#EEF2ED;\r\n\r\n    --text:#25362F;\r\n    --muted:#718079;\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    margin-bottom:0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FBFCF9 0%,\r\n            #F6F7F4 58%,\r\n            #EDF1EC 100%\r\n        );\r\n\r\n    color:var(--text);\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.ipala-turtle-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    overflow:hidden;\r\n}\r\n\r\n.ipala-turtle-orb{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    filter:blur(100px);\r\n}\r\n\r\n.ipala-turtle-orb-one{\r\n    width:440px;\r\n    height:440px;\r\n    top:-200px;\r\n    right:-180px;\r\n    background:rgba(180,206,199,.22);\r\n}\r\n\r\n.ipala-turtle-orb-two{\r\n    width:350px;\r\n    height:350px;\r\n    left:-200px;\r\n    bottom:-170px;\r\n    background:rgba(58,96,82,.07);\r\n}\r\n\r\n.ipala-turtle-grid{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:.024;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:90px 90px;\r\n}\r\n\r\n.ipala-turtle-giant{\r\n    position:absolute;\r\n    right:-.04em;\r\n    top:55px;\r\n    color:rgba(41,72,62,.025);\r\n    font-size:clamp(120px,20vw,320px);\r\n    font-weight:500;\r\n    line-height:.8;\r\n    letter-spacing:-.085em;\r\n    white-space:nowrap;\r\n    user-select:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ipala-turtle-container{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:min(1420px,100%);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        clamp(70px,7vw,105px)\r\n        clamp(25px,6vw,90px)\r\n        clamp(70px,7vw,100px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.ipala-turtle-top{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:25px;\r\n    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-turtle-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    color:rgba(41,72,62,.65);\r\n\r\n    font-size:8px;\r\n    font-weight:500;\r\n    letter-spacing:.24em;\r\n}\r\n\r\n.ipala-turtle-eyebrow > span{\r\n    display:block;\r\n    width:32px;\r\n    height:1px;\r\n    background:var(--verde);\r\n}\r\n\r\n.ipala-turtle-index{\r\n    color:rgba(41,72,62,.40);\r\n    font-size:7px;\r\n    font-weight:500;\r\n    letter-spacing:.18em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ipala-turtle-intro{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.2fr)\r\n        minmax(310px,.62fr);\r\n\r\n    align-items:end;\r\n\r\n    gap:\r\n        clamp(45px,7vw,105px);\r\n\r\n    padding:\r\n        clamp(50px,5vw,70px)\r\n        0\r\n        clamp(60px,6vw,85px);\r\n}\r\n\r\n.ipala-turtle-title small{\r\n    display:block;\r\n    margin-bottom:18px;\r\n\r\n    color:rgba(41,72,62,.45);\r\n\r\n    font-size:7px;\r\n    font-weight:500;\r\n    letter-spacing:.23em;\r\n}\r\n\r\n.ipala-turtle-title h2{\r\n    margin:0;\r\n    max-width:720px;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:clamp(48px,6vw,88px);\r\n    font-weight:300;\r\n    line-height:.91;\r\n    letter-spacing:-.06em;\r\n}\r\n\r\n.ipala-turtle-title h2 span{\r\n    display:block;\r\n}\r\n\r\n.ipala-turtle-title h2 em{\r\n    display:block;\r\n    margin-top:4px;\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n    font-size:1.1em;\r\n    font-style:normal;\r\n    font-weight:400;\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-turtle-copy{\r\n    position:relative;\r\n    padding-left:24px;\r\n}\r\n\r\n.ipala-turtle-copy-line{\r\n    position:absolute;\r\n    top:4px;\r\n    left:0;\r\n\r\n    width:1px;\r\n    height:62px;\r\n\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-turtle-copy p{\r\n    margin:0;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:clamp(11px,.9vw,13px);\r\n    font-weight:300;\r\n    line-height:1.75;\r\n}\r\n\r\n.ipala-turtle-copy p + p{\r\n    margin-top:16px;\r\n}\r\n\r\n.ipala-turtle-copy strong{\r\n    color:var(--verde-dark);\r\n    font-weight:500;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO \u00b7 EXPERIENCIA\r\n========================================================= *\/\r\n\r\n.ipala-turtle-video-section{\r\n    margin-bottom:clamp(55px,6vw,80px);\r\n}\r\n\r\n.ipala-video-heading{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) minmax(280px,440px);\r\n    align-items:end;\r\n    gap:clamp(35px,6vw,90px);\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ipala-video-heading-main{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:15px;\r\n}\r\n\r\n.ipala-video-heading small{\r\n    display:block;\r\n    margin-bottom:6px;\r\n    color:rgba(41,72,62,.43);\r\n    font-size:6px;\r\n    font-weight:500;\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-video-heading h3{\r\n    margin:0;\r\n    color:var(--verde-dark);\r\n    font-size:clamp(28px,3vw,44px);\r\n    font-weight:300;\r\n    line-height:.98;\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.ipala-video-heading h3 em{\r\n    color:var(--verde);\r\n    font-family:'Rochester',cursive;\r\n    font-size:1.12em;\r\n    font-weight:400;\r\n    font-style:normal;\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-video-heading > p{\r\n    max-width:430px;\r\n    margin:0;\r\n    color:rgba(41,72,62,.52);\r\n    font-size:10px;\r\n    font-weight:300;\r\n    line-height:1.7;\r\n}\r\n\r\n.ipala-video-experience{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);\r\n    min-height:430px;\r\n    border:1px solid rgba(41,72,62,.13);\r\n    background:rgba(255,255,255,.35);\r\n}\r\n\r\n.ipala-video-frame{\r\n    position:relative;\r\n    min-width:0;\r\n    min-height:430px;\r\n    overflow:hidden;\r\n    background:var(--verde-deep);\r\n}\r\n\r\n.ipala-release-video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    background:var(--verde-deep);\r\n}\r\n\r\n.ipala-video-frame::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:2;\r\n    pointer-events:none;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(17,35,29,.05) 20%,\r\n            rgba(17,35,29,.20) 70%,\r\n            rgba(17,35,29,.52) 100%\r\n        );\r\n    transition:opacity .45s ease;\r\n}\r\n\r\n.ipala-video-frame.is-playing::after{\r\n    opacity:0;\r\n}\r\n\r\n.ipala-video-play{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:5;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    padding:0;\r\n\r\n    border:0;\r\n    border-radius:0;\r\n\r\n    background:transparent !important;\r\n    color:#FFFFFF;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    cursor:none;\r\n\r\n    -webkit-appearance:none;\r\n    appearance:none;\r\n\r\n    -webkit-tap-highlight-color:transparent;\r\n\r\n    outline:none;\r\n    box-shadow:none;\r\n}\r\n\r\n.ipala-video-play::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at var(--ipala-cursor-x,50%) var(--ipala-cursor-y,50%),\r\n            rgba(255,255,255,.10) 0,\r\n            rgba(255,255,255,.045) 90px,\r\n            transparent 220px\r\n        );\r\n\r\n    opacity:0;\r\n\r\n    transition:\r\n        opacity .35s ease;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.ipala-video-frame.is-hovering .ipala-video-play::before{\r\n    opacity:1;\r\n}\r\n\r\n.ipala-video-play-cursor{\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n\r\n    width:104px;\r\n    height:104px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:6px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.62);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(41,72,62,.38);\r\n\r\n    color:#FFFFFF;\r\n\r\n    backdrop-filter:\r\n        blur(16px)\r\n        saturate(135%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(16px)\r\n        saturate(135%);\r\n\r\n    box-shadow:\r\n        0 14px 45px\r\n        rgba(14,35,27,.18);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translate3d(\r\n            calc(var(--cursor-render-x,50%) - 52px),\r\n            calc(var(--cursor-render-y,50%) - 52px),\r\n            0\r\n        )\r\n        scale(.72);\r\n\r\n    transform-origin:center;\r\n\r\n    will-change:transform,opacity;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .22s ease,\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.ipala-video-frame.is-hovering\r\n.ipala-video-play-cursor{\r\n    opacity:1;\r\n}\r\n\r\n.ipala-video-frame.is-pointer-down\r\n.ipala-video-play-cursor{\r\n    border-color:#FFFFFF;\r\n\r\n    background:\r\n        rgba(255,255,255,.92);\r\n\r\n    color:\r\n        var(--verde-dark);\r\n}\r\n\r\n.ipala-video-play-icon{\r\n    width:31px;\r\n    height:31px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.28);\r\n\r\n    border-radius:50%;\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-video-frame.is-hovering\r\n.ipala-video-play-icon{\r\n    transform:\r\n        scale(1.08)\r\n        rotate(2deg);\r\n}\r\n\r\n.ipala-video-play-icon svg{\r\n    width:15px;\r\n    height:15px;\r\n}\r\n\r\n.ipala-video-icon-pause{\r\n    display:none;\r\n}\r\n\r\n.ipala-video-frame.is-playing\r\n.ipala-video-icon-play{\r\n    display:none;\r\n}\r\n\r\n.ipala-video-frame.is-playing\r\n.ipala-video-icon-pause{\r\n    display:block;\r\n}\r\n\r\n.ipala-video-cursor-label{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    gap:1px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.ipala-video-cursor-label small{\r\n    color:\r\n        rgba(255,255,255,.58);\r\n\r\n    font-size:5px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-video-cursor-label strong{\r\n    color:#FFFFFF;\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.12em;\r\n}\r\n\r\n.ipala-video-frame.is-pointer-down\r\n.ipala-video-cursor-label small,\r\n.ipala-video-frame.is-pointer-down\r\n.ipala-video-cursor-label strong{\r\n    color:\r\n        var(--verde-dark);\r\n}\r\n\r\n.ipala-video-prompt{\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    left:clamp(20px,3vw,40px);\r\n    bottom:clamp(49px,5vw,72px);\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    gap:4px;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.ipala-video-prompt small{\r\n    color:\r\n        rgba(255,255,255,.58);\r\n\r\n    font-size:6px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n.ipala-video-prompt strong{\r\n    color:#FFFFFF;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:400;\r\n}\r\n\r\n.ipala-video-frame.is-hovering\r\n.ipala-video-prompt,\r\n.ipala-video-frame.is-playing\r\n.ipala-video-prompt{\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(6px);\r\n}\r\n\r\n\r\n.ipala-video-caption{\r\n    position:absolute;\r\n    z-index:4;\r\n\r\n    left:clamp(20px,3vw,40px);\r\n    right:clamp(20px,3vw,40px);\r\n    bottom:18px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n\r\n    color:rgba(255,255,255,.56);\r\n\r\n    font-size:5px;\r\n    font-weight:500;\r\n    letter-spacing:.15em;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.ipala-protocol-card{\r\n    position:relative;\r\n    padding:clamp(28px,3vw,42px);\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    border-left:1px solid rgba(41,72,62,.13);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.80),\r\n            rgba(228,236,231,.74)\r\n        );\r\n}\r\n\r\n.ipala-protocol-top{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:18px;\r\n\r\n    margin-bottom:26px;\r\n\r\n    color:rgba(41,72,62,.54);\r\n\r\n    font-size:7.5px;\r\n    font-weight:500;\r\n    letter-spacing:.16em;\r\n}\r\n\r\n.ipala-protocol-index{\r\n    color:rgba(41,72,62,.25);\r\n}\r\n\r\n.ipala-protocol-card h4{\r\n    margin:0 0 20px;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:clamp(30px,3vw,44px);\r\n    font-weight:300;\r\n    line-height:.96;\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n.ipala-protocol-card h4 em{\r\n    display:block;\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n    font-size:1.08em;\r\n    font-style:normal;\r\n    font-weight:400;\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-protocol-card > p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.72);\r\n\r\n    font-size:12px;\r\n    font-weight:300;\r\n    line-height:1.72;\r\n}\r\n\r\n.ipala-protocol-card > p + p{\r\n    margin-top:13px;\r\n}\r\n\r\n.ipala-protocol-points{\r\n    margin-top:25px;\r\n\r\n    border-top:1px solid rgba(41,72,62,.12);\r\n}\r\n\r\n.ipala-protocol-points > div{\r\n    display:grid;\r\n    grid-template-columns:24px 1fr;\r\n    gap:10px;\r\n    align-items:start;\r\n\r\n    padding:11px 0;\r\n\r\n    border-bottom:1px solid rgba(41,72,62,.10);\r\n}\r\n\r\n.ipala-protocol-points span{\r\n    color:rgba(41,72,62,.32);\r\n\r\n    font-size:7.5px;\r\n    font-weight:500;\r\n}\r\n\r\n.ipala-protocol-points p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.68);\r\n\r\n    font-size:10px;\r\n    line-height:1.55;\r\n}\r\n\r\n.ipala-protocol-seal{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:10px;\r\n\r\n    margin-top:auto;\r\n    padding-top:23px;\r\n}\r\n\r\n.ipala-protocol-seal-line{\r\n    width:28px;\r\n    height:1px;\r\n    margin-top:6px;\r\n    flex:0 0 auto;\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-protocol-seal p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.62);\r\n\r\n    font-size:9px;\r\n    font-weight:400;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* VIDEO TABLET *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ipala-video-heading{\r\n        grid-template-columns:1fr;\r\n        align-items:start;\r\n        gap:15px;\r\n    }\r\n\r\n    .ipala-video-heading > p{\r\n        max-width:600px;\r\n        padding-left:22px;\r\n    }\r\n\r\n    .ipala-video-experience{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ipala-video-frame{\r\n        min-height:460px;\r\n    }\r\n\r\n    .ipala-protocol-card{\r\n        border-left:0;\r\n        border-top:1px solid rgba(41,72,62,.13);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* VIDEO MOBILE *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .ipala-turtle-video-section{\r\n        margin-bottom:55px;\r\n    }\r\n\r\n    .ipala-video-heading-main{\r\n        gap:12px;\r\n    }\r\n\r\n    .ipala-video-heading h3{\r\n        font-size:clamp(30px,9vw,39px);\r\n    }\r\n\r\n    .ipala-video-heading > p{\r\n        padding-left:0;\r\n        font-size:9px;\r\n    }\r\n\r\n    .ipala-video-experience{\r\n        min-height:0;\r\n    }\r\n\r\n    .ipala-video-frame{\r\n        min-height:430px;\r\n    }\r\n\r\n    .ipala-release-video{\r\n        object-position:center center;\r\n    }\r\n\r\n    .ipala-video-play{\r\n        left:18px;\r\n        bottom:53px;\r\n    }\r\n\r\n    .ipala-video-play-circle{\r\n        width:52px;\r\n        height:52px;\r\n    }\r\n\r\n\r\n    .ipala-video-play{\r\n        cursor:pointer;\r\n    }\r\n\r\n    .ipala-video-play::before{\r\n        display:none;\r\n    }\r\n\r\n    .ipala-video-play-cursor{\r\n        left:50%;\r\n        top:50%;\r\n\r\n        width:92px;\r\n        height:92px;\r\n\r\n        opacity:1;\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(1);\r\n\r\n        background:\r\n            rgba(41,72,62,.48);\r\n    }\r\n\r\n    .ipala-video-frame.is-playing\r\n    .ipala-video-play-cursor{\r\n        opacity:.12;\r\n    }\r\n\r\n    .ipala-video-prompt{\r\n        left:18px;\r\n        bottom:54px;\r\n    }\r\n\r\n    .ipala-video-caption{\r\n        left:18px;\r\n        right:18px;\r\n        bottom:16px;\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        gap:3px;\r\n    }\r\n\r\n    .ipala-protocol-card{\r\n        padding:25px 20px;\r\n    }\r\n\r\n    .ipala-protocol-card h4{\r\n        font-size:36px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n========================================================= *\/\r\n\r\n.ipala-turtle-select-head{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n    margin-bottom:19px;\r\n}\r\n\r\n.ipala-turtle-select-head > div{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:15px;\r\n}\r\n\r\n.ipala-step{\r\n    color:rgba(41,72,62,.35);\r\n    font-size:7px;\r\n    letter-spacing:.14em;\r\n}\r\n\r\n.ipala-turtle-select-head small,\r\n.ipala-calendar-title small{\r\n    display:block;\r\n    margin-bottom:6px;\r\n\r\n    color:rgba(41,72,62,.43);\r\n\r\n    font-size:6px;\r\n    font-weight:500;\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-turtle-select-head h3,\r\n.ipala-calendar-title h3{\r\n    margin:0;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:clamp(22px,2vw,30px);\r\n    font-weight:300;\r\n    letter-spacing:-.035em;\r\n}\r\n\r\n.ipala-selected-label{\r\n    color:rgba(41,72,62,.38);\r\n    font-size:7px;\r\n    letter-spacing:.10em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPTIONS\r\n========================================================= *\/\r\n\r\n.ipala-turtle-options{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    margin-bottom:\r\n        clamp(55px,6vw,80px);\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-turtle-option{\r\n    position:relative;\r\n\r\n    min-width:0;\r\n    min-height:225px;\r\n\r\n    padding:\r\n        clamp(22px,2.5vw,33px);\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        35px\r\n        1fr\r\n        22px;\r\n\r\n    gap:16px;\r\n\r\n    align-items:start;\r\n\r\n    border:0 !important;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13) !important;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13) !important;\r\n\r\n    border-radius:0 !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    color:\r\n        var(--verde-dark) !important;\r\n\r\n    text-align:left;\r\n\r\n    font-family:'Montserrat',sans-serif !important;\r\n\r\n    cursor:pointer;\r\n\r\n    overflow:hidden;\r\n\r\n    -webkit-appearance:none !important;\r\n    appearance:none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent !important;\r\n\r\n    box-shadow:none !important;\r\n    outline:none !important;\r\n\r\n    transition:\r\n        background .45s ease,\r\n        color .45s ease,\r\n        transform .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-turtle-option::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n\r\n    background:var(--verde-ultra-light);\r\n\r\n    transform:scaleY(0);\r\n    transform-origin:bottom;\r\n\r\n    transition:\r\n        transform .55s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-turtle-option:hover::before{\r\n    transform:scaleY(1);\r\n}\r\n\r\n.ipala-turtle-option.active{\r\n    background:var(--verde) !important;\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n.ipala-turtle-option.active::before{\r\n    background:var(--verde) !important;\r\n    transform:scaleY(1);\r\n}\r\n\r\n.ipala-turtle-option > *{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.ipala-option-number{\r\n    color:rgba(41,72,62,.35);\r\n    font-size:7px;\r\n}\r\n\r\n.ipala-option-content small{\r\n    display:block;\r\n    margin-bottom:10px;\r\n\r\n    color:rgba(41,72,62,.43);\r\n\r\n    font-size:6px;\r\n    font-weight:500;\r\n    letter-spacing:.17em;\r\n}\r\n\r\n.ipala-option-content h4{\r\n    margin:0 0 13px;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:clamp(27px,2.6vw,39px);\r\n    font-weight:300;\r\n    line-height:.97;\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.ipala-option-content h4 em{\r\n    display:block;\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n    font-size:1.1em;\r\n    font-weight:400;\r\n    font-style:normal;\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-option-content p{\r\n    max-width:455px;\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.57);\r\n\r\n    font-size:10px;\r\n    line-height:1.65;\r\n}\r\n\r\n.ipala-option-check{\r\n    width:18px;\r\n    height:18px;\r\n    padding:4px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.23);\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n.ipala-option-check span{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n\r\n    border-radius:50%;\r\n\r\n    background:transparent;\r\n\r\n    transition:\r\n        background .3s ease;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-number{\r\n    color:rgba(255,255,255,.46) !important;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-content small{\r\n    color:rgba(255,255,255,.58) !important;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-content h4{\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-content h4 em{\r\n    color:var(--verde-light) !important;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-content p{\r\n    color:rgba(255,255,255,.72) !important;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-check{\r\n    border-color:rgba(255,255,255,.50) !important;\r\n}\r\n\r\n.ipala-turtle-option.active .ipala-option-check span{\r\n    background:var(--verde-light) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALENDAR\r\n========================================================= *\/\r\n\r\n.ipala-calendar-heading{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ipala-calendar-title{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:15px;\r\n}\r\n\r\n.ipala-calendar-info{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n\r\n    color:rgba(41,72,62,.49);\r\n\r\n    font-size:7px;\r\n    letter-spacing:.08em;\r\n}\r\n\r\n.ipala-calendar-dot{\r\n    display:block;\r\n    width:6px;\r\n    height:6px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--verde);\r\n}\r\n\r\n.ipala-calendar-instruction{\r\n    margin-bottom:18px;\r\n    padding:12px 15px;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--verde-light);\r\n\r\n    background:\r\n        rgba(255,255,255,.46);\r\n}\r\n\r\n.ipala-calendar-instruction p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.58);\r\n\r\n    font-size:9px;\r\n    line-height:1.6;\r\n}\r\n\r\n.ipala-calendar-scroll{\r\n    width:100%;\r\n}\r\n\r\n.ipala-calendar{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(7,minmax(0,1fr));\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-calendar-week{\r\n    min-height:34px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    color:rgba(41,72,62,.45);\r\n\r\n    font-size:6px;\r\n    font-weight:500;\r\n    letter-spacing:.14em;\r\n}\r\n\r\n.ipala-calendar-empty{\r\n    min-height:75px;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    background:\r\n        rgba(41,72,62,.012);\r\n}\r\n\r\n.ipala-calendar-day{\r\n    position:relative;\r\n\r\n    min-width:0;\r\n    min-height:75px;\r\n\r\n    padding:10px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n\r\n    border:0;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-radius:0;\r\n\r\n    background:transparent;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    text-align:left;\r\n}\r\n\r\n.ipala-calendar-day span{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    font-size:15px;\r\n    font-weight:300;\r\n    letter-spacing:-.04em;\r\n}\r\n\r\n.ipala-calendar-day small{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    color:rgba(41,72,62,.48);\r\n\r\n    font-size:5px;\r\n    font-weight:500;\r\n    letter-spacing:.10em;\r\n}\r\n\r\nbutton.ipala-calendar-day.available{\r\n    cursor:pointer;\r\n\r\n    background:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    overflow:hidden;\r\n\r\n    outline:none !important;\r\n    box-shadow:none !important;\r\n\r\n    -webkit-appearance:none !important;\r\n    appearance:none !important;\r\n\r\n    -webkit-tap-highlight-color:\r\n        transparent !important;\r\n\r\n    transition:\r\n        color .4s ease;\r\n}\r\n\r\nbutton.ipala-calendar-day.available::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:var(--verde);\r\n\r\n    transform:scaleY(0);\r\n    transform-origin:bottom;\r\n\r\n    transition:\r\n        transform .42s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\nbutton.ipala-calendar-day.available::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:12px;\r\n    right:11px;\r\n\r\n    width:5px;\r\n    height:5px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--verde);\r\n}\r\n\r\nbutton.ipala-calendar-day.available:hover{\r\n    color:#FFFFFF !important;\r\n}\r\n\r\nbutton.ipala-calendar-day.available:hover::before{\r\n    transform:scaleY(1);\r\n}\r\n\r\nbutton.ipala-calendar-day.available:hover small{\r\n    color:rgba(255,255,255,.72);\r\n}\r\n\r\nbutton.ipala-calendar-day.available:hover::after{\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-calendar-day.disabled{\r\n    color:rgba(41,72,62,.20);\r\n\r\n    background:\r\n        rgba(41,72,62,.025);\r\n}\r\n\r\n.ipala-calendar-day.special small{\r\n    color:rgba(41,72,62,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALENDAR FOOTER\r\n========================================================= *\/\r\n\r\n.ipala-calendar-footer{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n\r\n    gap:35px;\r\n\r\n    margin-top:19px;\r\n}\r\n\r\n.ipala-calendar-note{\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:12px;\r\n\r\n    max-width:620px;\r\n}\r\n\r\n.ipala-calendar-note > span{\r\n    flex:0 0 auto;\r\n\r\n    width:26px;\r\n    height:1px;\r\n\r\n    margin-top:7px;\r\n\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-calendar-note p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.46);\r\n\r\n    font-size:7px;\r\n    line-height:1.6;\r\n}\r\n\r\n.ipala-calendar-cta{\r\n    text-align:right;\r\n}\r\n\r\n.ipala-calendar-cta small{\r\n    display:block;\r\n    margin-bottom:5px;\r\n\r\n    color:rgba(41,72,62,.34);\r\n\r\n    font-size:5px;\r\n    font-weight:500;\r\n    letter-spacing:.18em;\r\n}\r\n\r\n.ipala-calendar-cta strong{\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:21px;\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACI\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-turtle-intro,\r\n.ipala-turtle-video-section,\r\n.ipala-turtle-options,\r\n.ipala-turtle-calendar-section{\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(25px);\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-turtle-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ipala-turtle-intro{\r\n        grid-template-columns:1fr;\r\n        align-items:start;\r\n        gap:35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:650px){\r\n\r\n    .ipala-turtle-container{\r\n        padding:\r\n            68px\r\n            16px\r\n            65px;\r\n    }\r\n\r\n    .ipala-turtle-intro{\r\n        padding:\r\n            42px\r\n            0\r\n            55px;\r\n    }\r\n\r\n    .ipala-turtle-title h2{\r\n        font-size:\r\n            clamp(45px,13vw,58px);\r\n    }\r\n\r\n    .ipala-turtle-select-head{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        gap:12px;\r\n    }\r\n\r\n    .ipala-selected-label{\r\n        display:none;\r\n    }\r\n\r\n    .ipala-turtle-options{\r\n        grid-template-columns:1fr;\r\n        margin-bottom:58px;\r\n    }\r\n\r\n    .ipala-turtle-option{\r\n        min-height:200px;\r\n\r\n        padding:\r\n            23px\r\n            19px;\r\n\r\n        grid-template-columns:\r\n            27px\r\n            1fr\r\n            18px;\r\n    }\r\n\r\n    .ipala-calendar-heading{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        gap:14px;\r\n    }\r\n\r\n    .ipala-calendar-scroll{\r\n        overflow-x:auto;\r\n        padding-bottom:5px;\r\n        scrollbar-width:thin;\r\n    }\r\n\r\n    .ipala-calendar{\r\n        min-width:640px;\r\n    }\r\n\r\n    .ipala-calendar-footer{\r\n        flex-direction:column;\r\n        gap:20px;\r\n    }\r\n\r\n    .ipala-calendar-cta{\r\n        text-align:left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-turtle *,\r\n    .ipala-turtle *::before,\r\n    .ipala-turtle *::after{\r\n        animation-duration:.01ms !important;\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n    .ipala-turtle-intro,\r\n    .ipala-turtle-video-section,\r\n    .ipala-turtle-options,\r\n    .ipala-turtle-calendar-section{\r\n        opacity:1;\r\n        transform:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".ipala-turtle\"\r\n            );\r\n\r\n        if(!section){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           WHATSAPP\r\n        ====================================================== *\/\r\n\r\n        const WHATSAPP_NUMBER =\r\n            \"5210000000000\";\r\n\r\n\r\n        let selectedExperience =\r\n            \"Estancia en Ipala Glam Container + experiencia de liberaci\u00f3n de tortugas\";\r\n\r\n\r\n        let selectedShortName =\r\n            \"Estancia + liberaci\u00f3n\";\r\n\r\n\r\n        const options =\r\n            section.querySelectorAll(\r\n                \".ipala-turtle-option\"\r\n            );\r\n\r\n\r\n        const dates =\r\n            section.querySelectorAll(\r\n                \".ipala-calendar-day.available\"\r\n            );\r\n\r\n\r\n        const experienceDisplay =\r\n            document.getElementById(\r\n                \"ipalaExperienceDisplay\"\r\n            );\r\n\r\n\r\n        \/* =====================================================\r\n           EXPERIENCIA\r\n        ====================================================== *\/\r\n\r\n        options.forEach(\r\n            function(option){\r\n\r\n                option.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        options.forEach(\r\n                            function(item){\r\n\r\n                                item.classList.remove(\r\n                                    \"active\"\r\n                                );\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        option.classList.add(\r\n                            \"active\"\r\n                        );\r\n\r\n\r\n                        selectedExperience =\r\n                            option.dataset.experience;\r\n\r\n\r\n                        if(\r\n                            selectedExperience.includes(\r\n                                \"Estancia\"\r\n                            )\r\n                        ){\r\n\r\n                            selectedShortName =\r\n                                \"Estancia + liberaci\u00f3n\";\r\n\r\n                        }else{\r\n\r\n                            selectedShortName =\r\n                                \"Solo liberaci\u00f3n\";\r\n\r\n                        }\r\n\r\n\r\n                        if(experienceDisplay){\r\n\r\n                            experienceDisplay.textContent =\r\n                                selectedShortName;\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           FECHA \u2192 WHATSAPP\r\n        ====================================================== *\/\r\n\r\n        dates.forEach(\r\n            function(dateButton){\r\n\r\n                dateButton.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        const day =\r\n                            dateButton.dataset.day;\r\n\r\n\r\n                        const fullDate =\r\n                            day +\r\n                            \" de septiembre de 2026\";\r\n\r\n\r\n                        let message =\r\n                            \"Hola, me gustar\u00eda solicitar informaci\u00f3n para reservar una experiencia en Ipala, Jalisco.\\n\\n\";\r\n\r\n\r\n                        message +=\r\n                            \"Experiencia: \" +\r\n                            selectedExperience +\r\n                            \"\\n\";\r\n\r\n\r\n                        message +=\r\n                            \"Fecha de liberaci\u00f3n: \" +\r\n                            fullDate +\r\n                            \"\\n\\n\";\r\n\r\n\r\n                        if(\r\n                            selectedExperience.includes(\r\n                                \"Estancia\"\r\n                            )\r\n                        ){\r\n\r\n                            message +=\r\n                                \"Me interesa hospedarme en Ipala Glam Container y vivir la experiencia completa de liberaci\u00f3n de tortugas. Quisiera conocer disponibilidad de hospedaje, horarios, costos y c\u00f3mo puedo concluir mi reservaci\u00f3n.\";\r\n\r\n                        }else{\r\n\r\n                            message +=\r\n                                \"Me interesa asistir \u00fanicamente a la experiencia de liberaci\u00f3n de tortugas. Quisiera conocer disponibilidad, horarios, costos y c\u00f3mo puedo reservar mi lugar.\";\r\n\r\n                        }\r\n\r\n\r\n                        const whatsappURL =\r\n                            \"https:\/\/wa.me\/\" +\r\n                            WHATSAPP_NUMBER +\r\n                            \"?text=\" +\r\n                            encodeURIComponent(\r\n                                message\r\n                            );\r\n\r\n\r\n                        window.open(\r\n                            whatsappURL,\r\n                            \"_blank\",\r\n                            \"noopener\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           VIDEO \u00b7 CURSOR INTERACTIVO\r\n        ====================================================== *\/\r\n\r\n        const releaseVideo =\r\n            document.getElementById(\r\n                \"ipalaReleaseVideo\"\r\n            );\r\n\r\n\r\n        const videoPlay =\r\n            document.getElementById(\r\n                \"ipalaVideoPlay\"\r\n            );\r\n\r\n\r\n        const videoFrame =\r\n            section.querySelector(\r\n                \".ipala-video-frame\"\r\n            );\r\n\r\n\r\n        const playCursor =\r\n            section.querySelector(\r\n                \".ipala-video-play-cursor\"\r\n            );\r\n\r\n\r\n        if(\r\n            releaseVideo &&\r\n            videoPlay &&\r\n            videoFrame &&\r\n            playCursor\r\n        ){\r\n\r\n            const finePointer =\r\n                window.matchMedia(\r\n                    \"(hover:hover) and (pointer:fine)\"\r\n                ).matches;\r\n\r\n\r\n            let targetX = 0;\r\n            let targetY = 0;\r\n\r\n            let currentX = 0;\r\n            let currentY = 0;\r\n\r\n            let rafId = null;\r\n\r\n\r\n            function renderCursor(){\r\n\r\n                currentX +=\r\n                    (targetX - currentX) * .16;\r\n\r\n                currentY +=\r\n                    (targetY - currentY) * .16;\r\n\r\n\r\n                playCursor.style.setProperty(\r\n                    \"--cursor-render-x\",\r\n                    currentX + \"px\"\r\n                );\r\n\r\n\r\n                playCursor.style.setProperty(\r\n                    \"--cursor-render-y\",\r\n                    currentY + \"px\"\r\n                );\r\n\r\n\r\n                const distance =\r\n                    Math.abs(targetX-currentX) +\r\n                    Math.abs(targetY-currentY);\r\n\r\n\r\n                if(distance > .15){\r\n\r\n                    rafId =\r\n                        requestAnimationFrame(\r\n                            renderCursor\r\n                        );\r\n\r\n                }else{\r\n\r\n                    rafId = null;\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            function requestCursorRender(){\r\n\r\n                if(!rafId){\r\n\r\n                    rafId =\r\n                        requestAnimationFrame(\r\n                            renderCursor\r\n                        );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            if(finePointer){\r\n\r\n                videoFrame.addEventListener(\r\n                    \"pointerenter\",\r\n                    function(event){\r\n\r\n                        const rect =\r\n                            videoFrame.getBoundingClientRect();\r\n\r\n\r\n                        targetX =\r\n                            event.clientX - rect.left;\r\n\r\n                        targetY =\r\n                            event.clientY - rect.top;\r\n\r\n\r\n                        currentX =\r\n                            targetX;\r\n\r\n                        currentY =\r\n                            targetY;\r\n\r\n\r\n                        playCursor.style.setProperty(\r\n                            \"--cursor-render-x\",\r\n                            currentX + \"px\"\r\n                        );\r\n\r\n\r\n                        playCursor.style.setProperty(\r\n                            \"--cursor-render-y\",\r\n                            currentY + \"px\"\r\n                        );\r\n\r\n\r\n                        videoFrame.classList.add(\r\n                            \"is-hovering\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                videoFrame.addEventListener(\r\n                    \"pointermove\",\r\n                    function(event){\r\n\r\n                        const rect =\r\n                            videoFrame.getBoundingClientRect();\r\n\r\n\r\n                        targetX =\r\n                            event.clientX - rect.left;\r\n\r\n                        targetY =\r\n                            event.clientY - rect.top;\r\n\r\n\r\n                        videoPlay.style.setProperty(\r\n                            \"--ipala-cursor-x\",\r\n                            targetX + \"px\"\r\n                        );\r\n\r\n\r\n                        videoPlay.style.setProperty(\r\n                            \"--ipala-cursor-y\",\r\n                            targetY + \"px\"\r\n                        );\r\n\r\n\r\n                        requestCursorRender();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                videoFrame.addEventListener(\r\n                    \"pointerleave\",\r\n                    function(){\r\n\r\n                        videoFrame.classList.remove(\r\n                            \"is-hovering\",\r\n                            \"is-pointer-down\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                videoPlay.addEventListener(\r\n                    \"pointerdown\",\r\n                    function(){\r\n\r\n                        videoFrame.classList.add(\r\n                            \"is-pointer-down\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                window.addEventListener(\r\n                    \"pointerup\",\r\n                    function(){\r\n\r\n                        videoFrame.classList.remove(\r\n                            \"is-pointer-down\"\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        passive:true\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            function toggleReleaseVideo(){\r\n\r\n                if(releaseVideo.paused){\r\n\r\n                    releaseVideo.play();\r\n\r\n                }else{\r\n\r\n                    releaseVideo.pause();\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            videoPlay.addEventListener(\r\n                \"click\",\r\n                toggleReleaseVideo\r\n            );\r\n\r\n\r\n            videoPlay.addEventListener(\r\n                \"keydown\",\r\n                function(event){\r\n\r\n                    if(\r\n                        event.key === \"Enter\" ||\r\n                        event.key === \" \"\r\n                    ){\r\n\r\n                        event.preventDefault();\r\n\r\n                        toggleReleaseVideo();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            releaseVideo.addEventListener(\r\n                \"play\",\r\n                function(){\r\n\r\n                    videoFrame.classList.add(\r\n                        \"is-playing\"\r\n                    );\r\n\r\n\r\n                    videoPlay.setAttribute(\r\n                        \"aria-label\",\r\n                        \"Pausar video de liberaci\u00f3n\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            releaseVideo.addEventListener(\r\n                \"pause\",\r\n                function(){\r\n\r\n                    videoFrame.classList.remove(\r\n                        \"is-playing\"\r\n                    );\r\n\r\n\r\n                    videoPlay.setAttribute(\r\n                        \"aria-label\",\r\n                        \"Reproducir video de liberaci\u00f3n\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            releaseVideo.addEventListener(\r\n                \"ended\",\r\n                function(){\r\n\r\n                    videoFrame.classList.remove(\r\n                        \"is-playing\"\r\n                    );\r\n\r\n\r\n                    videoPlay.setAttribute(\r\n                        \"aria-label\",\r\n                        \"Reproducir video de liberaci\u00f3n\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           ENTRADAS\r\n        ====================================================== *\/\r\n\r\n        const animated =\r\n            section.querySelectorAll(\r\n                \".ipala-turtle-intro,\" +\r\n                \".ipala-turtle-video-section,\" +\r\n                \".ipala-turtle-options,\" +\r\n                \".ipala-turtle-calendar-section\"\r\n            );\r\n\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    function(entries){\r\n\r\n                        entries.forEach(\r\n                            function(entry){\r\n\r\n                                if(\r\n                                    entry.isIntersecting\r\n                                ){\r\n\r\n                                    entry.target.classList.add(\r\n                                        \"ipala-turtle-visible\"\r\n                                    );\r\n\r\n\r\n                                    observer.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        threshold:.10\r\n                    }\r\n                );\r\n\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    observer.observe(\r\n                        element\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }else{\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    element.classList.add(\r\n                        \"ipala-turtle-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e10cb47 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e10cb47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     BLOQUE \u00b7 QU\u00c9 ES IPALA\r\n     EDITORIAL \/ MINIMAL \/ ORGANIC LUXURY\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<section class=\"ipala-about\" id=\"nosotros\">\r\n\r\n    <!-- FONDO -->\r\n    <div class=\"ipala-about-bg\" aria-hidden=\"true\">\r\n        <div class=\"ipala-about-orb ipala-about-orb-one\"><\/div>\r\n        <div class=\"ipala-about-orb ipala-about-orb-two\"><\/div>\r\n        <div class=\"ipala-about-grid\"><\/div>\r\n        <div class=\"ipala-about-giant\">IPALA<\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ipala-about-container\">\r\n\r\n        <!-- TOP -->\r\n        <div class=\"ipala-about-top\">\r\n\r\n            <div class=\"ipala-about-eyebrow\">\r\n                <span><\/span>\r\n                IPALA \u00b7 JALISCO\r\n            <\/div>\r\n\r\n            <div class=\"ipala-about-index\">\r\n                NOSOTROS \/ 01\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- INTRO -->\r\n        <div class=\"ipala-about-intro\">\r\n\r\n            <div class=\"ipala-about-label\">\r\n                <span>01<\/span>\r\n                <small>IPALA GLAM CONTAINER<\/small>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-about-heading\">\r\n\r\n                <small>\r\n                    UN REFUGIO FRENTE AL PAC\u00cdFICO\r\n                <\/small>\r\n\r\n                <h2>\r\n                    Donde la tranquilidad\r\n                    <span>y la exploraci\u00f3n<\/span>\r\n                    <em>se encuentran.<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENIDO PRINCIPAL -->\r\n        <div class=\"ipala-about-story\">\r\n\r\n            <!-- LADO EDITORIAL -->\r\n            <div class=\"ipala-about-statement\">\r\n\r\n                <span class=\"ipala-about-statement-line\"><\/span>\r\n\r\n                <p>\r\n                    Ipala Glam Container es un refugio donde la\r\n                    <strong>tranquilidad<\/strong> y la\r\n                    <strong>exploraci\u00f3n<\/strong> se encuentran\r\n                    frente al mar.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- COPY -->\r\n            <div class=\"ipala-about-copy\">\r\n\r\n                <p>\r\n                    Un espacio creado para quienes buscan alejarse\r\n                    del ruido, reconectar con el entorno y descubrir\r\n                    una forma distinta de vivir la costa.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Con un dise\u00f1o minimalista y org\u00e1nico, ofrecemos\r\n                    confort moderno en total sinton\u00eda con la naturaleza,\r\n                    dejando que el paisaje, el mar y la calma sean los\r\n                    verdaderos protagonistas.\r\n                <\/p>\r\n\r\n                <div class=\"ipala-about-signature\">\r\n\r\n                    <span><\/span>\r\n\r\n                    <div>\r\n                        <small>NUESTRA FORMA DE ENTENDER IPALA<\/small>\r\n                        <strong>\r\n                            Menos ruido.\r\n                            <em>M\u00e1s conexi\u00f3n.<\/em>\r\n                        <\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXPERIENCIA \/ MANIFIESTO -->\r\n        <div class=\"ipala-about-manifesto\">\r\n\r\n            <div class=\"ipala-about-manifesto-head\">\r\n\r\n                <span class=\"ipala-about-manifesto-number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <div>\r\n                    <small>NUESTRA ESENCIA<\/small>\r\n                    <h3>\r\n                        Una forma diferente\r\n                        <em>de estar.<\/em>\r\n                    <\/h3>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-about-principles\">\r\n\r\n                <!-- 01 -->\r\n                <article class=\"ipala-about-principle\">\r\n\r\n                    <div class=\"ipala-principle-top\">\r\n                        <span>01<\/span>\r\n                        <span class=\"ipala-principle-dot\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-principle-content\">\r\n\r\n                        <small>DESCONECTAR<\/small>\r\n\r\n                        <h4>\r\n                            La calma\r\n                            <em>como destino.<\/em>\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            Un espacio para bajar el ritmo, escuchar\r\n                            el mar y disfrutar de lo esencial.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-principle-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path\r\n                                d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 02 -->\r\n                <article class=\"ipala-about-principle\">\r\n\r\n                    <div class=\"ipala-principle-top\">\r\n                        <span>02<\/span>\r\n                        <span class=\"ipala-principle-dot\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-principle-content\">\r\n\r\n                        <small>EXPLORAR<\/small>\r\n\r\n                        <h4>\r\n                            Naturaleza\r\n                            <em>por descubrir.<\/em>\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            El Pac\u00edfico, la costa y su entorno convierten\r\n                            cada estancia en una oportunidad para explorar.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-principle-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path\r\n                                d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 03 -->\r\n                <article class=\"ipala-about-principle\">\r\n\r\n                    <div class=\"ipala-principle-top\">\r\n                        <span>03<\/span>\r\n                        <span class=\"ipala-principle-dot\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-principle-content\">\r\n\r\n                        <small>HABITAR<\/small>\r\n\r\n                        <h4>\r\n                            Confort\r\n                            <em>en equilibrio.<\/em>\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            Dise\u00f1o contempor\u00e1neo, comodidad y una\r\n                            arquitectura que busca convivir con el entorno.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-principle-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path\r\n                                d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CIERRE -->\r\n        <div class=\"ipala-about-closing\">\r\n\r\n            <div class=\"ipala-about-closing-line\"><\/div>\r\n\r\n            <div class=\"ipala-about-closing-content\">\r\n\r\n                <small>\r\n                    IPALA GLAM CONTAINER\r\n                <\/small>\r\n\r\n                <p>\r\n                    No se trata solamente\r\n                    <span>de d\u00f3nde dormir.<\/span>\r\n                    <em>Se trata de c\u00f3mo quieres sentirte.<\/em>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ipala-about-location\">\r\n                <small>FRENTE AL PAC\u00cdFICO<\/small>\r\n                <strong>Ipala \u00b7 Jalisco<\/strong>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.ipala-about,\r\n.ipala-about *,\r\n.ipala-about *::before,\r\n.ipala-about *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ipala-about{\r\n    margin:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ipala-about{\r\n\r\n    --verde:#3A6052;\r\n    --verde-dark:#29483E;\r\n    --verde-deep:#1D352C;\r\n    --verde-light:#B4CEC7;\r\n    --verde-ultra:#E4ECE7;\r\n\r\n    --cream:#F6F7F4;\r\n    --cream-light:#FBFCF9;\r\n\r\n    --text:#25362F;\r\n    --muted:#718079;\r\n\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FBFCF9 0%,\r\n            #F6F7F4 58%,\r\n            #EDF1EC 100%\r\n        );\r\n\r\n    color:var(--text);\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.ipala-about-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    overflow:hidden;\r\n}\r\n\r\n.ipala-about-orb{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    filter:blur(110px);\r\n}\r\n\r\n.ipala-about-orb-one{\r\n    width:480px;\r\n    height:480px;\r\n    top:-240px;\r\n    right:-170px;\r\n    background:rgba(180,206,199,.22);\r\n}\r\n\r\n.ipala-about-orb-two{\r\n    width:420px;\r\n    height:420px;\r\n    left:-220px;\r\n    bottom:-180px;\r\n    background:rgba(58,96,82,.07);\r\n}\r\n\r\n.ipala-about-grid{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    opacity:.022;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:90px 90px;\r\n}\r\n\r\n.ipala-about-giant{\r\n    position:absolute;\r\n\r\n    top:85px;\r\n    right:-.03em;\r\n\r\n    color:rgba(41,72,62,.027);\r\n\r\n    font-size:clamp(150px,25vw,410px);\r\n\r\n    font-weight:500;\r\n\r\n    line-height:.72;\r\n\r\n    letter-spacing:-.09em;\r\n\r\n    white-space:nowrap;\r\n\r\n    user-select:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ipala-about-container{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:min(1420px,100%);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        clamp(75px,8vw,120px)\r\n        clamp(25px,6vw,90px)\r\n        clamp(75px,8vw,120px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.ipala-about-top{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:25px;\r\n\r\n    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-about-eyebrow{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    color:\r\n        rgba(41,72,62,.65);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.24em;\r\n}\r\n\r\n.ipala-about-eyebrow > span{\r\n\r\n    width:32px;\r\n\r\n    height:1px;\r\n\r\n    background:var(--verde);\r\n}\r\n\r\n.ipala-about-index{\r\n\r\n    color:\r\n        rgba(41,72,62,.40);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ipala-about-intro{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(120px,.25fr)\r\n        minmax(0,1fr);\r\n\r\n    gap:\r\n        clamp(35px,7vw,100px);\r\n\r\n    padding:\r\n        clamp(55px,6vw,85px)\r\n        0\r\n        clamp(60px,7vw,105px);\r\n}\r\n\r\n.ipala-about-label{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:14px;\r\n\r\n    padding-top:11px;\r\n}\r\n\r\n.ipala-about-label > span{\r\n\r\n    color:\r\n        rgba(41,72,62,.30);\r\n\r\n    font-size:8px;\r\n}\r\n\r\n.ipala-about-label small{\r\n\r\n    color:\r\n        rgba(41,72,62,.48);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.ipala-about-heading small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:20px;\r\n\r\n    color:\r\n        rgba(41,72,62,.45);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.23em;\r\n}\r\n\r\n.ipala-about-heading h2{\r\n\r\n    max-width:950px;\r\n\r\n    margin:0;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(51px,6.4vw,94px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.91;\r\n\r\n    letter-spacing:-.06em;\r\n}\r\n\r\n.ipala-about-heading h2 span{\r\n    display:block;\r\n}\r\n\r\n.ipala-about-heading h2 em{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.1em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STORY\r\n========================================================= *\/\r\n\r\n.ipala-about-story{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(330px,.65fr);\r\n\r\n    gap:\r\n        clamp(55px,9vw,140px);\r\n\r\n    align-items:start;\r\n\r\n    padding:\r\n        clamp(45px,5vw,75px)\r\n        0\r\n        clamp(75px,8vw,120px);\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATEMENT\r\n========================================================= *\/\r\n\r\n.ipala-about-statement{\r\n\r\n    position:relative;\r\n\r\n    max-width:720px;\r\n\r\n    padding-left:\r\n        clamp(25px,3vw,42px);\r\n}\r\n\r\n.ipala-about-statement-line{\r\n\r\n    position:absolute;\r\n\r\n    top:8px;\r\n\r\n    left:0;\r\n\r\n    width:1px;\r\n\r\n    height:80px;\r\n\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-about-statement p{\r\n\r\n    margin:0;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(28px,3.2vw,47px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.18;\r\n\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.ipala-about-statement strong{\r\n\r\n    color:var(--verde);\r\n\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n========================================================= *\/\r\n\r\n.ipala-about-copy{\r\n\r\n    max-width:500px;\r\n}\r\n\r\n.ipala-about-copy > p{\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(41,72,62,.66);\r\n\r\n    font-size:\r\n        clamp(12px,.95vw,14px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.85;\r\n}\r\n\r\n.ipala-about-copy > p + p{\r\n\r\n    margin-top:19px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE\r\n========================================================= *\/\r\n\r\n.ipala-about-signature{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:15px;\r\n\r\n    margin-top:34px;\r\n\r\n    padding-top:25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.12);\r\n}\r\n\r\n.ipala-about-signature > span{\r\n\r\n    width:34px;\r\n\r\n    height:1px;\r\n\r\n    margin-top:7px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-about-signature div{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n}\r\n\r\n.ipala-about-signature small{\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:\r\n        rgba(41,72,62,.40);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.17em;\r\n}\r\n\r\n.ipala-about-signature strong{\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(18px,1.7vw,25px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.2;\r\n}\r\n\r\n.ipala-about-signature em{\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.2em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANIFESTO\r\n========================================================= *\/\r\n\r\n.ipala-about-manifesto{\r\n\r\n    padding-top:\r\n        clamp(65px,7vw,100px);\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-about-manifesto-head{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:17px;\r\n\r\n    margin-bottom:28px;\r\n}\r\n\r\n.ipala-about-manifesto-number{\r\n\r\n    margin-top:5px;\r\n\r\n    color:\r\n        rgba(41,72,62,.30);\r\n\r\n    font-size:8px;\r\n}\r\n\r\n.ipala-about-manifesto-head small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:\r\n        rgba(41,72,62,.44);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-about-manifesto-head h3{\r\n\r\n    margin:0;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(30px,3.2vw,46px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.ipala-about-manifesto-head h3 em{\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.12em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLES\r\n========================================================= *\/\r\n\r\n.ipala-about-principles{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-about-principle{\r\n\r\n    position:relative;\r\n\r\n    min-height:340px;\r\n\r\n    padding:\r\n        clamp(25px,3vw,39px);\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:space-between;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    background:\r\n        rgba(255,255,255,.38);\r\n\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        transform .55s cubic-bezier(.16,1,.3,1),\r\n        color .45s ease;\r\n}\r\n\r\n.ipala-about-principle::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:0;\r\n\r\n    background:var(--verde);\r\n\r\n    transform:scaleY(0);\r\n\r\n    transform-origin:bottom;\r\n\r\n    transition:\r\n        transform .65s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-about-principle:hover::before{\r\n    transform:scaleY(1);\r\n}\r\n\r\n.ipala-about-principle > *{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE TOP\r\n========================================================= *\/\r\n\r\n.ipala-principle-top{\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    color:\r\n        rgba(41,72,62,.35);\r\n\r\n    font-size:8px;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n.ipala-principle-dot{\r\n\r\n    width:6px;\r\n\r\n    height:6px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--verde);\r\n\r\n    transition:\r\n        background .4s ease,\r\n        transform .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE CONTENT\r\n========================================================= *\/\r\n\r\n.ipala-principle-content{\r\n\r\n    margin-top:auto;\r\n\r\n    padding-top:70px;\r\n}\r\n\r\n.ipala-principle-content small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:11px;\r\n\r\n    color:\r\n        rgba(41,72,62,.43);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.19em;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n.ipala-principle-content h4{\r\n\r\n    margin:0 0 18px;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(29px,2.7vw,42px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-.05em;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n.ipala-principle-content h4 em{\r\n\r\n    display:block;\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.12em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n.ipala-principle-content p{\r\n\r\n    max-width:340px;\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(41,72,62,.57);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.7;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.ipala-principle-arrow{\r\n\r\n    position:absolute;\r\n\r\n    top:50%;\r\n\r\n    right:35px;\r\n\r\n    width:38px;\r\n\r\n    height:38px;\r\n\r\n    display:grid;\r\n\r\n    place-items:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.16);\r\n\r\n    border-radius:50%;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        translateX(-10px);\r\n\r\n    transition:\r\n        opacity .45s ease,\r\n        transform .55s cubic-bezier(.16,1,.3,1),\r\n        border-color .4s ease;\r\n}\r\n\r\n.ipala-principle-arrow svg{\r\n\r\n    width:16px;\r\n\r\n    height:16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n.ipala-about-principle:hover{\r\n\r\n    color:#ffffff;\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-top{\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-dot{\r\n\r\n    background:var(--verde-light);\r\n\r\n    transform:scale(1.35);\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-content small{\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-content h4{\r\n\r\n    color:#ffffff;\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-content h4 em{\r\n\r\n    color:var(--verde-light);\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-content p{\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n}\r\n\r\n.ipala-about-principle:hover\r\n.ipala-principle-arrow{\r\n\r\n    opacity:1;\r\n\r\n    color:#ffffff;\r\n\r\n    border-color:\r\n        rgba(255,255,255,.32);\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        translateX(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSING\r\n========================================================= *\/\r\n\r\n.ipala-about-closing{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(40px,.15fr)\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n    align-items:end;\r\n\r\n    gap:\r\n        clamp(25px,5vw,70px);\r\n\r\n    padding-top:\r\n        clamp(75px,9vw,135px);\r\n}\r\n\r\n.ipala-about-closing-line{\r\n\r\n    width:100%;\r\n\r\n    height:1px;\r\n\r\n    margin-bottom:10px;\r\n\r\n    background:var(--verde-light);\r\n}\r\n\r\n.ipala-about-closing-content small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:15px;\r\n\r\n    color:\r\n        rgba(41,72,62,.40);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-about-closing-content p{\r\n\r\n    max-width:850px;\r\n\r\n    margin:0;\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(30px,4.3vw,64px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-.055em;\r\n}\r\n\r\n.ipala-about-closing-content p span{\r\n    display:block;\r\n}\r\n\r\n.ipala-about-closing-content p em{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:var(--verde);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.05em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-about-location{\r\n\r\n    min-width:145px;\r\n\r\n    padding-bottom:8px;\r\n\r\n    text-align:right;\r\n}\r\n\r\n.ipala-about-location small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:\r\n        rgba(41,72,62,.35);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.16em;\r\n}\r\n\r\n.ipala-about-location strong{\r\n\r\n    color:var(--verde-dark);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACIONES DE ENTRADA\r\n========================================================= *\/\r\n\r\n.ipala-about-intro,\r\n.ipala-about-story,\r\n.ipala-about-manifesto,\r\n.ipala-about-closing{\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(28px);\r\n\r\n    transition:\r\n        opacity .9s ease,\r\n        transform .9s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-about-visible{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ipala-about-intro{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:24px;\r\n    }\r\n\r\n    .ipala-about-label{\r\n        padding-top:0;\r\n    }\r\n\r\n    .ipala-about-story{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:45px;\r\n    }\r\n\r\n    .ipala-about-copy{\r\n\r\n        max-width:650px;\r\n\r\n        margin-left:auto;\r\n    }\r\n\r\n    .ipala-about-principles{\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ipala-about-principle{\r\n\r\n        min-height:270px;\r\n    }\r\n\r\n    .ipala-about-closing{\r\n\r\n        grid-template-columns:\r\n            45px\r\n            1fr;\r\n    }\r\n\r\n    .ipala-about-location{\r\n\r\n        grid-column:2;\r\n\r\n        text-align:left;\r\n\r\n        padding-top:10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .ipala-about-container{\r\n\r\n        padding:\r\n            68px\r\n            17px\r\n            75px;\r\n    }\r\n\r\n    .ipala-about-top{\r\n\r\n        padding-bottom:16px;\r\n    }\r\n\r\n    .ipala-about-eyebrow{\r\n\r\n        font-size:8px;\r\n\r\n        letter-spacing:.18em;\r\n    }\r\n\r\n    .ipala-about-index{\r\n\r\n        font-size:7px;\r\n    }\r\n\r\n    .ipala-about-intro{\r\n\r\n        padding:\r\n            42px\r\n            0\r\n            55px;\r\n    }\r\n\r\n    .ipala-about-heading small{\r\n\r\n        margin-bottom:14px;\r\n\r\n        font-size:8px;\r\n    }\r\n\r\n    .ipala-about-heading h2{\r\n\r\n        font-size:\r\n            clamp(43px,12.5vw,59px);\r\n\r\n        line-height:.92;\r\n    }\r\n\r\n    .ipala-about-story{\r\n\r\n        padding:\r\n            42px\r\n            0\r\n            65px;\r\n\r\n        gap:39px;\r\n    }\r\n\r\n    .ipala-about-statement{\r\n\r\n        padding-left:20px;\r\n    }\r\n\r\n    .ipala-about-statement p{\r\n\r\n        font-size:\r\n            clamp(27px,8vw,36px);\r\n    }\r\n\r\n    .ipala-about-copy > p{\r\n\r\n        font-size:12px;\r\n\r\n        line-height:1.75;\r\n    }\r\n\r\n    .ipala-about-manifesto{\r\n\r\n        padding-top:58px;\r\n    }\r\n\r\n    .ipala-about-manifesto-head{\r\n\r\n        margin-bottom:22px;\r\n    }\r\n\r\n    .ipala-about-manifesto-head h3{\r\n\r\n        font-size:34px;\r\n    }\r\n\r\n    .ipala-about-principle{\r\n\r\n        min-height:285px;\r\n\r\n        padding:\r\n            25px\r\n            21px;\r\n    }\r\n\r\n    .ipala-principle-content{\r\n\r\n        padding-top:55px;\r\n    }\r\n\r\n    .ipala-principle-content h4{\r\n\r\n        font-size:35px;\r\n    }\r\n\r\n    .ipala-principle-content p{\r\n\r\n        font-size:11px;\r\n    }\r\n\r\n    .ipala-principle-arrow{\r\n\r\n        display:none;\r\n    }\r\n\r\n    .ipala-about-closing{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:25px;\r\n\r\n        padding-top:75px;\r\n    }\r\n\r\n    .ipala-about-closing-line{\r\n\r\n        width:45px;\r\n    }\r\n\r\n    .ipala-about-closing-content p{\r\n\r\n        font-size:\r\n            clamp(34px,10vw,47px);\r\n    }\r\n\r\n    .ipala-about-location{\r\n\r\n        grid-column:auto;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    .ipala-about-giant{\r\n\r\n        top:100px;\r\n\r\n        font-size:52vw;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH\r\n========================================================= *\/\r\n\r\n@media(hover:none){\r\n\r\n    .ipala-about-principle::before{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-about *,\r\n    .ipala-about *::before,\r\n    .ipala-about *::after{\r\n\r\n        animation-duration:.01ms !important;\r\n\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n    .ipala-about-intro,\r\n    .ipala-about-story,\r\n    .ipala-about-manifesto,\r\n    .ipala-about-closing{\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".ipala-about\"\r\n            );\r\n\r\n        if(!section){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           ENTRADAS SUAVES\r\n        ====================================================== *\/\r\n\r\n        const animated =\r\n            section.querySelectorAll(\r\n                \".ipala-about-intro,\" +\r\n                \".ipala-about-story,\" +\r\n                \".ipala-about-manifesto,\" +\r\n                \".ipala-about-closing\"\r\n            );\r\n\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    function(entries){\r\n\r\n                        entries.forEach(\r\n                            function(entry){\r\n\r\n                                if(\r\n                                    entry.isIntersecting\r\n                                ){\r\n\r\n                                    entry.target.classList.add(\r\n                                        \"ipala-about-visible\"\r\n                                    );\r\n\r\n                                    observer.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        threshold:.10\r\n                    }\r\n                );\r\n\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    observer.observe(\r\n                        element\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }else{\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    element.classList.add(\r\n                        \"ipala-about-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9ccd3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9d9ccd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   IPALA GLAM CONTAINER\r\n   HABITACI\u00d3N\r\n   EDITORIAL \/ MINIMAL \/ ORGANIC LUXURY\r\n========================================================= *\/\r\n\r\n:root{\r\n    --ipala-green:#3A6052;\r\n    --ipala-green-dark:#29483E;\r\n    --ipala-green-deep:#1D352C;\r\n    --ipala-green-light:#B4CEC7;\r\n    --ipala-green-ultra:#E4ECE7;\r\n\r\n    --ipala-bg:#F6F7F4;\r\n    --ipala-bg-soft:#FBFCF9;\r\n\r\n    --ipala-text:#25362F;\r\n    --ipala-muted:#718079;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n*{\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\nbody{\r\n    overflow-x:hidden;\r\n    background:var(--ipala-bg);\r\n    font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ipala-room-section{\r\n    position:relative;\r\n\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FBFCF9 0%,\r\n            #F6F7F4 58%,\r\n            #EDF1EC 100%\r\n        );\r\n\r\n    color:var(--ipala-text);\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.ipala-room-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n}\r\n\r\n.ipala-room-grid{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    opacity:.022;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:90px 90px;\r\n}\r\n\r\n.ipala-room-orb{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    filter:blur(100px);\r\n}\r\n\r\n.ipala-room-orb-one{\r\n    width:420px;\r\n    height:420px;\r\n    top:-210px;\r\n    right:-180px;\r\n    background:rgba(180,206,199,.22);\r\n}\r\n\r\n.ipala-room-orb-two{\r\n    width:360px;\r\n    height:360px;\r\n    bottom:-190px;\r\n    left:-180px;\r\n    background:rgba(58,96,82,.07);\r\n}\r\n\r\n.ipala-room-giant{\r\n    position:absolute;\r\n\r\n    top:60px;\r\n    right:-.03em;\r\n\r\n    color:rgba(41,72,62,.026);\r\n\r\n    font-size:clamp(130px,20vw,320px);\r\n\r\n    font-weight:500;\r\n    line-height:.8;\r\n    letter-spacing:-.085em;\r\n\r\n    white-space:nowrap;\r\n    user-select:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ipala-room-container{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:min(1420px,100%);\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        clamp(75px,8vw,115px)\r\n        clamp(24px,6vw,90px)\r\n        clamp(75px,8vw,115px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.ipala-room-top{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:25px;\r\n\r\n    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-room-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    color:rgba(41,72,62,.62);\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n    letter-spacing:.22em;\r\n}\r\n\r\n.ipala-room-eyebrow span{\r\n    width:32px;\r\n    height:1px;\r\n    background:var(--ipala-green);\r\n}\r\n\r\n.ipala-room-index{\r\n    color:rgba(41,72,62,.36);\r\n\r\n    font-size:8px;\r\n    font-weight:500;\r\n    letter-spacing:.18em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ipala-room-intro{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(280px,.45fr);\r\n\r\n    gap:clamp(45px,7vw,100px);\r\n\r\n    align-items:end;\r\n\r\n    padding:\r\n        clamp(50px,6vw,80px)\r\n        0\r\n        clamp(55px,6vw,85px);\r\n}\r\n\r\n.ipala-room-heading small{\r\n    display:block;\r\n\r\n    margin-bottom:17px;\r\n\r\n    color:rgba(41,72,62,.42);\r\n\r\n    font-size:8px;\r\n    font-weight:500;\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-room-heading h2{\r\n    max-width:800px;\r\n\r\n    margin:0;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    font-size:clamp(48px,6vw,88px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.91;\r\n\r\n    letter-spacing:-.06em;\r\n}\r\n\r\n.ipala-room-heading h2 span{\r\n    display:block;\r\n}\r\n\r\n.ipala-room-heading h2 em{\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:var(--ipala-green);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.12em;\r\n    font-style:normal;\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-room-intro-copy{\r\n    position:relative;\r\n\r\n    padding-left:24px;\r\n}\r\n\r\n.ipala-room-intro-copy::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:5px;\r\n    left:0;\r\n\r\n    width:1px;\r\n    height:62px;\r\n\r\n    background:var(--ipala-green-light);\r\n}\r\n\r\n.ipala-room-intro-copy p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.60);\r\n\r\n    font-size:12px;\r\n    font-weight:300;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.ipala-room-main{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.15fr)\r\n        minmax(380px,.75fr);\r\n\r\n    align-items:stretch;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ipala-room-image{\r\n    position:relative;\r\n\r\n    min-height:650px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    background:var(--ipala-green-deep);\r\n}\r\n\r\n.ipala-room-image img{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    display:block;\r\n\r\n    transform:scale(1.03);\r\n\r\n    transition:\r\n        transform 1.2s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-image:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n.ipala-room-image::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(19,38,31,.02),\r\n            rgba(19,38,31,.05) 55%,\r\n            rgba(19,38,31,.50)\r\n        );\r\n}\r\n\r\n.ipala-room-image-caption{\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    left:clamp(24px,3vw,42px);\r\n    right:clamp(24px,3vw,42px);\r\n    bottom:28px;\r\n\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:flex-end;\r\n\r\n    gap:25px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.ipala-room-image-caption small{\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:rgba(255,255,255,.52);\r\n\r\n    font-size:7px;\r\n    font-weight:500;\r\n    letter-spacing:.18em;\r\n}\r\n\r\n.ipala-room-image-caption strong{\r\n    font-size:15px;\r\n    font-weight:400;\r\n}\r\n\r\n.ipala-room-image-number{\r\n    color:rgba(255,255,255,.42);\r\n\r\n    font-size:8px;\r\n    letter-spacing:.14em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ipala-room-content{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n\r\n    background:rgba(255,255,255,.45);\r\n}\r\n\r\n.ipala-room-content-head{\r\n    padding:\r\n        clamp(28px,3vw,42px);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.12);\r\n}\r\n\r\n.ipala-room-content-head small{\r\n    display:block;\r\n\r\n    margin-bottom:8px;\r\n\r\n    color:rgba(41,72,62,.42);\r\n\r\n    font-size:7px;\r\n    font-weight:500;\r\n    letter-spacing:.18em;\r\n}\r\n\r\n.ipala-room-content-head h3{\r\n    margin:0;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    font-size:clamp(30px,3vw,45px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n.ipala-room-content-head h3 em{\r\n    color:var(--ipala-green);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.12em;\r\n\r\n    font-style:normal;\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.ipala-room-features{\r\n    flex:1;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n}\r\n\r\n.ipala-room-feature{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        46px\r\n        1fr\r\n        26px;\r\n\r\n    align-items:center;\r\n\r\n    gap:17px;\r\n\r\n    padding:\r\n        23px\r\n        clamp(25px,3vw,40px);\r\n\r\n    border:0;\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.11);\r\n\r\n    background:transparent;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    text-align:left;\r\n\r\n    cursor:pointer;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    -webkit-appearance:none;\r\n    appearance:none;\r\n\r\n    transition:\r\n        color .4s ease;\r\n}\r\n\r\n.ipala-room-feature::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:0;\r\n\r\n    background:var(--ipala-green);\r\n\r\n    transform:scaleX(0);\r\n\r\n    transform-origin:left center;\r\n\r\n    transition:\r\n        transform .6s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-feature:hover::before{\r\n    transform:scaleX(1);\r\n}\r\n\r\n.ipala-room-feature > *{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.ipala-room-feature-icon{\r\n    width:42px;\r\n    height:42px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.18);\r\n\r\n    border-radius:50%;\r\n\r\n    transition:\r\n        border-color .4s ease,\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-feature-icon i{\r\n    font-size:15px;\r\n}\r\n\r\n.ipala-room-feature-text small{\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:rgba(41,72,62,.38);\r\n\r\n    font-size:6px;\r\n    font-weight:500;\r\n    letter-spacing:.17em;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n.ipala-room-feature-text strong{\r\n    display:block;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    font-size:13px;\r\n    font-weight:400;\r\n    line-height:1.5;\r\n\r\n    transition:color .4s ease;\r\n}\r\n\r\n.ipala-room-feature-arrow{\r\n    width:26px;\r\n    height:26px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    opacity:.35;\r\n\r\n    transform:translateX(-4px);\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-feature-arrow svg{\r\n    width:15px;\r\n    height:15px;\r\n}\r\n\r\n.ipala-room-feature:hover{\r\n    color:#fff;\r\n}\r\n\r\n.ipala-room-feature:hover\r\n.ipala-room-feature-icon{\r\n    color:#fff;\r\n\r\n    border-color:\r\n        rgba(255,255,255,.32);\r\n\r\n    transform:scale(1.06);\r\n}\r\n\r\n.ipala-room-feature:hover\r\n.ipala-room-feature-text small{\r\n    color:\r\n        rgba(255,255,255,.52);\r\n}\r\n\r\n.ipala-room-feature:hover\r\n.ipala-room-feature-text strong{\r\n    color:#fff;\r\n}\r\n\r\n.ipala-room-feature:hover\r\n.ipala-room-feature-arrow{\r\n    opacity:1;\r\n    transform:translateX(2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.ipala-room-cta{\r\n    padding:\r\n        clamp(28px,3vw,40px);\r\n\r\n    margin-top:auto;\r\n}\r\n\r\n.ipala-room-reserve{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-height:52px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:25px;\r\n\r\n    padding:0 18px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--ipala-green);\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    background:transparent;\r\n\r\n    text-decoration:none;\r\n\r\n    overflow:hidden;\r\n\r\n    font-size:8px;\r\n    font-weight:600;\r\n    letter-spacing:.15em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:\r\n        color .4s ease,\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-reserve::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:0;\r\n\r\n    background:var(--ipala-green);\r\n\r\n    transform:scaleX(0);\r\n\r\n    transform-origin:left center;\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-reserve > *{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.ipala-room-reserve svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-reserve:hover{\r\n    color:#fff;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.ipala-room-reserve:hover::before{\r\n    transform:scaleX(1);\r\n}\r\n\r\n.ipala-room-reserve:hover svg{\r\n    transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n========================================================= *\/\r\n\r\n.ipala-room-modal{\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:99999;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:20px;\r\n\r\n    background:\r\n        rgba(24,47,39,.76);\r\n\r\n    backdrop-filter:\r\n        blur(15px)\r\n        saturate(115%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(15px)\r\n        saturate(115%);\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        visibility .4s ease;\r\n}\r\n\r\n.ipala-room-modal.is-open{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n}\r\n\r\n.ipala-room-modal-card{\r\n    position:relative;\r\n\r\n    width:min(520px,100%);\r\n\r\n    padding:\r\n        clamp(35px,5vw,55px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FBFCF9,\r\n            #EEF2ED\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.45);\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    transform:\r\n        translateY(20px)\r\n        scale(.97);\r\n\r\n    opacity:0;\r\n\r\n    box-shadow:\r\n        0 35px 90px\r\n        rgba(12,31,24,.24);\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.16,1,.3,1),\r\n        opacity .4s ease;\r\n}\r\n\r\n.ipala-room-modal.is-open\r\n.ipala-room-modal-card{\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n\r\n    opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL CLOSE\r\n========================================================= *\/\r\n\r\n.ipala-room-modal-close{\r\n    position:absolute;\r\n\r\n    top:18px;\r\n    right:18px;\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.16);\r\n\r\n    border-radius:50%;\r\n\r\n    background:transparent;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-modal-close:hover{\r\n    background:var(--ipala-green);\r\n    color:#fff;\r\n\r\n    transform:rotate(90deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL CONTENT\r\n========================================================= *\/\r\n\r\n.ipala-room-modal-icon{\r\n    width:60px;\r\n    height:60px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    margin-bottom:28px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.18);\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n.ipala-room-modal-icon i{\r\n    font-size:21px;\r\n}\r\n\r\n.ipala-room-modal-card small{\r\n    display:block;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:rgba(41,72,62,.42);\r\n\r\n    font-size:7px;\r\n    font-weight:500;\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-room-modal-card h3{\r\n    margin:0 0 20px;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    font-size:\r\n        clamp(34px,5vw,48px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n.ipala-room-modal-card h3 em{\r\n    color:var(--ipala-green);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-style:normal;\r\n    font-weight:400;\r\n}\r\n\r\n.ipala-room-modal-card p{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.66);\r\n\r\n    font-size:13px;\r\n    font-weight:300;\r\n    line-height:1.8;\r\n}\r\n\r\n.ipala-room-modal-line{\r\n    width:40px;\r\n    height:1px;\r\n\r\n    margin-top:28px;\r\n\r\n    background:var(--ipala-green-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENTRADAS\r\n========================================================= *\/\r\n\r\n.ipala-room-intro,\r\n.ipala-room-main{\r\n    opacity:0;\r\n\r\n    transform:translateY(28px);\r\n\r\n    transition:\r\n        opacity .9s ease,\r\n        transform .9s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-room-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .ipala-room-intro{\r\n        grid-template-columns:1fr;\r\n        align-items:start;\r\n        gap:30px;\r\n    }\r\n\r\n    .ipala-room-main{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ipala-room-image{\r\n        min-height:560px;\r\n    }\r\n\r\n    .ipala-room-content{\r\n        border-top:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .ipala-room-container{\r\n        padding:\r\n            68px\r\n            16px\r\n            70px;\r\n    }\r\n\r\n    .ipala-room-top{\r\n        padding-bottom:16px;\r\n    }\r\n\r\n    .ipala-room-eyebrow{\r\n        font-size:8px;\r\n        letter-spacing:.17em;\r\n    }\r\n\r\n    .ipala-room-index{\r\n        font-size:7px;\r\n    }\r\n\r\n    .ipala-room-intro{\r\n        padding:\r\n            42px\r\n            0\r\n            52px;\r\n    }\r\n\r\n    .ipala-room-heading h2{\r\n        font-size:\r\n            clamp(43px,12.5vw,58px);\r\n    }\r\n\r\n    .ipala-room-intro-copy{\r\n        padding-left:19px;\r\n    }\r\n\r\n    .ipala-room-image{\r\n        min-height:470px;\r\n    }\r\n\r\n    .ipala-room-image-caption{\r\n        left:20px;\r\n        right:20px;\r\n        bottom:20px;\r\n    }\r\n\r\n    .ipala-room-content-head{\r\n        padding:\r\n            28px\r\n            20px;\r\n    }\r\n\r\n    .ipala-room-content-head h3{\r\n        font-size:35px;\r\n    }\r\n\r\n    .ipala-room-feature{\r\n        grid-template-columns:\r\n            40px\r\n            1fr\r\n            22px;\r\n\r\n        gap:13px;\r\n\r\n        padding:\r\n            20px;\r\n    }\r\n\r\n    .ipala-room-feature-icon{\r\n        width:38px;\r\n        height:38px;\r\n    }\r\n\r\n    .ipala-room-feature-text strong{\r\n        font-size:12px;\r\n    }\r\n\r\n    .ipala-room-cta{\r\n        padding:\r\n            25px\r\n            20px;\r\n    }\r\n\r\n    .ipala-room-modal-card{\r\n        padding:\r\n            40px\r\n            25px\r\n            35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH DEVICES\r\n========================================================= *\/\r\n\r\n@media(hover:none){\r\n\r\n    .ipala-room-feature::before{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-room-section *,\r\n    .ipala-room-section *::before,\r\n    .ipala-room-section *::after{\r\n\r\n        animation-duration:.01ms !important;\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n    .ipala-room-intro,\r\n    .ipala-room-main{\r\n\r\n        opacity:1;\r\n        transform:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<section class=\"ipala-room-section\" id=\"habitacion\">\r\n\r\n    <!-- BACKGROUND -->\r\n    <div class=\"ipala-room-bg\" aria-hidden=\"true\">\r\n\r\n        <div class=\"ipala-room-orb ipala-room-orb-one\"><\/div>\r\n        <div class=\"ipala-room-orb ipala-room-orb-two\"><\/div>\r\n\r\n        <div class=\"ipala-room-grid\"><\/div>\r\n\r\n        <div class=\"ipala-room-giant\">\r\n            HABITAR\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ipala-room-container\">\r\n\r\n        <!-- =================================================\r\n             TOP\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-room-top\">\r\n\r\n            <div class=\"ipala-room-eyebrow\">\r\n                <span><\/span>\r\n                IPALA \u00b7 JALISCO\r\n            <\/div>\r\n\r\n            <div class=\"ipala-room-index\">\r\n                ESTANCIA \/ 02\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             INTRO\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-room-intro\">\r\n\r\n            <div class=\"ipala-room-heading\">\r\n\r\n                <small>\r\n                    TU REFUGIO FRENTE AL PAC\u00cdFICO\r\n                <\/small>\r\n\r\n                <h2>\r\n                    Conoce nuestro\r\n                    <span>espacio para<\/span>\r\n                    <em>desconectar.<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-room-intro-copy\">\r\n\r\n                <p>\r\n                    Un espacio pensado para descansar,\r\n                    despertar frente al mar y disfrutar\r\n                    de la tranquilidad de Ipala con el\r\n                    confort que necesitas.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-room-main\">\r\n\r\n            <!-- IMAGE -->\r\n            <div class=\"ipala-room-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/EDITADA-3.png\"\r\n                    alt=\"Habitaci\u00f3n de Ipala Glam Container frente al mar\"\r\n                >\r\n\r\n                <div class=\"ipala-room-image-caption\">\r\n\r\n                    <div>\r\n                        <small>\r\n                            IPALA GLAM CONTAINER\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Habitaci\u00f3n frente al Pac\u00edfico\r\n                        <\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-room-image-number\">\r\n                        01 \/ 01\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"ipala-room-content\">\r\n\r\n                <div class=\"ipala-room-content-head\">\r\n\r\n                    <small>\r\n                        TODO LO QUE NECESITAS\r\n                    <\/small>\r\n\r\n                    <h3>\r\n                        Confort pensado\r\n                        <em>para disfrutar.<\/em>\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ipala-room-features\">\r\n\r\n                    <!-- 01 -->\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ipala-room-feature\"\r\n                        data-info=\"beach\"\r\n                    >\r\n\r\n                        <span class=\"ipala-room-feature-icon\">\r\n                            <i class=\"fa-solid fa-umbrella-beach\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-text\">\r\n\r\n                            <small>\r\n                                01 \u00b7 ENTORNO\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Vista directa al mar\r\n                                y acceso inmediato\r\n                            <\/strong>\r\n\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path\r\n                                    d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.3\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <!-- 02 -->\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ipala-room-feature\"\r\n                        data-info=\"bed\"\r\n                    >\r\n\r\n                        <span class=\"ipala-room-feature-icon\">\r\n                            <i class=\"fa-solid fa-bed\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-text\">\r\n\r\n                            <small>\r\n                                02 \u00b7 DESCANSO\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Cama King Size\r\n                                para un descanso superior\r\n                            <\/strong>\r\n\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path\r\n                                    d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.3\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <!-- 03 -->\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ipala-room-feature\"\r\n                        data-info=\"users\"\r\n                    >\r\n\r\n                        <span class=\"ipala-room-feature-icon\">\r\n                            <i class=\"fa-solid fa-users\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-text\">\r\n\r\n                            <small>\r\n                                03 \u00b7 CAPACIDAD\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Hasta dos adultos\r\n                                y un menor\r\n                            <\/strong>\r\n\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path\r\n                                    d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.3\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <!-- 04 -->\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ipala-room-feature\"\r\n                        data-info=\"bath\"\r\n                    >\r\n\r\n                        <span class=\"ipala-room-feature-icon\">\r\n                            <i class=\"fa-solid fa-bath\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-text\">\r\n\r\n                            <small>\r\n                                04 \u00b7 CONFORT\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Ba\u00f1o privado completo\r\n                                y contempor\u00e1neo\r\n                            <\/strong>\r\n\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path\r\n                                    d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.3\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <!-- 05 -->\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ipala-room-feature\"\r\n                        data-info=\"wifi\"\r\n                    >\r\n\r\n                        <span class=\"ipala-room-feature-icon\">\r\n                            <i class=\"fa-solid fa-wifi\"><\/i>\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-text\">\r\n\r\n                            <small>\r\n                                05 \u00b7 CONECTIVIDAD\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Conexi\u00f3n WiFi\r\n                                durante tu estancia\r\n                            <\/strong>\r\n\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-room-feature-arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path\r\n                                    d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.3\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CTA -->\r\n                <div class=\"ipala-room-cta\">\r\n\r\n                    <a\r\n                        href=\"#reserva\"\r\n                        class=\"ipala-room-reserve\"\r\n                    >\r\n\r\n                        <span>\r\n                            Reservar estancia\r\n                        <\/span>\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path\r\n                                d=\"M5 12h13M14 8l4 4-4 4\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.4\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     MODAL\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"ipala-room-modal\"\r\n    id=\"ipalaRoomModal\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <div\r\n        class=\"ipala-room-modal-card\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby=\"ipalaRoomModalTitle\"\r\n    >\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"ipala-room-modal-close\"\r\n            id=\"ipalaRoomModalClose\"\r\n            aria-label=\"Cerrar\"\r\n        >\r\n            <i class=\"fa-solid fa-xmark\"><\/i>\r\n        <\/button>\r\n\r\n\r\n        <div class=\"ipala-room-modal-icon\">\r\n\r\n            <i\r\n                id=\"ipalaRoomModalIcon\"\r\n                class=\"fa-solid fa-bed\"\r\n            ><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n            IPALA GLAM CONTAINER\r\n        <\/small>\r\n\r\n\r\n        <h3 id=\"ipalaRoomModalTitle\">\r\n            Descanso\r\n            <em>premium.<\/em>\r\n        <\/h3>\r\n\r\n\r\n        <p id=\"ipalaRoomModalText\"><\/p>\r\n\r\n\r\n        <div class=\"ipala-room-modal-line\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".ipala-room-section\"\r\n            );\r\n\r\n\r\n        if(!section){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           DATA\r\n        ====================================================== *\/\r\n\r\n        const roomInfo = {\r\n\r\n            beach:{\r\n                icon:\"fa-umbrella-beach\",\r\n                title:\"Vista al <em>mar.<\/em>\",\r\n                description:\r\n                    \"Una ubicaci\u00f3n privilegiada frente al Pac\u00edfico. Despierta con el horizonte frente a ti y disfruta de la cercan\u00eda con la playa durante toda tu estancia.\"\r\n            },\r\n\r\n            bed:{\r\n                icon:\"fa-bed\",\r\n                title:\"Descanso <em>premium.<\/em>\",\r\n                description:\r\n                    \"La habitaci\u00f3n cuenta con cama King Size pensada para ofrecer comodidad y descanso despu\u00e9s de un d\u00eda disfrutando del mar y el entorno natural de Ipala.\"\r\n            },\r\n\r\n            users:{\r\n                icon:\"fa-users\",\r\n                title:\"Espacio para <em>compartir.<\/em>\",\r\n                description:\r\n                    \"La estancia est\u00e1 dise\u00f1ada para recibir c\u00f3modamente hasta dos adultos y un menor, manteniendo una experiencia \u00edntima, tranquila y funcional.\"\r\n            },\r\n\r\n            bath:{\r\n                icon:\"fa-bath\",\r\n                title:\"Confort <em>privado.<\/em>\",\r\n                description:\r\n                    \"Disfruta de un ba\u00f1o privado completo y contempor\u00e1neo integrado a la habitaci\u00f3n para ofrecer comodidad durante toda tu estancia.\"\r\n            },\r\n\r\n            wifi:{\r\n                icon:\"fa-wifi\",\r\n                title:\"Conectividad <em>cuando quieras.<\/em>\",\r\n                description:\r\n                    \"Cuenta con conexi\u00f3n WiFi para que puedas mantenerte comunicado cuando lo necesites, sin perder la tranquilidad de estar frente al Pac\u00edfico.\"\r\n            }\r\n\r\n        };\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENTS\r\n        ====================================================== *\/\r\n\r\n        const modal =\r\n            document.getElementById(\r\n                \"ipalaRoomModal\"\r\n            );\r\n\r\n        const modalClose =\r\n            document.getElementById(\r\n                \"ipalaRoomModalClose\"\r\n            );\r\n\r\n        const modalIcon =\r\n            document.getElementById(\r\n                \"ipalaRoomModalIcon\"\r\n            );\r\n\r\n        const modalTitle =\r\n            document.getElementById(\r\n                \"ipalaRoomModalTitle\"\r\n            );\r\n\r\n        const modalText =\r\n            document.getElementById(\r\n                \"ipalaRoomModalText\"\r\n            );\r\n\r\n        const features =\r\n            section.querySelectorAll(\r\n                \".ipala-room-feature\"\r\n            );\r\n\r\n\r\n        \/* =====================================================\r\n           OPEN\r\n        ====================================================== *\/\r\n\r\n        function openRoomModal(key){\r\n\r\n            const data =\r\n                roomInfo[key];\r\n\r\n            if(\r\n                !data ||\r\n                !modal\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            modalIcon.className =\r\n                \"fa-solid \" +\r\n                data.icon;\r\n\r\n\r\n            modalTitle.innerHTML =\r\n                data.title;\r\n\r\n\r\n            modalText.textContent =\r\n                data.description;\r\n\r\n\r\n            modal.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            modal.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           CLOSE\r\n        ====================================================== *\/\r\n\r\n        function closeRoomModal(){\r\n\r\n            if(!modal){\r\n                return;\r\n            }\r\n\r\n\r\n            modal.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            modal.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"\";\r\n\r\n        }\r\n\r\n\r\n        features.forEach(\r\n            function(feature){\r\n\r\n                feature.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        openRoomModal(\r\n                            feature.dataset.info\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        if(modalClose){\r\n\r\n            modalClose.addEventListener(\r\n                \"click\",\r\n                closeRoomModal\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if(modal){\r\n\r\n            modal.addEventListener(\r\n                \"click\",\r\n                function(event){\r\n\r\n                    if(\r\n                        event.target === modal\r\n                    ){\r\n\r\n                        closeRoomModal();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function(event){\r\n\r\n                if(\r\n                    event.key === \"Escape\" &&\r\n                    modal &&\r\n                    modal.classList.contains(\r\n                        \"is-open\"\r\n                    )\r\n                ){\r\n\r\n                    closeRoomModal();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           ENTRADA\r\n        ====================================================== *\/\r\n\r\n        const animated =\r\n            section.querySelectorAll(\r\n                \".ipala-room-intro,\" +\r\n                \".ipala-room-main\"\r\n            );\r\n\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    function(entries){\r\n\r\n                        entries.forEach(\r\n                            function(entry){\r\n\r\n                                if(\r\n                                    entry.isIntersecting\r\n                                ){\r\n\r\n                                    entry.target\r\n                                        .classList\r\n                                        .add(\r\n                                            \"ipala-room-visible\"\r\n                                        );\r\n\r\n\r\n                                    observer.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        threshold:.12\r\n                    }\r\n                );\r\n\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    observer.observe(\r\n                        element\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }else{\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    element.classList.add(\r\n                        \"ipala-room-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1484308 animated-slow elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1484308\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   IPALA GLAM CONTAINER\r\n   GALER\u00cdA\r\n   EDITORIAL \/ CINEMATIC \/ QUIET LUXURY\r\n========================================================= *\/\r\n\r\n:root{\r\n    --ipala-green:#3A6052;\r\n    --ipala-green-dark:#29483E;\r\n    --ipala-green-deep:#1D352C;\r\n    --ipala-green-light:#B4CEC7;\r\n\r\n    --ipala-bg:#F6F7F4;\r\n    --ipala-bg-soft:#FBFCF9;\r\n\r\n    --ipala-text:#25362F;\r\n    --ipala-muted:#718079;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n*{\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\nbody{\r\n    overflow-x:hidden;\r\n    background:var(--ipala-bg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ipala-gallery{\r\n    position:relative;\r\n\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FBFCF9 0%,\r\n            #F6F7F4 58%,\r\n            #EEF2ED 100%\r\n        );\r\n\r\n    color:var(--ipala-text);\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.ipala-gallery-bg{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.ipala-gallery-grid{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    opacity:.022;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(58,96,82,.65) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:90px 90px;\r\n}\r\n\r\n.ipala-gallery-orb{\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    filter:blur(110px);\r\n}\r\n\r\n.ipala-gallery-orb-one{\r\n    width:440px;\r\n    height:440px;\r\n\r\n    top:-230px;\r\n    right:-180px;\r\n\r\n    background:\r\n        rgba(180,206,199,.24);\r\n}\r\n\r\n.ipala-gallery-orb-two{\r\n    width:380px;\r\n    height:380px;\r\n\r\n    bottom:-210px;\r\n    left:-190px;\r\n\r\n    background:\r\n        rgba(58,96,82,.07);\r\n}\r\n\r\n.ipala-gallery-giant{\r\n    position:absolute;\r\n\r\n    top:60px;\r\n    right:-.03em;\r\n\r\n    color:\r\n        rgba(41,72,62,.027);\r\n\r\n    font-size:\r\n        clamp(130px,21vw,330px);\r\n\r\n    font-weight:500;\r\n\r\n    line-height:.75;\r\n\r\n    letter-spacing:-.08em;\r\n\r\n    white-space:nowrap;\r\n\r\n    user-select:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ipala-gallery-container{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:min(1420px,100%);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        clamp(75px,8vw,115px)\r\n        clamp(24px,6vw,90px)\r\n        clamp(80px,8vw,120px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.ipala-gallery-top{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:25px;\r\n\r\n    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-gallery-eyebrow{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    color:\r\n        rgba(41,72,62,.60);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.22em;\r\n}\r\n\r\n.ipala-gallery-eyebrow span{\r\n    width:32px;\r\n\r\n    height:1px;\r\n\r\n    background:var(--ipala-green);\r\n}\r\n\r\n.ipala-gallery-index{\r\n    color:\r\n        rgba(41,72,62,.35);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ipala-gallery-intro{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(260px,.40fr);\r\n\r\n    align-items:end;\r\n\r\n    gap:\r\n        clamp(40px,7vw,100px);\r\n\r\n    padding:\r\n        clamp(52px,6vw,80px)\r\n        0\r\n        clamp(55px,6vw,85px);\r\n}\r\n\r\n.ipala-gallery-heading small{\r\n    display:block;\r\n\r\n    margin-bottom:17px;\r\n\r\n    color:\r\n        rgba(41,72,62,.42);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-gallery-heading h2{\r\n    max-width:850px;\r\n\r\n    margin:0;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    font-size:\r\n        clamp(49px,6.3vw,92px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.91;\r\n\r\n    letter-spacing:-.06em;\r\n}\r\n\r\n.ipala-gallery-heading h2 span{\r\n    display:block;\r\n}\r\n\r\n.ipala-gallery-heading h2 em{\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:var(--ipala-green);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.10em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-gallery-copy{\r\n    position:relative;\r\n\r\n    padding-left:24px;\r\n}\r\n\r\n.ipala-gallery-copy::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:5px;\r\n    left:0;\r\n\r\n    width:1px;\r\n\r\n    height:60px;\r\n\r\n    background:var(--ipala-green-light);\r\n}\r\n\r\n.ipala-gallery-copy p{\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(41,72,62,.60);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY WRAP\r\n========================================================= *\/\r\n\r\n.ipala-gallery-view{\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin-left:\r\n        calc(\r\n            (min(1420px,100vw) - 100vw) \/ 2\r\n        );\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.ipala-gallery-track{\r\n    display:flex;\r\n\r\n    gap:18px;\r\n\r\n    overflow-x:auto;\r\n\r\n    padding:\r\n        0\r\n        max(\r\n            24px,\r\n            calc((100vw - 1420px) \/ 2 + 90px)\r\n        )\r\n        22px;\r\n\r\n    scrollbar-width:none;\r\n\r\n    scroll-behavior:smooth;\r\n\r\n    overscroll-behavior-inline:contain;\r\n\r\n    cursor:grab;\r\n\r\n    user-select:none;\r\n\r\n    touch-action:pan-y;\r\n}\r\n\r\n.ipala-gallery-track::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n.ipala-gallery-track.is-dragging{\r\n    cursor:grabbing;\r\n\r\n    scroll-behavior:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n========================================================= *\/\r\n\r\n.ipala-gallery-slide{\r\n    position:relative;\r\n\r\n    flex:\r\n        0 0\r\n        clamp(310px,30vw,455px);\r\n\r\n    height:\r\n        clamp(470px,62vh,720px);\r\n\r\n    overflow:hidden;\r\n\r\n    background:#DFE4E0;\r\n\r\n    cursor:pointer;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.10);\r\n}\r\n\r\n.ipala-gallery-slide:nth-child(3n + 2){\r\n    margin-top:42px;\r\n}\r\n\r\n.ipala-gallery-slide:nth-child(3n){\r\n    height:\r\n        clamp(430px,57vh,670px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ipala-gallery-image{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n}\r\n\r\n.ipala-gallery-image img{\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    display:block;\r\n\r\n    transform:scale(1.02);\r\n\r\n    transition:\r\n        transform 1.1s\r\n        cubic-bezier(.16,1,.3,1),\r\n        filter .8s ease;\r\n}\r\n\r\n.ipala-gallery-slide:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.ipala-gallery-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:space-between;\r\n\r\n    padding:\r\n        clamp(20px,2.5vw,30px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(18,39,31,.10) 0%,\r\n            rgba(18,39,31,.03) 40%,\r\n            rgba(18,39,31,.74) 100%\r\n        );\r\n\r\n    transition:\r\n        background .6s ease;\r\n}\r\n\r\n.ipala-gallery-slide:hover\r\n.ipala-gallery-overlay{\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(18,39,31,.15) 0%,\r\n            rgba(18,39,31,.05) 35%,\r\n            rgba(18,39,31,.83) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP SLIDE\r\n========================================================= *\/\r\n\r\n.ipala-gallery-slide-top{\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.17em;\r\n}\r\n\r\n.ipala-gallery-slide-number{\r\n    opacity:.65;\r\n}\r\n\r\n.ipala-gallery-view-icon{\r\n    width:40px;\r\n    height:40px;\r\n\r\n    display:grid;\r\n\r\n    place-items:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.35);\r\n\r\n    border-radius:50%;\r\n\r\n    color:#fff;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        scale(.85)\r\n        rotate(-10deg);\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        transform .55s\r\n        cubic-bezier(.16,1,.3,1),\r\n        background .35s ease;\r\n}\r\n\r\n.ipala-gallery-view-icon svg{\r\n    width:16px;\r\n    height:16px;\r\n}\r\n\r\n.ipala-gallery-slide:hover\r\n.ipala-gallery-view-icon{\r\n    opacity:1;\r\n\r\n    transform:\r\n        scale(1)\r\n        rotate(0);\r\n}\r\n\r\n.ipala-gallery-view-icon:hover{\r\n    background:\r\n        rgba(255,255,255,.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n\r\n.ipala-gallery-info{\r\n    color:#fff;\r\n\r\n    transform:translateY(6px);\r\n\r\n    transition:\r\n        transform .6s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-gallery-slide:hover\r\n.ipala-gallery-info{\r\n    transform:translateY(0);\r\n}\r\n\r\n.ipala-gallery-info small{\r\n    display:block;\r\n\r\n    margin-bottom:8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.53);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n.ipala-gallery-info h3{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(28px,2.5vw,40px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.ipala-gallery-info h3 em{\r\n    color:var(--ipala-green-light);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.10em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-gallery-info p{\r\n    max-width:280px;\r\n\r\n    margin:11px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.6;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(10px);\r\n\r\n    transition:\r\n        opacity .45s ease,\r\n        transform .55s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-gallery-slide:hover\r\n.ipala-gallery-info p{\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.ipala-gallery-controls{\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    gap:30px;\r\n\r\n    margin-top:\r\n        clamp(35px,5vw,60px);\r\n}\r\n\r\n.ipala-gallery-progress{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    flex:1;\r\n\r\n    max-width:450px;\r\n}\r\n\r\n.ipala-gallery-current,\r\n.ipala-gallery-total{\r\n    color:\r\n        rgba(41,72,62,.45);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.14em;\r\n}\r\n\r\n.ipala-gallery-progress-line{\r\n    position:relative;\r\n\r\n    flex:1;\r\n\r\n    height:1px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        rgba(41,72,62,.14);\r\n}\r\n\r\n.ipala-gallery-progress-fill{\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:15%;\r\n    height:100%;\r\n\r\n    background:var(--ipala-green);\r\n\r\n    transition:\r\n        width .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.ipala-gallery-arrows{\r\n    display:flex;\r\n\r\n    gap:9px;\r\n}\r\n\r\n.ipala-gallery-arrow{\r\n    width:52px;\r\n    height:52px;\r\n\r\n    display:grid;\r\n\r\n    place-items:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.18);\r\n\r\n    border-radius:50%;\r\n\r\n    background:transparent;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-gallery-arrow svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-gallery-arrow:hover{\r\n    background:var(--ipala-green);\r\n\r\n    color:#fff;\r\n\r\n    transform:scale(1.04);\r\n}\r\n\r\n.ipala-gallery-arrow.prev:hover svg{\r\n    transform:translateX(-3px);\r\n}\r\n\r\n.ipala-gallery-arrow.next:hover svg{\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER TEXT\r\n========================================================= *\/\r\n\r\n.ipala-gallery-footer{\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:flex-end;\r\n\r\n    gap:35px;\r\n\r\n    margin-top:\r\n        clamp(70px,8vw,110px);\r\n\r\n    padding-top:25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.13);\r\n}\r\n\r\n.ipala-gallery-footer-left small{\r\n    display:block;\r\n\r\n    margin-bottom:8px;\r\n\r\n    color:\r\n        rgba(41,72,62,.38);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.19em;\r\n}\r\n\r\n.ipala-gallery-footer-left p{\r\n    margin:0;\r\n\r\n    color:var(--ipala-green-dark);\r\n\r\n    font-size:\r\n        clamp(22px,2.2vw,32px);\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.035em;\r\n}\r\n\r\n.ipala-gallery-footer-left em{\r\n    color:var(--ipala-green);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-size:1.16em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n}\r\n\r\n.ipala-gallery-footer-location{\r\n    color:\r\n        rgba(41,72,62,.42);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.17em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n========================================================= *\/\r\n\r\n.ipala-gallery-lightbox{\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:999999;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    padding:\r\n        clamp(16px,3vw,40px);\r\n\r\n    background:\r\n        rgba(18,38,31,.92);\r\n\r\n    backdrop-filter:\r\n        blur(18px)\r\n        saturate(110%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px)\r\n        saturate(110%);\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .45s ease,\r\n        visibility .45s ease;\r\n}\r\n\r\n.ipala-gallery-lightbox.is-open{\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX INNER\r\n========================================================= *\/\r\n\r\n.ipala-gallery-lightbox-inner{\r\n    position:relative;\r\n\r\n    width:min(1200px,100%);\r\n\r\n    height:min(82vh,820px);\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        280px;\r\n\r\n    background:var(--ipala-bg-soft);\r\n\r\n    transform:\r\n        translateY(18px)\r\n        scale(.98);\r\n\r\n    opacity:0;\r\n\r\n    transition:\r\n        transform .6s\r\n        cubic-bezier(.16,1,.3,1),\r\n        opacity .45s ease;\r\n}\r\n\r\n.ipala-gallery-lightbox.is-open\r\n.ipala-gallery-lightbox-inner{\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n\r\n    opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX IMAGE\r\n========================================================= *\/\r\n\r\n.ipala-gallery-lightbox-image{\r\n    position:relative;\r\n\r\n    min-width:0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:var(--ipala-green-deep);\r\n}\r\n\r\n.ipala-gallery-lightbox-image img{\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX INFO\r\n========================================================= *\/\r\n\r\n.ipala-gallery-lightbox-info{\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:flex-end;\r\n\r\n    padding:\r\n        clamp(25px,3vw,42px);\r\n\r\n    color:var(--ipala-green-dark);\r\n}\r\n\r\n.ipala-gallery-lightbox-info small{\r\n    margin-bottom:10px;\r\n\r\n    color:\r\n        rgba(41,72,62,.42);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n.ipala-gallery-lightbox-info h3{\r\n    margin:0 0 18px;\r\n\r\n    font-size:\r\n        clamp(30px,3vw,45px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n.ipala-gallery-lightbox-info h3 em{\r\n    color:var(--ipala-green);\r\n\r\n    font-family:'Rochester',cursive;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n}\r\n\r\n.ipala-gallery-lightbox-info p{\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(41,72,62,.64);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX CLOSE\r\n========================================================= *\/\r\n\r\n.ipala-gallery-lightbox-close{\r\n    position:absolute;\r\n\r\n    top:20px;\r\n    right:20px;\r\n\r\n    z-index:5;\r\n\r\n    width:44px;\r\n    height:44px;\r\n\r\n    display:grid;\r\n\r\n    place-items:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.35);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(20,42,34,.25);\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    color:#fff;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1),\r\n        background .35s ease;\r\n}\r\n\r\n.ipala-gallery-lightbox-close:hover{\r\n    transform:rotate(90deg);\r\n\r\n    background:var(--ipala-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX NAVIGATION\r\n========================================================= *\/\r\n\r\n.ipala-gallery-lightbox-nav{\r\n    position:absolute;\r\n\r\n    top:50%;\r\n\r\n    z-index:4;\r\n\r\n    width:45px;\r\n    height:45px;\r\n\r\n    display:grid;\r\n\r\n    place-items:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.32);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(20,42,34,.25);\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    color:#fff;\r\n\r\n    cursor:pointer;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.ipala-gallery-lightbox-nav.prev{\r\n    left:20px;\r\n}\r\n\r\n.ipala-gallery-lightbox-nav.next{\r\n    right:300px;\r\n}\r\n\r\n.ipala-gallery-lightbox-nav:hover{\r\n    background:var(--ipala-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENTRANCE\r\n========================================================= *\/\r\n\r\n.ipala-gallery-intro,\r\n.ipala-gallery-view,\r\n.ipala-gallery-footer{\r\n    opacity:0;\r\n\r\n    transform:translateY(28px);\r\n\r\n    transition:\r\n        opacity .9s ease,\r\n        transform .9s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-gallery-visible{\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .ipala-gallery-intro{\r\n        grid-template-columns:1fr;\r\n\r\n        align-items:start;\r\n\r\n        gap:28px;\r\n    }\r\n\r\n    .ipala-gallery-slide{\r\n        flex-basis:\r\n            clamp(300px,60vw,430px);\r\n    }\r\n\r\n    .ipala-gallery-lightbox-inner{\r\n        grid-template-columns:1fr;\r\n\r\n        grid-template-rows:\r\n            minmax(0,1fr)\r\n            auto;\r\n\r\n        height:min(90vh,900px);\r\n    }\r\n\r\n    .ipala-gallery-lightbox-info{\r\n        padding:24px;\r\n    }\r\n\r\n    .ipala-gallery-lightbox-nav.next{\r\n        right:20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .ipala-gallery-container{\r\n        padding:\r\n            68px\r\n            16px\r\n            72px;\r\n    }\r\n\r\n    .ipala-gallery-top{\r\n        padding-bottom:16px;\r\n    }\r\n\r\n    .ipala-gallery-eyebrow{\r\n        font-size:8px;\r\n\r\n        letter-spacing:.17em;\r\n    }\r\n\r\n    .ipala-gallery-index{\r\n        font-size:7px;\r\n    }\r\n\r\n    .ipala-gallery-intro{\r\n        padding:\r\n            42px\r\n            0\r\n            50px;\r\n    }\r\n\r\n    .ipala-gallery-heading h2{\r\n        font-size:\r\n            clamp(43px,12.5vw,58px);\r\n    }\r\n\r\n    .ipala-gallery-copy{\r\n        padding-left:19px;\r\n    }\r\n\r\n    .ipala-gallery-view{\r\n        width:calc(100vw + 16px);\r\n\r\n        margin-left:0;\r\n    }\r\n\r\n    .ipala-gallery-track{\r\n        gap:12px;\r\n\r\n        padding:\r\n            0\r\n            16px\r\n            16px;\r\n    }\r\n\r\n    .ipala-gallery-slide{\r\n        flex:\r\n            0 0\r\n            81vw;\r\n\r\n        height:\r\n            min(64vh,570px);\r\n\r\n        min-height:450px;\r\n    }\r\n\r\n    .ipala-gallery-slide:nth-child(3n + 2){\r\n        margin-top:25px;\r\n    }\r\n\r\n    .ipala-gallery-slide:nth-child(3n){\r\n        height:\r\n            min(60vh,530px);\r\n    }\r\n\r\n    .ipala-gallery-info p{\r\n        opacity:1;\r\n\r\n        transform:none;\r\n    }\r\n\r\n    .ipala-gallery-view-icon{\r\n        opacity:1;\r\n\r\n        transform:none;\r\n    }\r\n\r\n    .ipala-gallery-controls{\r\n        margin-top:30px;\r\n    }\r\n\r\n    .ipala-gallery-arrow{\r\n        width:46px;\r\n        height:46px;\r\n    }\r\n\r\n    .ipala-gallery-progress{\r\n        max-width:none;\r\n    }\r\n\r\n    .ipala-gallery-footer{\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n\r\n        margin-top:65px;\r\n    }\r\n\r\n    .ipala-gallery-lightbox{\r\n        padding:12px;\r\n    }\r\n\r\n    .ipala-gallery-lightbox-inner{\r\n        height:90vh;\r\n    }\r\n\r\n    .ipala-gallery-lightbox-info h3{\r\n        font-size:32px;\r\n    }\r\n\r\n    .ipala-gallery-lightbox-close{\r\n        top:15px;\r\n        right:15px;\r\n    }\r\n\r\n    .ipala-gallery-lightbox-nav.prev{\r\n        left:14px;\r\n    }\r\n\r\n    .ipala-gallery-lightbox-nav.next{\r\n        right:14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-gallery *,\r\n    .ipala-gallery *::before,\r\n    .ipala-gallery *::after{\r\n        animation-duration:.01ms !important;\r\n\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n    .ipala-gallery-intro,\r\n    .ipala-gallery-view,\r\n    .ipala-gallery-footer{\r\n        opacity:1;\r\n\r\n        transform:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<section class=\"ipala-gallery\" id=\"galeria\">\r\n\r\n    <!-- BACKGROUND -->\r\n    <div class=\"ipala-gallery-bg\" aria-hidden=\"true\">\r\n\r\n        <div class=\"ipala-gallery-orb ipala-gallery-orb-one\"><\/div>\r\n\r\n        <div class=\"ipala-gallery-orb ipala-gallery-orb-two\"><\/div>\r\n\r\n        <div class=\"ipala-gallery-grid\"><\/div>\r\n\r\n        <div class=\"ipala-gallery-giant\">\r\n            GALER\u00cdA\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ipala-gallery-container\">\r\n\r\n        <!-- =================================================\r\n             TOP\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-gallery-top\">\r\n\r\n            <div class=\"ipala-gallery-eyebrow\">\r\n                <span><\/span>\r\n                IPALA \u00b7 JALISCO\r\n            <\/div>\r\n\r\n            <div class=\"ipala-gallery-index\">\r\n                GALER\u00cdA \/ 03\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             INTRO\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-gallery-intro\">\r\n\r\n            <div class=\"ipala-gallery-heading\">\r\n\r\n                <small>\r\n                    MOMENTOS \u00b7 ESPACIOS \u00b7 PAC\u00cdFICO\r\n                <\/small>\r\n\r\n                <h2>\r\n                    Hay lugares que\r\n                    <span>no se explican,<\/span>\r\n                    <em>se sienten.<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-gallery-copy\">\r\n\r\n                <p>\r\n                    Descubre Ipala a trav\u00e9s de sus espacios,\r\n                    sus atardeceres y esos peque\u00f1os momentos\r\n                    que hacen que cada estancia se sienta diferente.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             GALLERY\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-gallery-view\">\r\n\r\n            <div\r\n                class=\"ipala-gallery-track\"\r\n                id=\"ipalaGalleryTrack\"\r\n            ><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTROLS\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-gallery-controls\">\r\n\r\n            <div class=\"ipala-gallery-progress\">\r\n\r\n                <span\r\n                    class=\"ipala-gallery-current\"\r\n                    id=\"ipalaGalleryCurrent\"\r\n                >\r\n                    01\r\n                <\/span>\r\n\r\n                <div class=\"ipala-gallery-progress-line\">\r\n\r\n                    <span\r\n                        class=\"ipala-gallery-progress-fill\"\r\n                        id=\"ipalaGalleryProgress\"\r\n                    ><\/span>\r\n\r\n                <\/div>\r\n\r\n                <span\r\n                    class=\"ipala-gallery-total\"\r\n                    id=\"ipalaGalleryTotal\"\r\n                >\r\n                    13\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-gallery-arrows\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"ipala-gallery-arrow prev\"\r\n                    id=\"ipalaGalleryPrev\"\r\n                    aria-label=\"Imagen anterior\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path\r\n                            d=\"M19 12H6M10 8l-4 4 4 4\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.3\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"ipala-gallery-arrow next\"\r\n                    id=\"ipalaGalleryNext\"\r\n                    aria-label=\"Imagen siguiente\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path\r\n                            d=\"M5 12h13M14 8l4 4-4 4\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.3\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             FOOTER\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-gallery-footer\">\r\n\r\n            <div class=\"ipala-gallery-footer-left\">\r\n\r\n                <small>\r\n                    IPALA GLAM CONTAINER\r\n                <\/small>\r\n\r\n                <p>\r\n                    Un refugio hecho para\r\n                    <em>recordarse.<\/em>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ipala-gallery-footer-location\">\r\n                FRENTE AL PAC\u00cdFICO \u00b7 IPALA JALISCO\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"ipala-gallery-lightbox\"\r\n    id=\"ipalaGalleryLightbox\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <div\r\n        class=\"ipala-gallery-lightbox-inner\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n    >\r\n\r\n        <button\r\n            class=\"ipala-gallery-lightbox-close\"\r\n            id=\"ipalaGalleryClose\"\r\n            type=\"button\"\r\n            aria-label=\"Cerrar galer\u00eda\"\r\n        >\r\n\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\">\r\n\r\n                <path\r\n                    d=\"M6 6l12 12M18 6L6 18\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.4\"\r\n                    stroke-linecap=\"round\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"ipala-gallery-lightbox-nav prev\"\r\n            id=\"ipalaLightboxPrev\"\r\n            aria-label=\"Anterior\"\r\n        >\r\n\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\">\r\n                <path\r\n                    d=\"M19 12H6M10 8l-4 4 4 4\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.3\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n            <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"ipala-gallery-lightbox-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"\"\r\n                id=\"ipalaGalleryLightboxImg\"\r\n                alt=\"\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ipala-gallery-lightbox-info\">\r\n\r\n            <small id=\"ipalaLightboxNumber\">\r\n                01 \u00b7 GALER\u00cdA\r\n            <\/small>\r\n\r\n            <h3 id=\"ipalaLightboxTitle\"><\/h3>\r\n\r\n            <p id=\"ipalaLightboxDescription\"><\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"ipala-gallery-lightbox-nav next\"\r\n            id=\"ipalaLightboxNext\"\r\n            aria-label=\"Siguiente\"\r\n        >\r\n\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\">\r\n                <path\r\n                    d=\"M5 12h13M14 8l4 4-4 4\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.3\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n            <\/svg>\r\n\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        \/* =====================================================\r\n           DATA\r\n        ====================================================== *\/\r\n\r\n        const galleryData = [\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/EDIT-3-scaled.png\",\r\n\r\n                title:\r\n                \"Vistas al <em>mar.<\/em>\",\r\n\r\n                description:\r\n                \"La inmensidad del Pac\u00edfico forma parte de cada estancia.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/EDIT-2-scaled.png\",\r\n\r\n                title:\r\n                \"Paz <em>interior.<\/em>\",\r\n\r\n                description:\r\n                \"Espacios creados para bajar el ritmo y disfrutar de la calma.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/EDIT-6-scaled.png\",\r\n\r\n                title:\r\n                \"Dise\u00f1o con <em>intenci\u00f3n.<\/em>\",\r\n\r\n                description:\r\n                \"Cada detalle busca convivir naturalmente con el entorno.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/EDIT-1-scaled.png\",\r\n\r\n                title:\r\n                \"Conexi\u00f3n <em>natural.<\/em>\",\r\n\r\n                description:\r\n                \"Naturaleza, arquitectura y confort en un mismo espacio.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/Atardecer-scaled.png\",\r\n\r\n                title:\r\n                \"Atardeceres <em>inolvidables.<\/em>\",\r\n\r\n                description:\r\n                \"El cielo cambia cada tarde y convierte el horizonte en protagonista.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/04\/IPALA-ESTRELLADO-scaled.jpg\",\r\n\r\n                title:\r\n                \"Noches bajo <em>estrellas.<\/em>\",\r\n\r\n                description:\r\n                \"Cuando cae la noche, Ipala revela otra forma de tranquilidad.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/EDITADA-1.png\",\r\n\r\n                title:\r\n                \"Descanso <em>profundo.<\/em>\",\r\n\r\n                description:\r\n                \"Un espacio pensado para descansar despu\u00e9s de disfrutar del Pac\u00edfico.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/EDITADA-3.png\",\r\n\r\n                title:\r\n                \"Comodidad <em>privada.<\/em>\",\r\n\r\n                description:\r\n                \"Confort contempor\u00e1neo dentro de un entorno tranquilo y natural.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-01-30-at-4.04.12-PM-5.jpeg\",\r\n\r\n                title:\r\n                \"Tu propio <em>refugio.<\/em>\",\r\n\r\n                description:\r\n                \"Un rinc\u00f3n frente al mar creado para desconectar de lo cotidiano.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/01\/BLOG-HEADER.png\",\r\n\r\n                title:\r\n                \"Compartir frente al <em>mar.<\/em>\",\r\n\r\n                description:\r\n                \"Espacios donde cada comida tambi\u00e9n forma parte de la experiencia.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/01\/pexels-mauricio-carrera-3868638-5960214-scaled.jpg\",\r\n\r\n                title:\r\n                \"Salir a <em>explorar.<\/em>\",\r\n\r\n                description:\r\n                \"La experiencia contin\u00faa m\u00e1s all\u00e1 de la habitaci\u00f3n.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/01\/1d9f68c3-78ac-4ffd-8637-18da5ac35140.jpg\",\r\n\r\n                title:\r\n                \"Arquitectura <em>Ipala.<\/em>\",\r\n\r\n                description:\r\n                \"Dise\u00f1o contempor\u00e1neo integrado al paisaje de la costa.\"\r\n            },\r\n\r\n            {\r\n                url:\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-25-at-8.42.30-PM.jpeg\",\r\n\r\n                title:\r\n                \"Aire y <em>libertad.<\/em>\",\r\n\r\n                description:\r\n                \"Una terraza para detener el tiempo y simplemente estar.\"\r\n            }\r\n\r\n        ];\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENTS\r\n        ====================================================== *\/\r\n\r\n        const track =\r\n            document.getElementById(\r\n                \"ipalaGalleryTrack\"\r\n            );\r\n\r\n        const prevButton =\r\n            document.getElementById(\r\n                \"ipalaGalleryPrev\"\r\n            );\r\n\r\n        const nextButton =\r\n            document.getElementById(\r\n                \"ipalaGalleryNext\"\r\n            );\r\n\r\n        const currentDisplay =\r\n            document.getElementById(\r\n                \"ipalaGalleryCurrent\"\r\n            );\r\n\r\n        const totalDisplay =\r\n            document.getElementById(\r\n                \"ipalaGalleryTotal\"\r\n            );\r\n\r\n        const progress =\r\n            document.getElementById(\r\n                \"ipalaGalleryProgress\"\r\n            );\r\n\r\n\r\n        const lightbox =\r\n            document.getElementById(\r\n                \"ipalaGalleryLightbox\"\r\n            );\r\n\r\n        const lightboxImg =\r\n            document.getElementById(\r\n                \"ipalaGalleryLightboxImg\"\r\n            );\r\n\r\n        const lightboxTitle =\r\n            document.getElementById(\r\n                \"ipalaLightboxTitle\"\r\n            );\r\n\r\n        const lightboxDescription =\r\n            document.getElementById(\r\n                \"ipalaLightboxDescription\"\r\n            );\r\n\r\n        const lightboxNumber =\r\n            document.getElementById(\r\n                \"ipalaLightboxNumber\"\r\n            );\r\n\r\n        const lightboxClose =\r\n            document.getElementById(\r\n                \"ipalaGalleryClose\"\r\n            );\r\n\r\n        const lightboxPrev =\r\n            document.getElementById(\r\n                \"ipalaLightboxPrev\"\r\n            );\r\n\r\n        const lightboxNext =\r\n            document.getElementById(\r\n                \"ipalaLightboxNext\"\r\n            );\r\n\r\n\r\n        if(\r\n            !track ||\r\n            !galleryData.length\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        totalDisplay.textContent =\r\n            String(\r\n                galleryData.length\r\n            ).padStart(\r\n                2,\r\n                \"0\"\r\n            );\r\n\r\n\r\n        \/* =====================================================\r\n           CREATE SLIDE\r\n        ====================================================== *\/\r\n\r\n        function createSlide(\r\n            item,\r\n            realIndex\r\n        ){\r\n\r\n            const slide =\r\n                document.createElement(\r\n                    \"article\"\r\n                );\r\n\r\n\r\n            slide.className =\r\n                \"ipala-gallery-slide\";\r\n\r\n\r\n            slide.dataset.index =\r\n                realIndex;\r\n\r\n\r\n            slide.innerHTML = `\r\n\r\n                <div class=\"ipala-gallery-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"${item.url}\"\r\n                        alt=\"${item.title.replace(\/<[^>]*>\/g,\"\")}\"\r\n                        loading=\"lazy\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ipala-gallery-overlay\">\r\n\r\n                    <div class=\"ipala-gallery-slide-top\">\r\n\r\n                        <span class=\"ipala-gallery-slide-number\">\r\n                            ${String(realIndex + 1).padStart(2,\"0\")}\r\n                        <\/span>\r\n\r\n                        <span class=\"ipala-gallery-view-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <path\r\n                                    d=\"M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.25\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ipala-gallery-info\">\r\n\r\n                        <small>\r\n                            IPALA \u00b7 JALISCO\r\n                        <\/small>\r\n\r\n                        <h3>\r\n                            ${item.title}\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            ${item.description}\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            `;\r\n\r\n\r\n            slide.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    if(\r\n                        track.classList.contains(\r\n                            \"is-dragging\"\r\n                        )\r\n                    ){\r\n                        return;\r\n                    }\r\n\r\n\r\n                    openLightbox(\r\n                        realIndex\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            return slide;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INFINITE STRUCTURE\r\n        ====================================================== *\/\r\n\r\n        const renderData = [\r\n            ...galleryData,\r\n            ...galleryData,\r\n            ...galleryData\r\n        ];\r\n\r\n\r\n        renderData.forEach(\r\n            function(item,index){\r\n\r\n                const realIndex =\r\n                    index %\r\n                    galleryData.length;\r\n\r\n\r\n                track.appendChild(\r\n                    createSlide(\r\n                        item,\r\n                        realIndex\r\n                    )\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           SLIDE METRICS\r\n        ====================================================== *\/\r\n\r\n        function getSlideDistance(){\r\n\r\n            const slides =\r\n                track.querySelectorAll(\r\n                    \".ipala-gallery-slide\"\r\n                );\r\n\r\n\r\n            if(\r\n                slides.length < 2\r\n            ){\r\n                return 350;\r\n            }\r\n\r\n\r\n            return (\r\n                slides[1].offsetLeft -\r\n                slides[0].offsetLeft\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function getSetWidth(){\r\n\r\n            return (\r\n                getSlideDistance() *\r\n                galleryData.length\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function setInitialPosition(){\r\n\r\n            track.scrollLeft =\r\n                getSetWidth();\r\n\r\n        }\r\n\r\n\r\n        requestAnimationFrame(\r\n            setInitialPosition\r\n        );\r\n\r\n\r\n        window.addEventListener(\r\n            \"load\",\r\n            setInitialPosition\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           NAVIGATION\r\n        ====================================================== *\/\r\n\r\n        nextButton.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                track.scrollBy({\r\n\r\n                    left:\r\n                        getSlideDistance(),\r\n\r\n                    behavior:\r\n                        \"smooth\"\r\n\r\n                });\r\n\r\n            }\r\n        );\r\n\r\n\r\n        prevButton.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                track.scrollBy({\r\n\r\n                    left:\r\n                        -getSlideDistance(),\r\n\r\n                    behavior:\r\n                        \"smooth\"\r\n\r\n                });\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           ACTIVE INDEX\r\n        ====================================================== *\/\r\n\r\n        function updateProgress(){\r\n\r\n            const width =\r\n                getSlideDistance();\r\n\r\n\r\n            if(!width){\r\n                return;\r\n            }\r\n\r\n\r\n            const localScroll =\r\n                (\r\n                    track.scrollLeft -\r\n                    getSetWidth()\r\n                );\r\n\r\n\r\n            let index =\r\n                Math.round(\r\n                    localScroll \/\r\n                    width\r\n                );\r\n\r\n\r\n            index =\r\n                (\r\n                    (\r\n                        index %\r\n                        galleryData.length\r\n                    ) +\r\n                    galleryData.length\r\n                ) %\r\n                galleryData.length;\r\n\r\n\r\n            currentDisplay.textContent =\r\n                String(\r\n                    index + 1\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            progress.style.width =\r\n                (\r\n                    (\r\n                        index + 1\r\n                    ) \/\r\n                    galleryData.length\r\n                ) *\r\n                100 +\r\n                \"%\";\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INFINITE RESET\r\n        ====================================================== *\/\r\n\r\n        let scrollTimer;\r\n\r\n\r\n        track.addEventListener(\r\n            \"scroll\",\r\n            function(){\r\n\r\n                updateProgress();\r\n\r\n\r\n                clearTimeout(\r\n                    scrollTimer\r\n                );\r\n\r\n\r\n                scrollTimer =\r\n                    setTimeout(\r\n                        function(){\r\n\r\n                            const setWidth =\r\n                                getSetWidth();\r\n\r\n\r\n                            if(\r\n                                track.scrollLeft >=\r\n                                setWidth * 2\r\n                            ){\r\n\r\n                                track.scrollLeft -=\r\n                                    setWidth;\r\n\r\n                            }\r\n\r\n\r\n                            if(\r\n                                track.scrollLeft <\r\n                                setWidth * .15\r\n                            ){\r\n\r\n                                track.scrollLeft +=\r\n                                    setWidth;\r\n\r\n                            }\r\n\r\n\r\n                        },\r\n                        90\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           DRAG DESKTOP\r\n        ====================================================== *\/\r\n\r\n        let isDragging = false;\r\n\r\n        let startX = 0;\r\n\r\n        let initialScrollLeft = 0;\r\n\r\n        let moved = false;\r\n\r\n\r\n        track.addEventListener(\r\n            \"pointerdown\",\r\n            function(event){\r\n\r\n                if(\r\n                    event.pointerType ===\r\n                    \"touch\"\r\n                ){\r\n                    return;\r\n                }\r\n\r\n\r\n                isDragging = true;\r\n\r\n                moved = false;\r\n\r\n\r\n                startX =\r\n                    event.clientX;\r\n\r\n\r\n                initialScrollLeft =\r\n                    track.scrollLeft;\r\n\r\n\r\n                track.classList.add(\r\n                    \"is-dragging\"\r\n                );\r\n\r\n\r\n                track.setPointerCapture(\r\n                    event.pointerId\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        track.addEventListener(\r\n            \"pointermove\",\r\n            function(event){\r\n\r\n                if(\r\n                    !isDragging\r\n                ){\r\n                    return;\r\n                }\r\n\r\n\r\n                const distance =\r\n                    event.clientX -\r\n                    startX;\r\n\r\n\r\n                if(\r\n                    Math.abs(distance) >\r\n                    5\r\n                ){\r\n                    moved = true;\r\n                }\r\n\r\n\r\n                track.scrollLeft =\r\n                    initialScrollLeft -\r\n                    distance;\r\n\r\n            }\r\n        );\r\n\r\n\r\n        function endDrag(){\r\n\r\n            if(\r\n                !isDragging\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            isDragging = false;\r\n\r\n\r\n            setTimeout(\r\n                function(){\r\n\r\n                    track.classList.remove(\r\n                        \"is-dragging\"\r\n                    );\r\n\r\n                },\r\n                moved ? 50 : 0\r\n            );\r\n\r\n        }\r\n\r\n\r\n        track.addEventListener(\r\n            \"pointerup\",\r\n            endDrag\r\n        );\r\n\r\n\r\n        track.addEventListener(\r\n            \"pointercancel\",\r\n            endDrag\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           LIGHTBOX\r\n        ====================================================== *\/\r\n\r\n        let lightboxIndex = 0;\r\n\r\n\r\n        function openLightbox(index){\r\n\r\n            lightboxIndex =\r\n                index;\r\n\r\n\r\n            updateLightbox();\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n        }\r\n\r\n\r\n        function updateLightbox(){\r\n\r\n            const item =\r\n                galleryData[\r\n                    lightboxIndex\r\n                ];\r\n\r\n\r\n            lightboxImg.src =\r\n                item.url;\r\n\r\n\r\n            lightboxImg.alt =\r\n                item.title.replace(\r\n                    \/<[^>]*>\/g,\r\n                    \"\"\r\n                );\r\n\r\n\r\n            lightboxTitle.innerHTML =\r\n                item.title;\r\n\r\n\r\n            lightboxDescription.textContent =\r\n                item.description;\r\n\r\n\r\n            lightboxNumber.textContent =\r\n                String(\r\n                    lightboxIndex + 1\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                ) +\r\n                \" \u00b7 GALER\u00cdA\";\r\n\r\n        }\r\n\r\n\r\n        function closeLightbox(){\r\n\r\n            lightbox.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"\";\r\n\r\n        }\r\n\r\n\r\n        function nextLightbox(){\r\n\r\n            lightboxIndex =\r\n                (\r\n                    lightboxIndex + 1\r\n                ) %\r\n                galleryData.length;\r\n\r\n\r\n            updateLightbox();\r\n\r\n        }\r\n\r\n\r\n        function prevLightbox(){\r\n\r\n            lightboxIndex =\r\n                (\r\n                    lightboxIndex -\r\n                    1 +\r\n                    galleryData.length\r\n                ) %\r\n                galleryData.length;\r\n\r\n\r\n            updateLightbox();\r\n\r\n        }\r\n\r\n\r\n        lightboxClose.addEventListener(\r\n            \"click\",\r\n            closeLightbox\r\n        );\r\n\r\n\r\n        lightboxNext.addEventListener(\r\n            \"click\",\r\n            nextLightbox\r\n        );\r\n\r\n\r\n        lightboxPrev.addEventListener(\r\n            \"click\",\r\n            prevLightbox\r\n        );\r\n\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function(event){\r\n\r\n                if(\r\n                    event.target ===\r\n                    lightbox\r\n                ){\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           KEYBOARD\r\n        ====================================================== *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function(event){\r\n\r\n                if(\r\n                    !lightbox.classList.contains(\r\n                        \"is-open\"\r\n                    )\r\n                ){\r\n                    return;\r\n                }\r\n\r\n\r\n                if(\r\n                    event.key ===\r\n                    \"Escape\"\r\n                ){\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n\r\n                if(\r\n                    event.key ===\r\n                    \"ArrowRight\"\r\n                ){\r\n\r\n                    nextLightbox();\r\n\r\n                }\r\n\r\n\r\n                if(\r\n                    event.key ===\r\n                    \"ArrowLeft\"\r\n                ){\r\n\r\n                    prevLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           ENTRANCE\r\n        ====================================================== *\/\r\n\r\n        const animated =\r\n            document.querySelectorAll(\r\n                \".ipala-gallery-intro,\" +\r\n                \".ipala-gallery-view,\" +\r\n                \".ipala-gallery-footer\"\r\n            );\r\n\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    function(entries){\r\n\r\n                        entries.forEach(\r\n                            function(entry){\r\n\r\n                                if(\r\n                                    entry.isIntersecting\r\n                                ){\r\n\r\n                                    entry.target\r\n                                        .classList\r\n                                        .add(\r\n                                            \"ipala-gallery-visible\"\r\n                                        );\r\n\r\n\r\n                                    observer.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n                    {\r\n                        threshold:.10\r\n                    }\r\n                );\r\n\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    observer.observe(\r\n                        element\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }else{\r\n\r\n            animated.forEach(\r\n                function(element){\r\n\r\n                    element.classList.add(\r\n                        \"ipala-gallery-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        updateProgress();\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ee5763 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ee5763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .ipala-video-hero {\r\n        position: relative;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        margin-left: calc(-50vw + 50%);\r\n        overflow: hidden;\r\n        background: #3A6052; \/* Verde Ipala *\/\r\n        font-family: 'Comic Neue', sans-serif !important;\r\n    }\r\n\r\n    \/* VIDEO DE FONDO *\/\r\n    .video-full-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n    }\r\n\r\n    .video-full-bg video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* CONTENEDOR DE LA LEYENDA CENTRADA *\/\r\n    .adventure-overlay {\r\n        position: absolute; \/* Cambiado a absoluto para asegurar el centro total *\/\r\n        inset: 0;\r\n        z-index: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center; \/* Centrado vertical *\/\r\n        text-align: center;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .adventure-scroll-text {\r\n        font-size: clamp(40px, 8vw, 85px);\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin: 0;\r\n        line-height: 1.1;\r\n        opacity: 0; \r\n        text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.6);\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* ANIMACI\u00d3N DE 6 SEGUNDOS *\/\r\n    .animate-now {\r\n        animation: quickScrollCycle 6s ease-in-out forwards;\r\n    }\r\n\r\n    @keyframes quickScrollCycle {\r\n        0% { opacity: 0; transform: translateY(30px); }\r\n        15% { opacity: 1; transform: translateY(0); }  \r\n        85% { opacity: 1; transform: translateY(0); }  \r\n        100% { opacity: 0; transform: translateY(-30px); }\r\n    }\r\n\r\n    .brand-tag-footer {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        font-size: 14px;\r\n        color: #ffffff;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        opacity: 0.8;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ipala-video-hero\" id=\"triggerSection\">\r\n    <div class=\"video-full-bg\">\r\n        <video autoplay muted loop playsinline poster=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2025\/12\/TERRAZA-IPALA.png\">\r\n            <source src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2025\/12\/8592-212130283-1.mp4\" type=\"video\/mp4\">\r\n            Tu navegador no soporta video.\r\n        <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"adventure-overlay\">\r\n        <p class=\"adventure-scroll-text\" id=\"adventureText\">Aventura con prop\u00f3sito<\/p>\r\n        <div class=\"brand-tag-footer\">Ipala Glam Container<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const scrollObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            const el = document.getElementById('adventureText');\r\n            if (entry.isIntersecting) {\r\n                el.classList.remove('animate-now');\r\n                void el.offsetWidth; \/\/ Forzar reinicio de animaci\u00f3n\r\n                el.classList.add('animate-now');\r\n            } else {\r\n                el.classList.remove('animate-now');\r\n            }\r\n        });\r\n    }, { threshold: 0.4 });\r\n\r\n    scrollObserver.observe(document.getElementById('triggerSection'));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1287e1d elementor-widget elementor-widget-html\" data-id=\"1287e1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   IPALA GLAM CONTAINER\r\n   CARRUSEL DE RESE\u00d1AS\r\n========================================================= *\/\r\n\r\n.ipala-testimonials{\r\n    --green:#3A6052;\r\n    --dark:#29483E;\r\n    --sage:#B4CEC7;\r\n    --cream:#F6F7F3;\r\n    --gold:#E9AE34;\r\n\r\n    width:100%;\r\n    padding:82px 24px;\r\n    overflow:hidden;\r\n    background:#F6F7F3;\r\n    color:#29483E;\r\n    font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n.ipala-testimonials *,\r\n.ipala-testimonials *::before,\r\n.ipala-testimonials *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ipala-testimonials-inner{\r\n    width:min(1240px,100%);\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENCABEZADO\r\n========================================================= *\/\r\n\r\n.ipala-testimonials-kicker{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-bottom:12px;\r\n    color:rgba(41,72,62,.55);\r\n    font-size:8px;\r\n    font-weight:600;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ipala-testimonials-kicker::before{\r\n    content:\"\";\r\n    width:34px;\r\n    height:1px;\r\n    background:#B4CEC7;\r\n}\r\n\r\n.ipala-testimonials-title{\r\n    max-width:760px;\r\n    margin:0;\r\n    color:#29483E;\r\n    font-size:clamp(42px,5vw,72px);\r\n    font-weight:300;\r\n    line-height:.92;\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n.ipala-testimonials-title em{\r\n    display:block;\r\n    margin-top:4px;\r\n    color:#3A6052;\r\n    font-family:'Rochester',cursive;\r\n    font-style:normal;\r\n    font-weight:400;\r\n    letter-spacing:0;\r\n}\r\n\r\n.ipala-testimonials-intro{\r\n    max-width:520px;\r\n    margin:18px 0 34px;\r\n    color:rgba(41,72,62,.62);\r\n    font-size:11px;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLES\r\n========================================================= *\/\r\n\r\n.ipala-testimonials-top{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.ipala-testimonials-meta{\r\n    color:rgba(41,72,62,.43);\r\n    font-size:7px;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ipala-testimonials-controls{\r\n    display:flex;\r\n    gap:8px;\r\n}\r\n\r\n.ipala-testimonials-arrow{\r\n    width:42px;\r\n    height:42px;\r\n    padding:0;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:1px solid rgba(58,96,82,.16);\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n    color:#3A6052;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        color .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n.ipala-testimonials-arrow:hover{\r\n    transform:translateY(-2px);\r\n    background:#3A6052;\r\n    color:#fff;\r\n    border-color:#3A6052;\r\n}\r\n\r\n.ipala-testimonials-arrow svg{\r\n    width:16px;\r\n    height:16px;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARRUSEL\r\n========================================================= *\/\r\n\r\n.ipala-testimonials-viewport{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.ipala-testimonials-track{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:18px;\r\n\r\n    will-change:transform;\r\n\r\n    transition:\r\n        transform .65s\r\n        cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARJETA\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-card{\r\n    flex:0 0 calc((100% - 36px) \/ 3);\r\n    align-self:flex-start;\r\n\r\n    min-width:0;\r\n    height:auto;\r\n\r\n    padding:26px;\r\n\r\n    border:1px solid rgba(58,96,82,.11);\r\n    border-radius:24px;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 16px 45px\r\n        rgba(41,72,62,.06);\r\n\r\n    cursor:pointer;\r\n    outline:none;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.ipala-testimonial-card:hover{\r\n    transform:translateY(-4px);\r\n    border-color:rgba(58,96,82,.20);\r\n\r\n    box-shadow:\r\n        0 24px 60px\r\n        rgba(41,72,62,.10);\r\n}\r\n\r\n.ipala-testimonial-card:focus-visible{\r\n    outline:2px solid #3A6052;\r\n    outline-offset:3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSONA\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-head{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.ipala-testimonial-avatar{\r\n    width:43px;\r\n    height:43px;\r\n    flex:0 0 43px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#3A6052;\r\n    color:#fff;\r\n\r\n    font-size:13px;\r\n    font-weight:500;\r\n}\r\n\r\n.ipala-testimonial-person{\r\n    min-width:0;\r\n}\r\n\r\n.ipala-testimonial-name{\r\n    margin:0 0 4px;\r\n    color:#29483E;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    line-height:1.3;\r\n}\r\n\r\n.ipala-testimonial-source{\r\n    color:rgba(41,72,62,.44);\r\n    font-size:6px;\r\n    letter-spacing:.09em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESTRELLAS\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-stars{\r\n    display:flex;\r\n    gap:2px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.ipala-testimonial-stars svg{\r\n    width:15px;\r\n    height:15px;\r\n    fill:#E9AE34;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTO\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-text{\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.78);\r\n\r\n    font-size:9.5px;\r\n    line-height:1.75;\r\n\r\n    white-space:pre-line;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VER RESE\u00d1A\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-more{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n\r\n    margin-top:16px;\r\n\r\n    color:rgba(58,96,82,.52);\r\n\r\n    font-size:5.5px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ipala-testimonial-more svg{\r\n    width:11px;\r\n    height:11px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.ipala-testimonial-sample{\r\n    display:inline-block;\r\n\r\n    margin-top:12px;\r\n    padding:5px 8px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:rgba(58,96,82,.055);\r\n    color:rgba(41,72,62,.39);\r\n\r\n    font-size:5px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:.11em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESO\r\n========================================================= *\/\r\n\r\n.ipala-testimonials-progress{\r\n    position:relative;\r\n    height:2px;\r\n    margin-top:24px;\r\n    overflow:hidden;\r\n\r\n    background:rgba(58,96,82,.10);\r\n}\r\n\r\n.ipala-testimonials-progress-bar{\r\n    width:33.33%;\r\n    height:100%;\r\n\r\n    background:#3A6052;\r\n\r\n    transition:width .45s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOT DEL BLOQUE\r\n========================================================= *\/\r\n\r\n.ipala-testimonials-bottom{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n\r\n    margin-top:26px;\r\n}\r\n\r\n.ipala-testimonials-bottom-copy{\r\n    color:rgba(41,72,62,.42);\r\n    font-size:7px;\r\n    line-height:1.6;\r\n}\r\n\r\n.ipala-testimonials-signature{\r\n    color:#3A6052;\r\n    font-family:'Rochester',cursive;\r\n    font-size:25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-detail-modal{\r\n    position:fixed !important;\r\n    inset:0 !important;\r\n\r\n    z-index:99999999 !important;\r\n\r\n    width:100vw !important;\r\n    height:100vh !important;\r\n    height:100dvh !important;\r\n\r\n    display:flex !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    padding:24px !important;\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        visibility .35s ease;\r\n}\r\n\r\n.ipala-testimonial-detail-modal.is-open{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n}\r\n\r\n.ipala-testimonial-detail-backdrop{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:rgba(12,29,23,.73);\r\n\r\n    backdrop-filter:blur(16px);\r\n    -webkit-backdrop-filter:blur(16px);\r\n}\r\n\r\n.ipala-testimonial-detail-box{\r\n    position:relative !important;\r\n\r\n    z-index:2;\r\n\r\n    width:min(1050px,100%) !important;\r\n\r\n    max-height:88vh !important;\r\n    max-height:88dvh !important;\r\n\r\n    margin:auto !important;\r\n\r\n    overflow-y:auto !important;\r\n    overflow-x:hidden !important;\r\n\r\n    border-radius:30px !important;\r\n\r\n    background:#F8F9F6;\r\n\r\n    box-shadow:\r\n        0 40px 120px\r\n        rgba(0,0,0,.27);\r\n\r\n    scrollbar-width:none;\r\n\r\n    transform:\r\n        translateY(22px)\r\n        scale(.98);\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ipala-testimonial-detail-box::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n.ipala-testimonial-detail-modal.is-open\r\n.ipala-testimonial-detail-box{\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CERRAR\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-detail-close{\r\n    position:sticky;\r\n    top:15px;\r\n\r\n    float:right;\r\n\r\n    z-index:10;\r\n\r\n    width:44px;\r\n    height:44px;\r\n\r\n    margin:15px 15px -59px 0;\r\n    padding:0;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:1px solid rgba(58,96,82,.13);\r\n    border-radius:50%;\r\n\r\n    background:rgba(255,255,255,.90);\r\n\r\n    backdrop-filter:blur(16px);\r\n    -webkit-backdrop-filter:blur(16px);\r\n\r\n    color:#3A6052;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.ipala-testimonial-detail-close svg{\r\n    width:15px;\r\n    height:15px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.7;\r\n    stroke-linecap:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENIDO MODAL\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-detail-content{\r\n    padding:50px;\r\n}\r\n\r\n.ipala-testimonial-detail-head{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:15px;\r\n\r\n    padding-right:60px;\r\n\r\n    margin-bottom:18px;\r\n}\r\n\r\n.ipala-testimonial-detail-avatar{\r\n    width:56px;\r\n    height:56px;\r\n    flex:0 0 56px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#3A6052;\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n    font-weight:500;\r\n}\r\n\r\n.ipala-testimonial-detail-name{\r\n    margin:0 0 5px;\r\n\r\n    color:#29483E;\r\n\r\n    font-size:19px;\r\n    font-weight:600;\r\n}\r\n\r\n.ipala-testimonial-detail-source{\r\n    color:rgba(41,72,62,.46);\r\n\r\n    font-size:7px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ipala-testimonial-detail-date{\r\n    margin-top:5px;\r\n\r\n    color:rgba(41,72,62,.35);\r\n\r\n    font-size:6.5px;\r\n\r\n    letter-spacing:.08em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ipala-testimonial-detail-stars{\r\n    display:flex;\r\n    gap:3px;\r\n\r\n    margin-bottom:22px;\r\n}\r\n\r\n.ipala-testimonial-detail-stars svg{\r\n    width:20px;\r\n    height:20px;\r\n\r\n    fill:#E9AE34;\r\n}\r\n\r\n.ipala-testimonial-detail-text{\r\n    max-width:800px;\r\n\r\n    margin:0;\r\n\r\n    color:rgba(41,72,62,.81);\r\n\r\n    font-size:13px;\r\n    line-height:1.95;\r\n\r\n    white-space:pre-line;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTOS\r\n========================================================= *\/\r\n\r\n.ipala-testimonial-detail-photo-label{\r\n    display:none;\r\n\r\n    margin-top:32px;\r\n    margin-bottom:10px;\r\n\r\n    color:rgba(41,72,62,.43);\r\n\r\n    font-size:6px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ipala-testimonial-detail-photo-label.is-visible{\r\n    display:block;\r\n}\r\n\r\n.ipala-testimonial-detail-gallery{\r\n    display:none;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap:12px;\r\n}\r\n\r\n.ipala-testimonial-detail-gallery.has-images{\r\n    display:grid;\r\n}\r\n\r\n.ipala-testimonial-detail-photo{\r\n    position:relative;\r\n\r\n    min-height:420px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#E8ECE8;\r\n}\r\n\r\n.ipala-testimonial-detail-photo img{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n    .ipala-testimonial-card{\r\n        flex-basis:\r\n            calc((100% - 18px) \/ 2);\r\n    }\r\n\r\n    .ipala-testimonial-detail-modal{\r\n        padding:18px !important;\r\n    }\r\n\r\n    .ipala-testimonial-detail-box{\r\n        width:min(820px,100%) !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n========================================================= *\/\r\n\r\n@media(max-width:620px){\r\n\r\n    .ipala-testimonials{\r\n        padding:58px 14px;\r\n    }\r\n\r\n    .ipala-testimonials-title{\r\n        font-size:\r\n            clamp(39px,12vw,53px);\r\n    }\r\n\r\n    .ipala-testimonials-intro{\r\n        margin-bottom:26px;\r\n        font-size:9px;\r\n    }\r\n\r\n    .ipala-testimonials-meta{\r\n        max-width:180px;\r\n        font-size:5.5px;\r\n        line-height:1.5;\r\n    }\r\n\r\n    .ipala-testimonials-arrow{\r\n        width:39px;\r\n        height:39px;\r\n    }\r\n\r\n    .ipala-testimonials-track{\r\n        gap:12px;\r\n    }\r\n\r\n    .ipala-testimonial-card{\r\n        flex:0 0 100%;\r\n        padding:22px 19px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .ipala-testimonial-text{\r\n        font-size:9px;\r\n        line-height:1.75;\r\n    }\r\n\r\n    .ipala-testimonials-bottom{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .ipala-testimonial-detail-modal{\r\n        padding:14px !important;\r\n    }\r\n\r\n    .ipala-testimonial-detail-box{\r\n        width:100% !important;\r\n        max-height:86vh !important;\r\n        max-height:86dvh !important;\r\n        border-radius:24px !important;\r\n    }\r\n\r\n    .ipala-testimonial-detail-close{\r\n        top:10px;\r\n\r\n        width:42px;\r\n        height:42px;\r\n\r\n        margin:10px 10px -52px 0;\r\n    }\r\n\r\n    .ipala-testimonial-detail-content{\r\n        padding:37px 21px 25px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-head{\r\n        gap:12px;\r\n        padding-right:48px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-avatar{\r\n        width:48px;\r\n        height:48px;\r\n        flex-basis:48px;\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-name{\r\n        font-size:15px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-stars{\r\n        margin-bottom:17px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-stars svg{\r\n        width:18px;\r\n        height:18px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-text{\r\n        font-size:11px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    .ipala-testimonial-detail-gallery{\r\n        grid-template-columns:1fr;\r\n        gap:9px;\r\n    }\r\n\r\n    .ipala-testimonial-detail-photo{\r\n        min-height:310px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"ipala-testimonials\">\r\n\r\n    <div class=\"ipala-testimonials-inner\">\r\n\r\n        <div class=\"ipala-testimonials-kicker\">\r\n            Lo que nuestros hu\u00e9spedes cuentan\r\n        <\/div>\r\n\r\n        <h2 class=\"ipala-testimonials-title\">\r\n            Experiencias que\r\n            <em>se quedan contigo.<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"ipala-testimonials-intro\">\r\n            Cada visita a Ipala se vive de una manera diferente.\r\n            Conoce algunas de las experiencias compartidas por\r\n            quienes han disfrutado este lugar frente al Pac\u00edfico.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"ipala-testimonials-top\">\r\n\r\n            <div class=\"ipala-testimonials-meta\">\r\n                Selecciona una rese\u00f1a para verla completa\r\n            <\/div>\r\n\r\n            <div class=\"ipala-testimonials-controls\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"ipala-testimonials-arrow\"\r\n                    id=\"ipalaTestimonialsPrev\"\r\n                    aria-label=\"Rese\u00f1a anterior\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M14.5 6L8.5 12L14.5 18\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"ipala-testimonials-arrow\"\r\n                    id=\"ipalaTestimonialsNext\"\r\n                    aria-label=\"Siguiente rese\u00f1a\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9.5 6L15.5 12L9.5 18\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"ipala-testimonials-viewport\"\r\n            id=\"ipalaTestimonialsViewport\">\r\n\r\n            <div\r\n                class=\"ipala-testimonials-track\"\r\n                id=\"ipalaTestimonialsTrack\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ipala-testimonials-progress\">\r\n\r\n            <div\r\n                class=\"ipala-testimonials-progress-bar\"\r\n                id=\"ipalaTestimonialsProgress\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ipala-testimonials-bottom\">\r\n\r\n            <div class=\"ipala-testimonials-bottom-copy\">\r\n                Experiencias compartidas por hu\u00e9spedes de Ipala Glam Container.\r\n            <\/div>\r\n\r\n            <div class=\"ipala-testimonials-signature\">\r\n                Nos vemos en Ipala.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     MODAL\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"ipala-testimonial-detail-modal\"\r\n    id=\"ipalaTestimonialDetailModal\"\r\n    aria-hidden=\"true\">\r\n\r\n    <div\r\n        class=\"ipala-testimonial-detail-backdrop\"\r\n        id=\"ipalaTestimonialDetailBackdrop\">\r\n    <\/div>\r\n\r\n    <div\r\n        class=\"ipala-testimonial-detail-box\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby=\"ipalaTestimonialDetailName\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"ipala-testimonial-detail-close\"\r\n            id=\"ipalaTestimonialDetailClose\"\r\n            aria-label=\"Cerrar rese\u00f1a\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M6 6L18 18\"><\/path>\r\n                <path d=\"M18 6L6 18\"><\/path>\r\n            <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"ipala-testimonial-detail-content\">\r\n\r\n            <div class=\"ipala-testimonial-detail-head\">\r\n\r\n                <div\r\n                    class=\"ipala-testimonial-detail-avatar\"\r\n                    id=\"ipalaTestimonialDetailAvatar\">\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3\r\n                        class=\"ipala-testimonial-detail-name\"\r\n                        id=\"ipalaTestimonialDetailName\">\r\n                    <\/h3>\r\n\r\n                    <div\r\n                        class=\"ipala-testimonial-detail-source\"\r\n                        id=\"ipalaTestimonialDetailSource\">\r\n                    <\/div>\r\n\r\n                    <div\r\n                        class=\"ipala-testimonial-detail-date\"\r\n                        id=\"ipalaTestimonialDetailDate\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"ipala-testimonial-detail-stars\"\r\n                id=\"ipalaTestimonialDetailStars\">\r\n            <\/div>\r\n\r\n\r\n            <p\r\n                class=\"ipala-testimonial-detail-text\"\r\n                id=\"ipalaTestimonialDetailText\">\r\n            <\/p>\r\n\r\n\r\n            <div\r\n                class=\"ipala-testimonial-detail-photo-label\"\r\n                id=\"ipalaTestimonialDetailPhotoLabel\">\r\n                Fotograf\u00edas compartidas durante su experiencia\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"ipala-testimonial-detail-gallery\"\r\n                id=\"ipalaTestimonialDetailGallery\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       DATOS DE RESE\u00d1AS\r\n    ====================================================== *\/\r\n\r\n    const reviews = [\r\n\r\n        {\r\n            name:\"Adolfo Lozano\",\r\n            avatar:\"A\",\r\n            source:\"Rese\u00f1a en Google\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:false,\r\n            text:`Soy de Canad\u00e1 y me aloj\u00e9 aqu\u00ed tres d\u00edas; fue una experiencia incre\u00edble.\r\n\r\nLa ubicaci\u00f3n es absolutamente preciosa. Est\u00e1s justo al lado del oc\u00e9ano, puedes o\u00edr las olas y caminar kil\u00f3metros por la playa. Es muy tranquilo y relajante, con hamacas y un entorno natural precioso donde puedes desconectar y disfrutar de la playa.\r\n\r\nDulce y Fabian fueron maravillosos y nos hicieron sentir como en casa. Dulce prepar\u00f3 un ceviche fresco incre\u00edble, y la tabla de frutas, quesos y embutidos estaba bellamente presentada y deliciosa. Todo se notaba fresco y hecho con mucho cari\u00f1o.`,\r\n            images:[\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/09\/unnamed.webp\",\r\n                \"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/09\/unnamed-1.webp\"\r\n            ]\r\n        },\r\n\r\n\r\n        {\r\n            name:\"\u30de\u30eb\u30c6\u30a3\u30f3\",\r\n            avatar:\"M\",\r\n            source:\"Local Guide \u00b7 Google\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:false,\r\n            text:`Una de las Mejores experiencias de GLAMPING para sentirte en armon\u00eda, paz, en tranquilidad y conectar verdaderamente con la Naturaleza. Los anfitriones son muy buenas y grandiosas Personas, te hacen sentirte en casa con confianza, le ponen coraz\u00f3n a su trabajo y le ponen amor a su servicio y son muy atentos siempre. Recomendad\u00edsimo. Volver\u00e9 a ir muchas veces!!`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           NUEVA RESE\u00d1A REAL\r\n        ================================================= *\/\r\n\r\n        {\r\n            name:\"Fernanda\",\r\n            avatar:\"F\",\r\n            source:\"Rese\u00f1a de hu\u00e9sped\",\r\n            date:\"08\/09\/2026 \u00b7 11:20\",\r\n            rating:5,\r\n            sample:false,\r\n            text:`Me la pas\u00e9 muy bien, esta muy c\u00f3modo, hubo buena compa\u00f1\u00eda, esta hermoso el lugar y muy rica la comida \ud83d\ude0b`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           NUEVA RESE\u00d1A REAL\r\n        ================================================= *\/\r\n\r\n        {\r\n            name:\"Raymundo Macedo\",\r\n            avatar:\"R\",\r\n            source:\"Rese\u00f1a de hu\u00e9sped\",\r\n            date:\"08\/09\/2026 \u00b7 11:23\",\r\n            rating:5,\r\n            sample:false,\r\n            text:`Una experiencia incre\u00edble para desconectarse, descansar y disfrutar de la naturaleza. Pasamos un fin de semana muy relajante, con una atenci\u00f3n excelente y un ambiente que invita a disfrutar de cada momento.\r\n\r\nLos glampings ecol\u00f3gicos son muy c\u00f3modos y cuentan con lo necesario para una estancia agradable, incluyendo electricidad y WiFi, sin perder la esencia de estar en contacto con la naturaleza. Adem\u00e1s, poder conocer y apoyar su campamento tortuguero hizo la experiencia todav\u00eda m\u00e1s especial.\r\n\r\nSin duda, un lugar al que volver\u00eda y que recomiendo totalmente para quienes buscan tranquilidad.`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        {\r\n            name:\"Valeria Mendoza\",\r\n            avatar:\"V\",\r\n            source:\"Experiencia en Ipala\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:true,\r\n            text:`Un lugar pensado para desconectarse del ritmo de todos los d\u00edas y disfrutar del mar, la tranquilidad y la naturaleza. La experiencia se siente \u00edntima, relajada y muy especial.`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        {\r\n            name:\"Carlos Hern\u00e1ndez\",\r\n            avatar:\"C\",\r\n            source:\"Experiencia en Ipala\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:true,\r\n            text:`Dormir tan cerca del oc\u00e9ano cambia completamente la experiencia. Escuchar las olas durante la noche y despertar rodeado de naturaleza hace que el viaje se sienta diferente.`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        {\r\n            name:\"Alejandro Torres\",\r\n            avatar:\"A\",\r\n            source:\"Experiencia en Ipala\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:true,\r\n            text:`Nos encant\u00f3 la combinaci\u00f3n entre comodidad y naturaleza. Puedes disfrutar del paisaje y del mar sin renunciar a un espacio agradable y cuidadosamente preparado.`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        {\r\n            name:\"Mariana L\u00f3pez\",\r\n            avatar:\"M\",\r\n            source:\"Experiencia en Ipala\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:true,\r\n            text:`Los atardeceres son uno de esos momentos que hacen que quieras quedarte un d\u00eda m\u00e1s. Todo invita a bajar el ritmo, disfrutar y simplemente estar presente.`,\r\n            images:[]\r\n        },\r\n\r\n\r\n        {\r\n            name:\"Daniel Castillo\",\r\n            avatar:\"D\",\r\n            source:\"Experiencia en Ipala\",\r\n            date:\"\",\r\n            rating:5,\r\n            sample:true,\r\n            text:`Una experiencia muy diferente a hospedarse en un hotel tradicional. Aqu\u00ed el entorno forma parte de la estancia: el mar, el sonido de las olas y la sensaci\u00f3n de estar realmente desconectado.`,\r\n            images:[]\r\n        }\r\n\r\n    ];\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTOS\r\n    ====================================================== *\/\r\n\r\n    const track =\r\n        document.getElementById(\r\n            \"ipalaTestimonialsTrack\"\r\n        );\r\n\r\n    const viewport =\r\n        document.getElementById(\r\n            \"ipalaTestimonialsViewport\"\r\n        );\r\n\r\n    const prev =\r\n        document.getElementById(\r\n            \"ipalaTestimonialsPrev\"\r\n        );\r\n\r\n    const next =\r\n        document.getElementById(\r\n            \"ipalaTestimonialsNext\"\r\n        );\r\n\r\n    const progress =\r\n        document.getElementById(\r\n            \"ipalaTestimonialsProgress\"\r\n        );\r\n\r\n\r\n    const detailModal =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailModal\"\r\n        );\r\n\r\n    const detailBackdrop =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailBackdrop\"\r\n        );\r\n\r\n    const detailClose =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailClose\"\r\n        );\r\n\r\n    const detailAvatar =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailAvatar\"\r\n        );\r\n\r\n    const detailName =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailName\"\r\n        );\r\n\r\n    const detailSource =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailSource\"\r\n        );\r\n\r\n    const detailDate =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailDate\"\r\n        );\r\n\r\n    const detailStars =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailStars\"\r\n        );\r\n\r\n    const detailText =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailText\"\r\n        );\r\n\r\n    const detailPhotoLabel =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailPhotoLabel\"\r\n        );\r\n\r\n    const detailGallery =\r\n        document.getElementById(\r\n            \"ipalaTestimonialDetailGallery\"\r\n        );\r\n\r\n\r\n    if(!track){\r\n        return;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ESTRELLAS\r\n    ====================================================== *\/\r\n\r\n    function starSVG(){\r\n\r\n        return `\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 2.2l3 6.1 6.7 1-4.8 4.7 1.1 6.6-6-3.2-6 3.2 1.1-6.6-4.8-4.7 6.7-1z\"\/>\r\n            <\/svg>\r\n        `;\r\n\r\n    }\r\n\r\n\r\n    function starsHTML(rating){\r\n\r\n        let html = \"\";\r\n\r\n        for(let i = 0; i < rating; i++){\r\n            html += starSVG();\r\n        }\r\n\r\n        return html;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CREAR TARJETAS\r\n    ====================================================== *\/\r\n\r\n    reviews.forEach(\r\n        function(review,index){\r\n\r\n            const card =\r\n                document.createElement(\r\n                    \"article\"\r\n                );\r\n\r\n\r\n            card.className =\r\n                \"ipala-testimonial-card\";\r\n\r\n\r\n            card.tabIndex = 0;\r\n\r\n            card.setAttribute(\r\n                \"role\",\r\n                \"button\"\r\n            );\r\n\r\n            card.setAttribute(\r\n                \"aria-label\",\r\n                \"Ver rese\u00f1a completa de \" +\r\n                review.name\r\n            );\r\n\r\n\r\n            card.dataset.reviewIndex =\r\n                index;\r\n\r\n\r\n            const sample =\r\n                review.sample\r\n                    ? `\r\n                    <span class=\"ipala-testimonial-sample\">\r\n                        Rese\u00f1a de muestra\r\n                    <\/span>\r\n                    `\r\n                    : \"\";\r\n\r\n\r\n            const photosLabel =\r\n                review.images.length\r\n                    ? \"Ver rese\u00f1a y fotograf\u00edas\"\r\n                    : \"Ver rese\u00f1a completa\";\r\n\r\n\r\n            card.innerHTML = `\r\n\r\n                <div class=\"ipala-testimonial-head\">\r\n\r\n                    <div class=\"ipala-testimonial-avatar\">\r\n                        ${review.avatar}\r\n                    <\/div>\r\n\r\n                    <div class=\"ipala-testimonial-person\">\r\n\r\n                        <h3 class=\"ipala-testimonial-name\">\r\n                            ${review.name}\r\n                        <\/h3>\r\n\r\n                        <div class=\"ipala-testimonial-source\">\r\n                            ${review.source}\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ipala-testimonial-stars\">\r\n                    ${starsHTML(review.rating)}\r\n                <\/div>\r\n\r\n\r\n                <p class=\"ipala-testimonial-text\"><\/p>\r\n\r\n\r\n                ${sample}\r\n\r\n\r\n                <div class=\"ipala-testimonial-more\">\r\n\r\n                    ${photosLabel}\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            card\r\n                .querySelector(\r\n                    \".ipala-testimonial-text\"\r\n                )\r\n                .textContent =\r\n                    review.text;\r\n\r\n\r\n            track.appendChild(\r\n                card\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    const cards =\r\n        Array.from(\r\n            track.querySelectorAll(\r\n                \".ipala-testimonial-card\"\r\n            )\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       CARRUSEL\r\n    ====================================================== *\/\r\n\r\n    let currentIndex = 0;\r\n    let touchStartX = 0;\r\n    let touchCurrentX = 0;\r\n    let touchMoved = false;\r\n    let autoplay = null;\r\n\r\n\r\n    function visibleCards(){\r\n\r\n        if(window.innerWidth <= 620){\r\n            return 1;\r\n        }\r\n\r\n        if(window.innerWidth <= 980){\r\n            return 2;\r\n        }\r\n\r\n        return 3;\r\n\r\n    }\r\n\r\n\r\n    function maximumIndex(){\r\n\r\n        return Math.max(\r\n            0,\r\n            cards.length -\r\n            visibleCards()\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function getCardStep(){\r\n\r\n        if(!cards.length){\r\n            return 0;\r\n        }\r\n\r\n        const style =\r\n            window.getComputedStyle(\r\n                track\r\n            );\r\n\r\n        const gap =\r\n            parseFloat(\r\n                style.gap\r\n            ) || 0;\r\n\r\n\r\n        return (\r\n            cards[0]\r\n                .getBoundingClientRect()\r\n                .width +\r\n            gap\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function updateCarousel(){\r\n\r\n        currentIndex =\r\n            Math.max(\r\n                0,\r\n                Math.min(\r\n                    currentIndex,\r\n                    maximumIndex()\r\n                )\r\n            );\r\n\r\n\r\n        track.style.transform =\r\n            \"translate3d(-\" +\r\n            (\r\n                currentIndex *\r\n                getCardStep()\r\n            ) +\r\n            \"px,0,0)\";\r\n\r\n\r\n        if(progress){\r\n\r\n            progress.style.width =\r\n                Math.min(\r\n                    100,\r\n                    (\r\n                        (\r\n                            currentIndex +\r\n                            visibleCards()\r\n                        ) \/\r\n                        cards.length\r\n                    ) *\r\n                    100\r\n                ) +\r\n                \"%\";\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function nextReview(){\r\n\r\n        if(\r\n            currentIndex >=\r\n            maximumIndex()\r\n        ){\r\n\r\n            currentIndex = 0;\r\n\r\n        }else{\r\n\r\n            currentIndex++;\r\n\r\n        }\r\n\r\n        updateCarousel();\r\n\r\n    }\r\n\r\n\r\n    function previousReview(){\r\n\r\n        if(currentIndex <= 0){\r\n\r\n            currentIndex =\r\n                maximumIndex();\r\n\r\n        }else{\r\n\r\n            currentIndex--;\r\n\r\n        }\r\n\r\n        updateCarousel();\r\n\r\n    }\r\n\r\n\r\n    function stopAutoplay(){\r\n\r\n        if(autoplay){\r\n\r\n            clearInterval(\r\n                autoplay\r\n            );\r\n\r\n            autoplay = null;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function startAutoplay(){\r\n\r\n        stopAutoplay();\r\n\r\n        autoplay =\r\n            setInterval(\r\n                nextReview,\r\n                7000\r\n            );\r\n\r\n    }\r\n\r\n\r\n    prev.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n            previousReview();\r\n            startAutoplay();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    next.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n            nextReview();\r\n            startAutoplay();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       TOUCH\r\n    ====================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n        \"touchstart\",\r\n        function(event){\r\n\r\n            if(!event.touches.length){\r\n                return;\r\n            }\r\n\r\n            touchStartX =\r\n                event.touches[0].clientX;\r\n\r\n            touchCurrentX =\r\n                touchStartX;\r\n\r\n            touchMoved =\r\n                false;\r\n\r\n            stopAutoplay();\r\n\r\n        },\r\n        {\r\n            passive:true\r\n        }\r\n    );\r\n\r\n\r\n    viewport.addEventListener(\r\n        \"touchmove\",\r\n        function(event){\r\n\r\n            if(!event.touches.length){\r\n                return;\r\n            }\r\n\r\n            touchCurrentX =\r\n                event.touches[0].clientX;\r\n\r\n\r\n            if(\r\n                Math.abs(\r\n                    touchCurrentX -\r\n                    touchStartX\r\n                ) > 10\r\n            ){\r\n\r\n                touchMoved =\r\n                    true;\r\n\r\n            }\r\n\r\n        },\r\n        {\r\n            passive:true\r\n        }\r\n    );\r\n\r\n\r\n    viewport.addEventListener(\r\n        \"touchend\",\r\n        function(){\r\n\r\n            const distance =\r\n                touchCurrentX -\r\n                touchStartX;\r\n\r\n\r\n            if(\r\n                Math.abs(distance) >\r\n                45\r\n            ){\r\n\r\n                if(distance < 0){\r\n\r\n                    nextReview();\r\n\r\n                }else{\r\n\r\n                    previousReview();\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            setTimeout(\r\n                function(){\r\n\r\n                    touchMoved =\r\n                        false;\r\n\r\n                },\r\n                100\r\n            );\r\n\r\n\r\n            startAutoplay();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       ABRIR MODAL\r\n    ====================================================== *\/\r\n\r\n    let lastFocusedCard =\r\n        null;\r\n\r\n\r\n    function openReview(index){\r\n\r\n        const review =\r\n            reviews[index];\r\n\r\n\r\n        if(!review || touchMoved){\r\n            return;\r\n        }\r\n\r\n\r\n        lastFocusedCard =\r\n            cards[index];\r\n\r\n\r\n        stopAutoplay();\r\n\r\n\r\n        detailAvatar.textContent =\r\n            review.avatar;\r\n\r\n\r\n        detailName.textContent =\r\n            review.name;\r\n\r\n\r\n        detailSource.textContent =\r\n            review.source;\r\n\r\n\r\n        detailDate.textContent =\r\n            review.date || \"\";\r\n\r\n\r\n        detailText.textContent =\r\n            review.text;\r\n\r\n\r\n        detailStars.innerHTML =\r\n            starsHTML(\r\n                review.rating\r\n            );\r\n\r\n\r\n        detailGallery.innerHTML =\r\n            \"\";\r\n\r\n\r\n        detailGallery.classList.remove(\r\n            \"has-images\"\r\n        );\r\n\r\n\r\n        detailPhotoLabel.classList.remove(\r\n            \"is-visible\"\r\n        );\r\n\r\n\r\n        if(review.images.length){\r\n\r\n            review.images.forEach(\r\n                function(url,imageIndex){\r\n\r\n                    const photo =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    photo.className =\r\n                        \"ipala-testimonial-detail-photo\";\r\n\r\n\r\n                    const image =\r\n                        document.createElement(\r\n                            \"img\"\r\n                        );\r\n\r\n\r\n                    image.src =\r\n                        url;\r\n\r\n\r\n                    image.alt =\r\n                        \"Fotograf\u00eda \" +\r\n                        (\r\n                            imageIndex + 1\r\n                        ) +\r\n                        \" compartida por \" +\r\n                        review.name;\r\n\r\n\r\n                    image.loading =\r\n                        \"lazy\";\r\n\r\n\r\n                    photo.appendChild(\r\n                        image\r\n                    );\r\n\r\n\r\n                    detailGallery.appendChild(\r\n                        photo\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            detailGallery.classList.add(\r\n                \"has-images\"\r\n            );\r\n\r\n\r\n            detailPhotoLabel.classList.add(\r\n                \"is-visible\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        detailModal.classList.add(\r\n            \"is-open\"\r\n        );\r\n\r\n\r\n        detailModal.setAttribute(\r\n            \"aria-hidden\",\r\n            \"false\"\r\n        );\r\n\r\n\r\n        const modalBox =\r\n            detailModal.querySelector(\r\n                \".ipala-testimonial-detail-box\"\r\n            );\r\n\r\n\r\n        if(modalBox){\r\n            modalBox.scrollTop = 0;\r\n        }\r\n\r\n\r\n        setTimeout(\r\n            function(){\r\n\r\n                detailClose.focus();\r\n\r\n            },\r\n            100\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function closeReview(){\r\n\r\n        detailModal.classList.remove(\r\n            \"is-open\"\r\n        );\r\n\r\n\r\n        detailModal.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n        startAutoplay();\r\n\r\n\r\n        if(lastFocusedCard){\r\n\r\n            setTimeout(\r\n                function(){\r\n\r\n                    lastFocusedCard.focus();\r\n\r\n                },\r\n                70\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    cards.forEach(\r\n        function(card,index){\r\n\r\n            card.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    openReview(\r\n                        index\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            card.addEventListener(\r\n                \"keydown\",\r\n                function(event){\r\n\r\n                    if(\r\n                        event.key ===\r\n                        \"Enter\" ||\r\n                        event.key ===\r\n                        \" \"\r\n                    ){\r\n\r\n                        event.preventDefault();\r\n\r\n                        openReview(\r\n                            index\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    detailClose.addEventListener(\r\n        \"click\",\r\n        closeReview\r\n    );\r\n\r\n\r\n    detailBackdrop.addEventListener(\r\n        \"click\",\r\n        closeReview\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function(event){\r\n\r\n            if(\r\n                event.key ===\r\n                \"Escape\" &&\r\n                detailModal\r\n                    .classList\r\n                    .contains(\r\n                        \"is-open\"\r\n                    )\r\n            ){\r\n\r\n                closeReview();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        updateCarousel\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n        \"visibilitychange\",\r\n        function(){\r\n\r\n            if(document.hidden){\r\n\r\n                stopAutoplay();\r\n\r\n            }else if(\r\n                !detailModal\r\n                    .classList\r\n                    .contains(\r\n                        \"is-open\"\r\n                    )\r\n            ){\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    updateCarousel();\r\n    startAutoplay();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab2008 elementor-widget elementor-widget-html\" data-id=\"1ab2008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nIPALA GLAM CONTAINER\r\nRESE\u00d1AS + GOOGLE SHEETS\r\nANTIROBOT PROPIO\r\nFOTO POR WHATSAPP\r\nCONFIRMACI\u00d3N VISUAL A LOS 3 SEGUNDOS\r\n========================================================= -->\r\n\r\n<link\r\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Rochester&display=swap\"\r\nrel=\"stylesheet\">\r\n\r\n\r\n<section\r\n    class=\"ipala-review\"\r\n    id=\"resenas\"\r\n>\r\n\r\n    <div class=\"ipala-review-card\">\r\n\r\n\r\n        <!-- ==================================================\r\n        IMAGEN\r\n        =================================================== -->\r\n\r\n        <div class=\"ipala-review-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/05\/Atardecer-scaled.png\"\r\n                alt=\"Atardecer en Ipala Glam Container\"\r\n            >\r\n\r\n            <div class=\"ipala-review-overlay\"><\/div>\r\n\r\n\r\n            <div class=\"ipala-review-image-copy\">\r\n\r\n                <span>\r\n                    EXPERIENCIAS EN IPALA\r\n                <\/span>\r\n\r\n\r\n                <h2>\r\n                    Tu estancia\r\n                    <em>tambi\u00e9n cuenta.<\/em>\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n                    Comparte con nosotros c\u00f3mo fue tu experiencia\r\n                    en Ipala Glam Container.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ==================================================\r\n        CONTENIDO\r\n        =================================================== -->\r\n\r\n        <div class=\"ipala-review-content\">\r\n\r\n\r\n            <div class=\"ipala-review-heading\">\r\n\r\n                <span>\r\n                    TU OPINI\u00d3N\r\n                <\/span>\r\n\r\n\r\n                <h3>\r\n                    Cu\u00e9ntanos\r\n                    <em>c\u00f3mo fue.<\/em>\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    S\u00f3lo te tomar\u00e1 unos segundos.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ==================================================\r\n            FORMULARIO\r\n            =================================================== -->\r\n\r\n            <form\r\n                id=\"ipalaReviewForm\"\r\n                action=\"https:\/\/script.google.com\/macros\/s\/AKfycbxsPgVwlGE6CCSRaKmk25Fpfdu5AKqpdjHJrJiAG5MqF8eOVPD56laSRkSCPdR31xn8PA\/exec\"\r\n                method=\"POST\"\r\n                target=\"ipalaReviewReceiver\"\r\n                autocomplete=\"off\"\r\n            >\r\n\r\n\r\n                <!-- ID -->\r\n\r\n                <input\r\n                    type=\"hidden\"\r\n                    name=\"submissionId\"\r\n                    id=\"ipalaSubmissionId\"\r\n                >\r\n\r\n\r\n                <!-- ANTISPAM OCULTO -->\r\n\r\n                <input\r\n                    type=\"text\"\r\n                    name=\"website\"\r\n                    class=\"ipala-review-honey\"\r\n                    tabindex=\"-1\"\r\n                    autocomplete=\"off\"\r\n                >\r\n\r\n\r\n                <!-- ==================================================\r\n                NOMBRE\r\n                =================================================== -->\r\n\r\n                <div class=\"ipala-review-field\">\r\n\r\n                    <label for=\"ipalaReviewName\">\r\n                        Nombre\r\n                    <\/label>\r\n\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        name=\"nombre\"\r\n                        id=\"ipalaReviewName\"\r\n                        maxlength=\"80\"\r\n                        placeholder=\"Tu nombre\"\r\n                        required\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ==================================================\r\n                CALIFICACI\u00d3N\r\n                =================================================== -->\r\n\r\n                <div class=\"ipala-review-field\">\r\n\r\n                    <label>\r\n                        Calificaci\u00f3n\r\n                    <\/label>\r\n\r\n\r\n                    <div class=\"ipala-review-stars\">\r\n\r\n\r\n                        <input\r\n                            type=\"radio\"\r\n                            name=\"calificacion\"\r\n                            id=\"ipalaRate5\"\r\n                            value=\"5\"\r\n                        >\r\n\r\n                        <label\r\n                            for=\"ipalaRate5\"\r\n                            aria-label=\"5 estrellas\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2.5L14.93 8.44L21.49 9.39L16.75 14.01L17.87 20.54L12 17.45L6.13 20.54L7.25 14.01L2.51 9.39L9.07 8.44L12 2.5Z\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <input\r\n                            type=\"radio\"\r\n                            name=\"calificacion\"\r\n                            id=\"ipalaRate4\"\r\n                            value=\"4\"\r\n                        >\r\n\r\n                        <label\r\n                            for=\"ipalaRate4\"\r\n                            aria-label=\"4 estrellas\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2.5L14.93 8.44L21.49 9.39L16.75 14.01L17.87 20.54L12 17.45L6.13 20.54L7.25 14.01L2.51 9.39L9.07 8.44L12 2.5Z\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <input\r\n                            type=\"radio\"\r\n                            name=\"calificacion\"\r\n                            id=\"ipalaRate3\"\r\n                            value=\"3\"\r\n                        >\r\n\r\n                        <label\r\n                            for=\"ipalaRate3\"\r\n                            aria-label=\"3 estrellas\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2.5L14.93 8.44L21.49 9.39L16.75 14.01L17.87 20.54L12 17.45L6.13 20.54L7.25 14.01L2.51 9.39L9.07 8.44L12 2.5Z\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <input\r\n                            type=\"radio\"\r\n                            name=\"calificacion\"\r\n                            id=\"ipalaRate2\"\r\n                            value=\"2\"\r\n                        >\r\n\r\n                        <label\r\n                            for=\"ipalaRate2\"\r\n                            aria-label=\"2 estrellas\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2.5L14.93 8.44L21.49 9.39L16.75 14.01L17.87 20.54L12 17.45L6.13 20.54L7.25 14.01L2.51 9.39L9.07 8.44L12 2.5Z\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <input\r\n                            type=\"radio\"\r\n                            name=\"calificacion\"\r\n                            id=\"ipalaRate1\"\r\n                            value=\"1\"\r\n                        >\r\n\r\n                        <label\r\n                            for=\"ipalaRate1\"\r\n                            aria-label=\"1 estrella\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2.5L14.93 8.44L21.49 9.39L16.75 14.01L17.87 20.54L12 17.45L6.13 20.54L7.25 14.01L2.51 9.39L9.07 8.44L12 2.5Z\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/label>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <small id=\"ipalaRatingText\">\r\n                        Selecciona tu calificaci\u00f3n\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ==================================================\r\n                COMENTARIO\r\n                =================================================== -->\r\n\r\n                <div class=\"ipala-review-field\">\r\n\r\n                    <div class=\"ipala-review-label-row\">\r\n\r\n                        <label for=\"ipalaReviewComment\">\r\n                            Comentario\r\n                        <\/label>\r\n\r\n\r\n                        <span>\r\n                            <b id=\"ipalaReviewCounter\">0<\/b>\/600\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <textarea\r\n                        name=\"comentario\"\r\n                        id=\"ipalaReviewComment\"\r\n                        maxlength=\"600\"\r\n                        rows=\"4\"\r\n                        placeholder=\"Cu\u00e9ntanos brevemente c\u00f3mo fue tu experiencia...\"\r\n                        required\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ==================================================\r\n                CAPTCHA PROPIO\r\n                =================================================== -->\r\n\r\n                <div class=\"ipala-review-captcha\">\r\n\r\n                    <label for=\"ipalaCaptchaAnswer\">\r\n                        Verificaci\u00f3n\r\n                    <\/label>\r\n\r\n\r\n                    <div class=\"ipala-review-captcha-box\">\r\n\r\n\r\n                        <div class=\"ipala-review-captcha-question\">\r\n\r\n                            <span class=\"ipala-review-captcha-check\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12.5L9.3 16.5L19 7\"\r\n                                    ><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                            <span id=\"ipalaCaptchaQuestion\">\r\n                                \u00bfCu\u00e1nto es 3 + 4?\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <input\r\n                            type=\"number\"\r\n                            id=\"ipalaCaptchaAnswer\"\r\n                            inputmode=\"numeric\"\r\n                            placeholder=\"Respuesta\"\r\n                            autocomplete=\"off\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <small>\r\n                        Confirma que no eres un robot.\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ==================================================\r\n                BOT\u00d3N\r\n                =================================================== -->\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"ipala-review-submit\"\r\n                    id=\"ipalaReviewSubmit\"\r\n                >\r\n\r\n                    <span id=\"ipalaSubmitText\">\r\n                        Enviar rese\u00f1a\r\n                    <\/span>\r\n\r\n\r\n                    <span\r\n                        id=\"ipalaSubmitLoading\"\r\n                        class=\"ipala-review-loading\"\r\n                    >\r\n\r\n                        <i><\/i>\r\n\r\n                        Enviando\r\n\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <div\r\n                    class=\"ipala-review-local-error\"\r\n                    id=\"ipalaReviewLocalError\"\r\n                    aria-live=\"polite\"\r\n                ><\/div>\r\n\r\n\r\n            <\/form>\r\n\r\n\r\n            <!-- ==================================================\r\n            FOTO POR WHATSAPP\r\n            =================================================== -->\r\n\r\n            <div class=\"ipala-review-whatsapp\">\r\n\r\n\r\n                <div class=\"ipala-review-whatsapp-line\"><\/div>\r\n\r\n\r\n                <span class=\"ipala-review-whatsapp-label\">\r\n                    \u00bfTIENES UNA FOTOGRAF\u00cdA?\r\n                <\/span>\r\n\r\n\r\n                <p>\r\n                    Si quieres acompa\u00f1ar tu rese\u00f1a con una fotograf\u00eda,\r\n                    env\u00edanosla directamente por WhatsApp.\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/523222274739?text=Hola%2C%20quiero%20enviar%20una%20fotograf%C3%ADa%20de%20mi%20experiencia%20en%20Ipala%20Glam%20Container%20para%20acompa%C3%B1ar%20mi%20rese%C3%B1a.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"ipala-review-whatsapp-button\"\r\n                >\r\n\r\n                    <span class=\"ipala-whatsapp-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M20.5 3.5A11.87 11.87 0 0 0 12.05 0C5.48 0 .13 5.35.13 11.92c0 2.1.55 4.15 1.6 5.95L.03 24l6.28-1.65a11.9 11.9 0 0 0 5.73 1.46h.01c6.57 0 11.92-5.35 11.92-11.92 0-3.18-1.23-6.17-3.47-8.39ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.73.98 1-3.63-.24-.37a9.89 9.89 0 0 1-1.52-5.27c0-5.46 4.45-9.91 9.92-9.91a9.84 9.84 0 0 1 7.01 2.91 9.85 9.85 0 0 1 2.9 7.02c-.01 5.46-4.46 9.9-9.93 9.9Zm5.44-7.42c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48a9.03 9.03 0 0 1-1.66-2.06c-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.21 5.09 4.5.71.31 1.27.49 1.7.63.71.23 1.36.19 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.69.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35Z\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span>\r\n\r\n                        <small>\r\n                            ENVIAR FOTOGRAF\u00cdA\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Por WhatsApp\r\n                        <\/strong>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ==================================================\r\n            IFRAME INVISIBLE\r\n            =================================================== -->\r\n\r\n            <iframe\r\n                name=\"ipalaReviewReceiver\"\r\n                id=\"ipalaReviewReceiver\"\r\n                title=\"Procesando rese\u00f1a\"\r\n                style=\"\r\n                    position:absolute;\r\n                    width:1px;\r\n                    height:1px;\r\n                    opacity:0;\r\n                    border:0;\r\n                    pointer-events:none;\r\n                \"\r\n            ><\/iframe>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    MODAL\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"ipala-review-modal\"\r\n        id=\"ipalaReviewModal\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <div\r\n            class=\"ipala-review-modal-bg\"\r\n            id=\"ipalaReviewModalBg\"\r\n        ><\/div>\r\n\r\n\r\n        <div\r\n            class=\"ipala-review-modal-card\"\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n        >\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"ipala-review-modal-x\"\r\n                id=\"ipalaReviewModalX\"\r\n                aria-label=\"Cerrar\"\r\n            >\r\n\r\n                <span><\/span>\r\n                <span><\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"ipala-review-modal-icon\">\r\n\r\n                <svg viewBox=\"0 0 48 48\">\r\n\r\n                    <circle\r\n                        cx=\"24\"\r\n                        cy=\"24\"\r\n                        r=\"21\"\r\n                    ><\/circle>\r\n\r\n                    <path\r\n                        d=\"M15 24.5L21.3 30.5L33.5 17.8\"\r\n                    ><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"ipala-review-modal-label\">\r\n                IPALA GLAM CONTAINER\r\n            <\/span>\r\n\r\n\r\n            <h3 id=\"ipalaReviewModalTitle\">\r\n                Enviado correctamente\r\n            <\/h3>\r\n\r\n\r\n            <p id=\"ipalaReviewModalText\">\r\n                Gracias por compartir tu experiencia.\r\n            <\/p>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                id=\"ipalaReviewModalClose\"\r\n                class=\"ipala-review-modal-button\"\r\n            >\r\n                Cerrar\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nBASE\r\n========================================================= *\/\r\n\r\n.ipala-review,\r\n.ipala-review *,\r\n.ipala-review *::before,\r\n.ipala-review *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.ipala-review{\r\n\r\n    --green:#3A6052;\r\n    --dark:#29483E;\r\n    --sage:#B4CEC7;\r\n    --light:#F7F9F7;\r\n\r\n    width:100vw;\r\n\r\n    margin-left:\r\n        calc(50% - 50vw);\r\n\r\n    padding:18px;\r\n\r\n    background:#fff;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCARD\r\n========================================================= *\/\r\n\r\n.ipala-review-card{\r\n\r\n    width:min(1160px,100%);\r\n\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(390px,440px);\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:28px;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n    box-shadow:\r\n        0 25px 80px\r\n        rgba(41,72,62,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nIMAGEN\r\n========================================================= *\/\r\n\r\n.ipala-review-image{\r\n\r\n    position:relative;\r\n\r\n    min-height:580px;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.ipala-review-image img{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform 1.4s\r\n        cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n.ipala-review-card:hover\r\n.ipala-review-image img{\r\n\r\n    transform:\r\n        scale(1.025);\r\n}\r\n\r\n\r\n.ipala-review-overlay{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:1;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(20,48,39,.58),\r\n            rgba(20,48,39,.04)\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(14,35,28,.56),\r\n            transparent 60%\r\n        );\r\n}\r\n\r\n\r\n.ipala-review-image-copy{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    left:50px;\r\n\r\n    right:50px;\r\n\r\n    bottom:48px;\r\n}\r\n\r\n\r\n.ipala-review-image-copy > span{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.63);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.22em;\r\n}\r\n\r\n\r\n.ipala-review-image-copy h2{\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(42px,4.5vw,64px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.9;\r\n\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n\r\n.ipala-review-image-copy h2 em{\r\n\r\n    display:block;\r\n\r\n    color:#DCE9E5;\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.06em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n.ipala-review-image-copy p{\r\n\r\n    max-width:370px;\r\n\r\n    margin:\r\n        16px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCONTENT\r\n========================================================= *\/\r\n\r\n.ipala-review-content{\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    padding:\r\n        34px 40px;\r\n}\r\n\r\n\r\n.ipala-review-heading{\r\n\r\n    margin-bottom:22px;\r\n}\r\n\r\n\r\n.ipala-review-heading > span{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:\r\n        var(--green);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.22em;\r\n}\r\n\r\n\r\n.ipala-review-heading h3{\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    font-size:40px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:.9;\r\n\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n\r\n.ipala-review-heading h3 em{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--green);\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.09em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n.ipala-review-heading p{\r\n\r\n    margin:\r\n        11px 0 0;\r\n\r\n    color:#788781;\r\n\r\n    font-size:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFIELDS\r\n========================================================= *\/\r\n\r\n.ipala-review-field{\r\n\r\n    margin-bottom:17px;\r\n}\r\n\r\n\r\n.ipala-review-field > label,\r\n.ipala-review-label-row label{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        rgba(41,72,62,.59);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.17em;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.ipala-review-label-row{\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    margin-bottom:6px;\r\n}\r\n\r\n\r\n.ipala-review-label-row span{\r\n\r\n    color:\r\n        rgba(41,72,62,.38);\r\n\r\n    font-size:7px;\r\n}\r\n\r\n\r\n.ipala-review-label-row b{\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.ipala-review-field\r\ninput[type=\"text\"],\r\n.ipala-review-field\r\ntextarea{\r\n\r\n    width:100%;\r\n\r\n    margin:0;\r\n\r\n    padding:\r\n        10px 0;\r\n\r\n    border:0 !important;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.17)\r\n        !important;\r\n\r\n    border-radius:0 !important;\r\n\r\n    outline:none !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:none !important;\r\n\r\n    color:\r\n        var(--dark)\r\n        !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n\r\n    font-size:12px;\r\n}\r\n\r\n\r\n.ipala-review-field\r\ninput[type=\"text\"]:focus,\r\n.ipala-review-field\r\ntextarea:focus{\r\n\r\n    border-bottom-color:\r\n        var(--green)\r\n        !important;\r\n}\r\n\r\n\r\n.ipala-review-field textarea{\r\n\r\n    min-height:74px;\r\n\r\n    resize:none;\r\n\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nESTRELLAS\r\n========================================================= *\/\r\n\r\n.ipala-review-stars{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:row-reverse;\r\n\r\n    justify-content:flex-end;\r\n\r\n    gap:2px;\r\n\r\n    margin-top:7px;\r\n}\r\n\r\n\r\n.ipala-review-stars input{\r\n\r\n    position:absolute;\r\n\r\n    opacity:0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.ipala-review-stars label{\r\n\r\n    width:29px;\r\n\r\n    height:29px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n.ipala-review-stars svg{\r\n\r\n    width:19px;\r\n\r\n    height:19px;\r\n\r\n    fill:transparent;\r\n\r\n    stroke:\r\n        rgba(58,96,82,.35);\r\n\r\n    stroke-width:1.3;\r\n\r\n    transition:\r\n        fill .2s ease,\r\n        stroke .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n\r\n.ipala-review-stars label:hover svg{\r\n\r\n    transform:\r\n        scale(1.12);\r\n}\r\n\r\n\r\n.ipala-review-stars\r\nlabel:hover svg,\r\n\r\n.ipala-review-stars\r\nlabel:hover ~ label svg,\r\n\r\n.ipala-review-stars\r\ninput:checked ~ label svg{\r\n\r\n    fill:\r\n        var(--green);\r\n\r\n    stroke:\r\n        var(--green);\r\n}\r\n\r\n\r\n#ipalaRatingText{\r\n\r\n    display:block;\r\n\r\n    margin-top:3px;\r\n\r\n    color:\r\n        rgba(41,72,62,.43);\r\n\r\n    font-size:7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCAPTCHA\r\n========================================================= *\/\r\n\r\n.ipala-review-captcha{\r\n\r\n    margin-bottom:18px;\r\n}\r\n\r\n\r\n.ipala-review-captcha > label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:\r\n        rgba(41,72,62,.59);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.17em;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.ipala-review-captcha-box{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:12px;\r\n\r\n    padding:\r\n        9px 10px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.14);\r\n\r\n    border-radius:13px;\r\n\r\n    background:\r\n        rgba(180,206,199,.08);\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.ipala-review-captcha-box:focus-within{\r\n\r\n    border-color:\r\n        rgba(58,96,82,.35);\r\n\r\n    background:\r\n        rgba(180,206,199,.13);\r\n}\r\n\r\n\r\n.ipala-review-captcha-question{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.ipala-review-captcha-check{\r\n\r\n    width:27px;\r\n\r\n    height:27px;\r\n\r\n    flex:\r\n        0 0 27px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--green);\r\n}\r\n\r\n\r\n.ipala-review-captcha-check svg{\r\n\r\n    width:13px;\r\n\r\n    height:13px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n.ipala-review-captcha-box input{\r\n\r\n    width:92px !important;\r\n\r\n    height:38px;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n        7px 9px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.15)\r\n        !important;\r\n\r\n    border-radius:\r\n        9px !important;\r\n\r\n    outline:none !important;\r\n\r\n    background:\r\n        #fff !important;\r\n\r\n    color:\r\n        var(--dark)\r\n        !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n\r\n    font-size:13px !important;\r\n\r\n    text-align:center;\r\n\r\n    -moz-appearance:textfield;\r\n}\r\n\r\n\r\n.ipala-review-captcha-box\r\ninput::-webkit-inner-spin-button,\r\n\r\n.ipala-review-captcha-box\r\ninput::-webkit-outer-spin-button{\r\n\r\n    -webkit-appearance:none;\r\n\r\n    margin:0;\r\n}\r\n\r\n\r\n.ipala-review-captcha-box input:focus{\r\n\r\n    border-color:\r\n        var(--green)\r\n        !important;\r\n}\r\n\r\n\r\n.ipala-review-captcha small{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:\r\n        rgba(41,72,62,.43);\r\n\r\n    font-size:7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSUBMIT\r\n========================================================= *\/\r\n\r\n.ipala-review-submit{\r\n\r\n    width:100%;\r\n\r\n    min-height:47px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        var(--green)\r\n        !important;\r\n\r\n    border-radius:\r\n        100px !important;\r\n\r\n    background:\r\n        var(--green)\r\n        !important;\r\n\r\n    color:#fff !important;\r\n\r\n    box-shadow:none !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.16em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.ipala-review-submit:hover{\r\n\r\n    background:\r\n        var(--dark)\r\n        !important;\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n.ipala-review-submit:disabled{\r\n\r\n    opacity:.65;\r\n\r\n    cursor:wait;\r\n\r\n    transform:none;\r\n}\r\n\r\n\r\n.ipala-review-loading{\r\n\r\n    display:none;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n}\r\n\r\n\r\n.ipala-review-loading i{\r\n\r\n    width:11px;\r\n\r\n    height:11px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.35);\r\n\r\n    border-top-color:#fff;\r\n\r\n    border-radius:50%;\r\n\r\n    animation:\r\n        ipalaSpin\r\n        .55s linear infinite;\r\n}\r\n\r\n\r\n@keyframes ipalaSpin{\r\n\r\n    to{\r\n        transform:\r\n            rotate(360deg);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\nERROR\r\n========================================================= *\/\r\n\r\n.ipala-review-local-error{\r\n\r\n    display:none;\r\n\r\n    margin-top:10px;\r\n\r\n    padding:10px 12px;\r\n\r\n    border-radius:10px;\r\n\r\n    color:#77554E;\r\n\r\n    background:\r\n        rgba(130,80,70,.08);\r\n\r\n    font-size:8px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n.ipala-review-local-error.active{\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nWHATSAPP\r\n========================================================= *\/\r\n\r\n.ipala-review-whatsapp{\r\n\r\n    margin-top:20px;\r\n}\r\n\r\n\r\n.ipala-review-whatsapp-line{\r\n\r\n    height:1px;\r\n\r\n    margin-bottom:15px;\r\n\r\n    background:\r\n        rgba(41,72,62,.09);\r\n}\r\n\r\n\r\n.ipala-review-whatsapp-label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:\r\n        rgba(41,72,62,.49);\r\n\r\n    font-size:6.5px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.17em;\r\n}\r\n\r\n\r\n.ipala-review-whatsapp p{\r\n\r\n    margin:\r\n        0 0 11px;\r\n\r\n    color:\r\n        rgba(41,72,62,.58);\r\n\r\n    font-size:8px;\r\n\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n.ipala-review-whatsapp-button{\r\n\r\n    min-height:55px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    padding:\r\n        9px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.14);\r\n\r\n    border-radius:14px;\r\n\r\n    background:\r\n        rgba(180,206,199,.08);\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    text-decoration:none !important;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.ipala-review-whatsapp-button:hover{\r\n\r\n    background:\r\n        rgba(180,206,199,.18);\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n.ipala-whatsapp-icon{\r\n\r\n    width:35px;\r\n\r\n    height:35px;\r\n\r\n    flex:0 0 35px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--green);\r\n}\r\n\r\n\r\n.ipala-whatsapp-icon svg{\r\n\r\n    width:17px;\r\n\r\n    height:17px;\r\n\r\n    fill:#fff;\r\n}\r\n\r\n\r\n.ipala-review-whatsapp-button small{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        rgba(41,72,62,.43);\r\n\r\n    font-size:6px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.13em;\r\n}\r\n\r\n\r\n.ipala-review-whatsapp-button strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:2px;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHONEYPOT\r\n========================================================= *\/\r\n\r\n.ipala-review-honey{\r\n\r\n    position:absolute !important;\r\n\r\n    left:-99999px !important;\r\n\r\n    width:1px !important;\r\n\r\n    height:1px !important;\r\n\r\n    opacity:0 !important;\r\n\r\n    pointer-events:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMODAL\r\n========================================================= *\/\r\n\r\n.ipala-review-modal{\r\n\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:99999999;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    padding:20px;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        visibility .35s ease;\r\n}\r\n\r\n\r\n.ipala-review-modal.active{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n}\r\n\r\n\r\n.ipala-review-modal-bg{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        rgba(13,31,25,.48);\r\n\r\n    backdrop-filter:\r\n        blur(9px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(9px);\r\n}\r\n\r\n\r\n.ipala-review-modal-card{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:min(400px,100%);\r\n\r\n    padding:\r\n        48px 36px 32px;\r\n\r\n    text-align:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.10);\r\n\r\n    border-radius:27px;\r\n\r\n    background:\r\n        rgba(250,252,250,.98);\r\n\r\n    box-shadow:\r\n        0 30px 100px\r\n        rgba(18,46,37,.22);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(20px)\r\n        scale(.96);\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        transform .5s\r\n        cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n.ipala-review-modal.active\r\n.ipala-review-modal-card{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n.ipala-review-modal-icon{\r\n\r\n    width:65px;\r\n\r\n    height:65px;\r\n\r\n    margin:\r\n        0 auto 20px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(180,206,199,.19);\r\n}\r\n\r\n\r\n.ipala-review-modal-icon svg{\r\n\r\n    width:49px;\r\n\r\n    height:49px;\r\n\r\n    fill:none;\r\n\r\n    stroke:\r\n        var(--green);\r\n\r\n    stroke-width:1.5;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n.ipala-review-modal-label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:\r\n        rgba(58,96,82,.52);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.21em;\r\n}\r\n\r\n\r\n.ipala-review-modal-card h3{\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    font-size:\r\n        clamp(28px,4vw,37px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n\r\n.ipala-review-modal-card p{\r\n\r\n    max-width:290px;\r\n\r\n    margin:\r\n        14px auto 0;\r\n\r\n    color:\r\n        rgba(41,72,62,.61);\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n.ipala-review-modal-button{\r\n\r\n    min-width:150px;\r\n\r\n    min-height:43px;\r\n\r\n    margin-top:26px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--green)\r\n        !important;\r\n\r\n    border-radius:\r\n        100px !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    color:\r\n        var(--green)\r\n        !important;\r\n\r\n    box-shadow:none !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.16em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n.ipala-review-modal-button:hover{\r\n\r\n    background:\r\n        var(--green)\r\n        !important;\r\n\r\n    color:#fff !important;\r\n}\r\n\r\n\r\n.ipala-review-modal-x{\r\n\r\n    position:absolute;\r\n\r\n    top:15px;\r\n\r\n    right:15px;\r\n\r\n    width:35px;\r\n\r\n    height:35px;\r\n\r\n    padding:0;\r\n\r\n    border:0 !important;\r\n\r\n    border-radius:50% !important;\r\n\r\n    background:\r\n        rgba(58,96,82,.05)\r\n        !important;\r\n\r\n    box-shadow:none !important;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n.ipala-review-modal-x span{\r\n\r\n    position:absolute;\r\n\r\n    top:50%;\r\n\r\n    left:50%;\r\n\r\n    width:11px;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        var(--green);\r\n}\r\n\r\n\r\n.ipala-review-modal-x\r\nspan:first-child{\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        rotate(45deg);\r\n}\r\n\r\n\r\n.ipala-review-modal-x\r\nspan:last-child{\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ipala-review-card{\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            minmax(350px,410px);\r\n    }\r\n\r\n\r\n    .ipala-review-content{\r\n\r\n        padding:\r\n            32px 30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:720px){\r\n\r\n    .ipala-review{\r\n\r\n        padding:10px;\r\n    }\r\n\r\n\r\n    .ipala-review-card{\r\n\r\n        display:block;\r\n\r\n        border-radius:22px;\r\n    }\r\n\r\n\r\n    .ipala-review-image{\r\n\r\n        min-height:300px;\r\n    }\r\n\r\n\r\n    .ipala-review-image-copy{\r\n\r\n        left:24px;\r\n\r\n        right:24px;\r\n\r\n        bottom:27px;\r\n    }\r\n\r\n\r\n    .ipala-review-image-copy h2{\r\n\r\n        font-size:\r\n            clamp(39px,12vw,54px);\r\n    }\r\n\r\n\r\n    .ipala-review-content{\r\n\r\n        padding:\r\n            34px 24px 38px;\r\n    }\r\n\r\n\r\n    .ipala-review-heading h3{\r\n\r\n        font-size:37px;\r\n    }\r\n\r\n\r\n    .ipala-review-field\r\n    input[type=\"text\"],\r\n    .ipala-review-field\r\n    textarea{\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* CAPTCHA MOBILE *\/\r\n\r\n@media(max-width:520px){\r\n\r\n    .ipala-review-captcha-box{\r\n\r\n        align-items:stretch;\r\n\r\n        flex-direction:column;\r\n\r\n        gap:9px;\r\n    }\r\n\r\n\r\n    .ipala-review-captcha-box input{\r\n\r\n        width:100% !important;\r\n\r\n        font-size:16px !important;\r\n    }\r\n\r\n\r\n    .ipala-review-modal{\r\n\r\n        padding:18px;\r\n    }\r\n\r\n\r\n    .ipala-review-modal-card{\r\n\r\n        width:100%;\r\n\r\n        padding:\r\n            46px 24px 28px;\r\n\r\n        border-radius:23px;\r\n    }\r\n\r\n\r\n    .ipala-review-modal-button{\r\n\r\n        width:100%;\r\n\r\n        min-height:46px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTOS\r\n    ====================================================== *\/\r\n\r\n    const form =\r\n        document.getElementById(\r\n            \"ipalaReviewForm\"\r\n        );\r\n\r\n\r\n    if(!form){\r\n        return;\r\n    }\r\n\r\n\r\n    const nameInput =\r\n        document.getElementById(\r\n            \"ipalaReviewName\"\r\n        );\r\n\r\n\r\n    const comment =\r\n        document.getElementById(\r\n            \"ipalaReviewComment\"\r\n        );\r\n\r\n\r\n    const counter =\r\n        document.getElementById(\r\n            \"ipalaReviewCounter\"\r\n        );\r\n\r\n\r\n    const ratingText =\r\n        document.getElementById(\r\n            \"ipalaRatingText\"\r\n        );\r\n\r\n\r\n    const submit =\r\n        document.getElementById(\r\n            \"ipalaReviewSubmit\"\r\n        );\r\n\r\n\r\n    const submitText =\r\n        document.getElementById(\r\n            \"ipalaSubmitText\"\r\n        );\r\n\r\n\r\n    const loading =\r\n        document.getElementById(\r\n            \"ipalaSubmitLoading\"\r\n        );\r\n\r\n\r\n    const localError =\r\n        document.getElementById(\r\n            \"ipalaReviewLocalError\"\r\n        );\r\n\r\n\r\n    const submissionId =\r\n        document.getElementById(\r\n            \"ipalaSubmissionId\"\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       CAPTCHA\r\n    ====================================================== *\/\r\n\r\n    const captchaQuestion =\r\n        document.getElementById(\r\n            \"ipalaCaptchaQuestion\"\r\n        );\r\n\r\n\r\n    const captchaAnswer =\r\n        document.getElementById(\r\n            \"ipalaCaptchaAnswer\"\r\n        );\r\n\r\n\r\n    let CAPTCHA_RESULT =\r\n        0;\r\n\r\n\r\n    \/* =====================================================\r\n       MODAL\r\n    ====================================================== *\/\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            \"ipalaReviewModal\"\r\n        );\r\n\r\n\r\n    const modalTitle =\r\n        document.getElementById(\r\n            \"ipalaReviewModalTitle\"\r\n        );\r\n\r\n\r\n    const modalText =\r\n        document.getElementById(\r\n            \"ipalaReviewModalText\"\r\n        );\r\n\r\n\r\n    const modalX =\r\n        document.getElementById(\r\n            \"ipalaReviewModalX\"\r\n        );\r\n\r\n\r\n    const modalClose =\r\n        document.getElementById(\r\n            \"ipalaReviewModalClose\"\r\n        );\r\n\r\n\r\n    const modalBg =\r\n        document.getElementById(\r\n            \"ipalaReviewModalBg\"\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       ESTADO\r\n    ====================================================== *\/\r\n\r\n    let IS_SENDING =\r\n        false;\r\n\r\n\r\n    let SUCCESS_TIMER =\r\n        null;\r\n\r\n\r\n    let MODAL_TIMER =\r\n        null;\r\n\r\n\r\n    \/* =====================================================\r\n       GENERAR CAPTCHA\r\n    ====================================================== *\/\r\n\r\n    function generateCaptcha(){\r\n\r\n        const a =\r\n            Math.floor(\r\n                Math.random() * 7\r\n            ) + 1;\r\n\r\n\r\n        const b =\r\n            Math.floor(\r\n                Math.random() * 7\r\n            ) + 1;\r\n\r\n\r\n        CAPTCHA_RESULT =\r\n            a + b;\r\n\r\n\r\n        captchaQuestion.textContent =\r\n            \"\u00bfCu\u00e1nto es \" +\r\n            a +\r\n            \" + \" +\r\n            b +\r\n            \"?\";\r\n\r\n\r\n        captchaAnswer.value =\r\n            \"\";\r\n\r\n    }\r\n\r\n\r\n    generateCaptcha();\r\n\r\n\r\n    \/* =====================================================\r\n       CONTADOR\r\n    ====================================================== *\/\r\n\r\n    comment.addEventListener(\r\n        \"input\",\r\n        function(){\r\n\r\n            counter.textContent =\r\n                comment.value.length;\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CALIFICACI\u00d3N\r\n    ====================================================== *\/\r\n\r\n    const ratings = {\r\n\r\n        1:\r\n            \"Puede mejorar\",\r\n\r\n        2:\r\n            \"Regular\",\r\n\r\n        3:\r\n            \"Buena experiencia\",\r\n\r\n        4:\r\n            \"Muy buena experiencia\",\r\n\r\n        5:\r\n            \"Excelente experiencia\"\r\n\r\n    };\r\n\r\n\r\n    form\r\n        .querySelectorAll(\r\n            'input[name=\"calificacion\"]'\r\n        )\r\n        .forEach(\r\n            function(input){\r\n\r\n                input.addEventListener(\r\n                    \"change\",\r\n                    function(){\r\n\r\n                        ratingText.textContent =\r\n                            ratings[\r\n                                input.value\r\n                            ];\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       ERROR\r\n    ====================================================== *\/\r\n\r\n    function showLocalError(text){\r\n\r\n        localError.textContent =\r\n            text;\r\n\r\n\r\n        localError.classList.add(\r\n            \"active\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function clearLocalError(){\r\n\r\n        localError.textContent =\r\n            \"\";\r\n\r\n\r\n        localError.classList.remove(\r\n            \"active\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MODAL\r\n    ====================================================== *\/\r\n\r\n    function showModal(\r\n        title,\r\n        text\r\n    ){\r\n\r\n        clearTimeout(\r\n            MODAL_TIMER\r\n        );\r\n\r\n\r\n        modalTitle.textContent =\r\n            title;\r\n\r\n\r\n        modalText.textContent =\r\n            text;\r\n\r\n\r\n        modal.classList.add(\r\n            \"active\"\r\n        );\r\n\r\n\r\n        modal.setAttribute(\r\n            \"aria-hidden\",\r\n            \"false\"\r\n        );\r\n\r\n\r\n        MODAL_TIMER =\r\n            setTimeout(\r\n                closeModal,\r\n                5000\r\n            );\r\n\r\n    }\r\n\r\n\r\n    function closeModal(){\r\n\r\n        clearTimeout(\r\n            MODAL_TIMER\r\n        );\r\n\r\n\r\n        modal.classList.remove(\r\n            \"active\"\r\n        );\r\n\r\n\r\n        modal.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    modalX.addEventListener(\r\n        \"click\",\r\n        closeModal\r\n    );\r\n\r\n\r\n    modalClose.addEventListener(\r\n        \"click\",\r\n        closeModal\r\n    );\r\n\r\n\r\n    modalBg.addEventListener(\r\n        \"click\",\r\n        closeModal\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function(event){\r\n\r\n            if(\r\n                event.key === \"Escape\" &&\r\n                modal.classList.contains(\r\n                    \"active\"\r\n                )\r\n            ){\r\n\r\n                closeModal();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       LOADING\r\n    ====================================================== *\/\r\n\r\n    function startLoading(){\r\n\r\n        IS_SENDING =\r\n            true;\r\n\r\n\r\n        submit.disabled =\r\n            true;\r\n\r\n\r\n        submitText.style.display =\r\n            \"none\";\r\n\r\n\r\n        loading.style.display =\r\n            \"flex\";\r\n\r\n    }\r\n\r\n\r\n    function stopLoading(){\r\n\r\n        IS_SENDING =\r\n            false;\r\n\r\n\r\n        submit.disabled =\r\n            false;\r\n\r\n\r\n        submitText.style.display =\r\n            \"\";\r\n\r\n\r\n        loading.style.display =\r\n            \"none\";\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RESET\r\n    ====================================================== *\/\r\n\r\n    function resetForm(){\r\n\r\n        form.reset();\r\n\r\n\r\n        submissionId.value =\r\n            \"\";\r\n\r\n\r\n        counter.textContent =\r\n            \"0\";\r\n\r\n\r\n        ratingText.textContent =\r\n            \"Selecciona tu calificaci\u00f3n\";\r\n\r\n\r\n        generateCaptcha();\r\n\r\n\r\n        clearLocalError();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ID DE ENV\u00cdO\r\n    ====================================================== *\/\r\n\r\n    function createSubmissionId(){\r\n\r\n        return (\r\n            \"IPALA-\" +\r\n            Date.now() +\r\n            \"-\" +\r\n            Math.random()\r\n                .toString(36)\r\n                .slice(2,8)\r\n                .toUpperCase()\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SUBMIT\r\n    ====================================================== *\/\r\n\r\n    form.addEventListener(\r\n        \"submit\",\r\n        function(event){\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            if(\r\n                IS_SENDING\r\n            ){\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            clearLocalError();\r\n\r\n\r\n            const rating =\r\n                form.querySelector(\r\n                    'input[name=\"calificacion\"]:checked'\r\n                );\r\n\r\n\r\n            \/* NOMBRE *\/\r\n\r\n            if(\r\n                !nameInput.value.trim()\r\n            ){\r\n\r\n                showLocalError(\r\n                    \"Escribe tu nombre.\"\r\n                );\r\n\r\n\r\n                nameInput.focus();\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* CALIFICACI\u00d3N *\/\r\n\r\n            if(!rating){\r\n\r\n                showLocalError(\r\n                    \"Selecciona una calificaci\u00f3n.\"\r\n                );\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* COMENTARIO *\/\r\n\r\n            if(\r\n                !comment.value.trim()\r\n            ){\r\n\r\n                showLocalError(\r\n                    \"Escribe tu comentario.\"\r\n                );\r\n\r\n\r\n                comment.focus();\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* CAPTCHA VAC\u00cdO *\/\r\n\r\n            if(\r\n                captchaAnswer.value.trim() ===\r\n                \"\"\r\n            ){\r\n\r\n                showLocalError(\r\n                    \"Responde la verificaci\u00f3n antes de enviar.\"\r\n                );\r\n\r\n\r\n                captchaAnswer.focus();\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* CAPTCHA INCORRECTO *\/\r\n\r\n            if(\r\n                Number(\r\n                    captchaAnswer.value\r\n                ) !==\r\n                CAPTCHA_RESULT\r\n            ){\r\n\r\n                showLocalError(\r\n                    \"La respuesta de verificaci\u00f3n no es correcta. Int\u00e9ntalo nuevamente.\"\r\n                );\r\n\r\n\r\n                generateCaptcha();\r\n\r\n\r\n                captchaAnswer.focus();\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               ID\r\n            ================================================= *\/\r\n\r\n            submissionId.value =\r\n                createSubmissionId();\r\n\r\n\r\n            \/* =================================================\r\n               ENVIANDO\r\n            ================================================= *\/\r\n\r\n            startLoading();\r\n\r\n\r\n            \/* =================================================\r\n               ENVIAR A GOOGLE\r\n            ================================================= *\/\r\n\r\n            HTMLFormElement\r\n                .prototype\r\n                .submit\r\n                .call(\r\n                    form\r\n                );\r\n\r\n\r\n            \/* =================================================\r\n               CONFIRMACI\u00d3N VISUAL EN 3 SEGUNDOS\r\n            ================================================= *\/\r\n\r\n            clearTimeout(\r\n                SUCCESS_TIMER\r\n            );\r\n\r\n\r\n            SUCCESS_TIMER =\r\n                setTimeout(\r\n                    function(){\r\n\r\n\r\n                        stopLoading();\r\n\r\n\r\n                        resetForm();\r\n\r\n\r\n                        showModal(\r\n\r\n                            \"Enviado correctamente\",\r\n\r\n                            \"Gracias por compartir tu experiencia con Ipala Glam Container.\"\r\n\r\n                        );\r\n\r\n\r\n                    },\r\n\r\n                    3000\r\n                );\r\n\r\n        }\r\n    );\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f98c2a0 elementor-widget elementor-widget-html\" data-id=\"f98c2a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     UBICACI\u00d3N + MAPA INTERACTIVO\r\n     Blanco \u00b7 Limpio \u00b7 Premium \u00b7 Responsive\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Rochester&family=Comic+Neue:wght@300;400;700&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n>\r\n\r\n\r\n<section class=\"ipala-location-section\" id=\"ubicacion\">\r\n\r\n    <div class=\"ipala-location-container\">\r\n\r\n        <!-- =================================================\r\n             INTRO\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-location-heading\">\r\n\r\n            <div class=\"ipala-location-eyebrow\">\r\n                <span><\/span>\r\n                IPALA \u00b7 CABO CORRIENTES \u00b7 JALISCO\r\n            <\/div>\r\n\r\n            <h2>\r\n                Ubicados en un\r\n                <em>lugar especial.<\/em>\r\n            <\/h2>\r\n\r\n            <p>\r\n                <strong>Ipala Glam Container<\/strong> se encuentra\r\n                aproximadamente a <strong>2 horas de Puerto Vallarta<\/strong>,\r\n                en Ipala, Cabo Corrientes, Jalisco. Un refugio costero\r\n                rodeado de naturaleza, tranquilidad y la esencia del Pac\u00edfico.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TARJETAS\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-location-grid\">\r\n\r\n            <!-- ENTORNO -->\r\n            <article class=\"ipala-location-card\">\r\n\r\n                <div class=\"ipala-card-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"ipala-card-icon\">\r\n\r\n                    <i class=\"fa-solid fa-mountain-sun\"><\/i>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    El Entorno\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Un para\u00edso entre monta\u00f1as y playas,\r\n                    creado para desconectarte del ruido\r\n                    y volver a lo esencial.\r\n                <\/p>\r\n\r\n                <div class=\"ipala-card-line\"><\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- COLORES -->\r\n            <article class=\"ipala-location-card\">\r\n\r\n                <div class=\"ipala-card-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"ipala-card-icon\">\r\n\r\n                    <i class=\"fa-solid fa-sun\"><\/i>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Los Colores\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Amaneceres sobre el Pac\u00edfico,\r\n                    cielos que cambian cada tarde\r\n                    y paisajes que hacen \u00fanico cada momento.\r\n                <\/p>\r\n\r\n                <div class=\"ipala-card-line\"><\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- ESENCIA -->\r\n            <article class=\"ipala-location-card\">\r\n\r\n                <div class=\"ipala-card-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"ipala-card-icon\">\r\n\r\n                    <i class=\"fa-solid fa-water\"><\/i>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    La Esencia\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Aqu\u00ed la naturaleza contin\u00faa su curso.\r\n                    Un lugar donde el oc\u00e9ano redefine\r\n                    la forma de descansar.\r\n                <\/p>\r\n\r\n                <div class=\"ipala-card-line\"><\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MAPA\r\n        ================================================== -->\r\n\r\n        <div class=\"ipala-map-section\">\r\n\r\n            <!-- COPY MAPA -->\r\n\r\n            <div class=\"ipala-map-heading\">\r\n\r\n                <div>\r\n\r\n                    <div class=\"ipala-map-eyebrow\">\r\n                        NUESTRA UBICACI\u00d3N\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Encuentra\r\n                        <em>Ipala.<\/em>\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ipala-map-description\">\r\n\r\n                    <p>\r\n                        Estamos en un rinc\u00f3n privilegiado de\r\n                        Cabo Corrientes, Jalisco. Explora el mapa,\r\n                        acerca la ubicaci\u00f3n y comienza a planear\r\n                        tu pr\u00f3xima escapada.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        href=\"https:\/\/maps.app.goo.gl\/aAdx9RQhDDhZ9SV26\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                        class=\"ipala-map-button\"\r\n                    >\r\n                        Abrir en Google Maps\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MAPA INTERACTIVO -->\r\n\r\n            <div class=\"ipala-map-wrapper\">\r\n\r\n                <div class=\"ipala-map-frame\">\r\n\r\n                    <iframe\r\n                        src=\"https:\/\/maps.google.com\/maps?q=20.2163365,-105.5503911&z=16&output=embed\"\r\n                        title=\"Ubicaci\u00f3n de Ipala Glam Container\"\r\n                        loading=\"lazy\"\r\n                        allowfullscreen\r\n                        referrerpolicy=\"no-referrer-when-downgrade\"\r\n                    ><\/iframe>\r\n\r\n\r\n                    <!-- ETIQUETA FLOTANTE -->\r\n\r\n                    <div class=\"ipala-map-floating-card\">\r\n\r\n                        <span class=\"ipala-map-dot\"><\/span>\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                EST\u00c1S BUSCANDO\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Ipala Glam Container\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Cabo Corrientes, Jalisco\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FOOTER DEL MAPA -->\r\n\r\n            <div class=\"ipala-map-footer\">\r\n\r\n                <span>\r\n                    20.2163365\r\n                <\/span>\r\n\r\n                <div class=\"ipala-map-footer-line\"><\/div>\r\n\r\n                <small>\r\n                    PAC\u00cdFICO MEXICANO\r\n                <\/small>\r\n\r\n                <div class=\"ipala-map-footer-line\"><\/div>\r\n\r\n                <span>\r\n                    -105.5503911\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n.ipala-location-section,\r\n.ipala-location-section *,\r\n.ipala-location-section *::before,\r\n.ipala-location-section *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.ipala-location-section{\r\n\r\n    --primary:#3A6052;\r\n    --primary-dark:#29483E;\r\n    --accent:#B4CEC7;\r\n\r\n    --white:#FFFFFF;\r\n    --background:#FFFFFF;\r\n    --soft:#F5F8F7;\r\n\r\n    --text:#29463C;\r\n    --muted:#718079;\r\n\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin-left:\r\n        calc(50% - 50vw);\r\n\r\n    padding:\r\n        clamp(75px,9vw,130px)\r\n        0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        var(--background);\r\n\r\n    color:\r\n        var(--primary);\r\n\r\n    font-family:\r\n        'Comic Neue',\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ipala-location-container{\r\n\r\n    width:min(\r\n        1380px,\r\n        calc(100% - 48px)\r\n    );\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.ipala-location-heading{\r\n\r\n    max-width:920px;\r\n\r\n    margin:\r\n        0 auto\r\n        clamp(65px,7vw,100px);\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.ipala-location-eyebrow{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:13px;\r\n\r\n    margin-bottom:20px;\r\n\r\n    color:var(--primary);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.23em;\r\n}\r\n\r\n\r\n.ipala-location-eyebrow span{\r\n\r\n    width:34px;\r\n\r\n    height:1px;\r\n\r\n    background:var(--accent);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.ipala-location-heading h2{\r\n\r\n    margin:0;\r\n\r\n    color:var(--text);\r\n\r\n    font-family:\r\n        'Comic Neue',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(45px,6.5vw,82px);\r\n\r\n    line-height:.95;\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n\r\n.ipala-location-heading h2 em{\r\n\r\n    display:inline-block;\r\n\r\n    color:var(--primary);\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.12em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.ipala-location-heading > p{\r\n\r\n    max-width:800px;\r\n\r\n    margin:\r\n        30px auto\r\n        0;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:\r\n        clamp(15px,1.3vw,19px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.85;\r\n}\r\n\r\n\r\n.ipala-location-heading > p strong{\r\n\r\n    color:var(--text);\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.ipala-location-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap:\r\n        clamp(15px,2vw,28px);\r\n\r\n    margin-bottom:\r\n        clamp(90px,10vw,140px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.ipala-location-card{\r\n\r\n    position:relative;\r\n\r\n    min-height:330px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    justify-content:flex-end;\r\n\r\n    padding:\r\n        clamp(27px,3vw,42px);\r\n\r\n    overflow:hidden;\r\n\r\n    background:var(--soft);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.06);\r\n\r\n    border-radius:26px;\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.16,1,.3,1),\r\n        background .55s ease,\r\n        border-color .55s ease,\r\n        box-shadow .55s ease;\r\n}\r\n\r\n\r\n\/* DECORATIVE CIRCLE *\/\r\n\r\n.ipala-location-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-95px;\r\n\r\n    right:-95px;\r\n\r\n    width:210px;\r\n\r\n    height:210px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(180,206,199,.20);\r\n\r\n    transition:\r\n        transform .7s\r\n        cubic-bezier(.16,1,.3,1),\r\n        background .5s ease;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.ipala-card-number{\r\n\r\n    position:absolute;\r\n\r\n    top:26px;\r\n\r\n    right:28px;\r\n\r\n    z-index:2;\r\n\r\n    color:\r\n        rgba(58,96,82,.38);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.18em;\r\n\r\n    transition:\r\n        color .4s ease;\r\n}\r\n\r\n\r\n\/* ICON *\/\r\n\r\n.ipala-card-icon{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:51px;\r\n\r\n    height:51px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    margin-bottom:27px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.12);\r\n\r\n    border-radius:50%;\r\n\r\n    color:var(--primary);\r\n\r\n    font-size:19px;\r\n\r\n    transition:\r\n        background .4s ease,\r\n        color .4s ease,\r\n        border-color .4s ease,\r\n        transform .5s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.ipala-location-card h3{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        14px;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:\r\n        clamp(24px,2vw,31px);\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:-.025em;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n.ipala-location-card p{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:340px;\r\n\r\n    margin:0;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:\r\n        clamp(14px,1vw,16px);\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* BOTTOM LINE *\/\r\n\r\n.ipala-card-line{\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n\r\n    bottom:0;\r\n\r\n    width:0;\r\n\r\n    height:3px;\r\n\r\n    background:var(--primary);\r\n\r\n    transition:\r\n        width .6s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n========================================================= *\/\r\n\r\n@media(hover:hover){\r\n\r\n    .ipala-location-card:hover{\r\n\r\n        transform:\r\n            translateY(-8px);\r\n\r\n        background:#ffffff;\r\n\r\n        border-color:\r\n            rgba(58,96,82,.13);\r\n\r\n        box-shadow:\r\n            0 25px 65px\r\n            rgba(44,75,64,.09);\r\n    }\r\n\r\n\r\n    .ipala-location-card:hover::before{\r\n\r\n        transform:\r\n            scale(1.35);\r\n\r\n        background:\r\n            rgba(180,206,199,.26);\r\n    }\r\n\r\n\r\n    .ipala-location-card:hover\r\n    .ipala-card-icon{\r\n\r\n        background:var(--primary);\r\n\r\n        border-color:var(--primary);\r\n\r\n        color:#ffffff;\r\n\r\n        transform:\r\n            translateY(-4px);\r\n    }\r\n\r\n\r\n    .ipala-location-card:hover\r\n    .ipala-card-line{\r\n\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP AREA\r\n========================================================= *\/\r\n\r\n.ipala-map-section{\r\n\r\n    position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP HEADING\r\n========================================================= *\/\r\n\r\n.ipala-map-heading{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(300px,460px);\r\n\r\n    align-items:end;\r\n\r\n    gap:60px;\r\n\r\n    margin-bottom:\r\n        clamp(35px,4vw,55px);\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.ipala-map-eyebrow{\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:var(--primary);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.22em;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.ipala-map-heading h3{\r\n\r\n    margin:0;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:\r\n        clamp(42px,5vw,70px);\r\n\r\n    line-height:.95;\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.04em;\r\n}\r\n\r\n\r\n.ipala-map-heading h3 em{\r\n\r\n    color:var(--primary);\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.15em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.ipala-map-description{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:22px;\r\n}\r\n\r\n\r\n.ipala-map-description p{\r\n\r\n    margin:0;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:\r\n        clamp(14px,1vw,16px);\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP BUTTON\r\n========================================================= *\/\r\n\r\n.ipala-map-button{\r\n\r\n    position:relative;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    min-height:44px;\r\n\r\n    padding:\r\n        0\r\n        21px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid\r\n        var(--primary);\r\n\r\n    border-radius:3px;\r\n\r\n    background:var(--primary);\r\n\r\n    color:#ffffff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-family:\r\n        'Comic Neue',\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.12em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.ipala-map-button:hover{\r\n\r\n    background:transparent;\r\n\r\n    color:var(--primary) !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP WRAPPER\r\n========================================================= *\/\r\n\r\n.ipala-map-wrapper{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* FRAME *\/\r\n\r\n.ipala-map-frame{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    height:\r\n        clamp(430px,52vw,650px);\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:\r\n        clamp(22px,3vw,38px);\r\n\r\n    background:#edf2ef;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,96,82,.08);\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(37,68,57,.08);\r\n}\r\n\r\n\r\n\/* IFRAME *\/\r\n\r\n.ipala-map-frame iframe{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    border:0;\r\n\r\n    filter:\r\n        saturate(.75)\r\n        contrast(.94);\r\n\r\n    transition:\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n.ipala-map-frame:hover iframe{\r\n\r\n    filter:\r\n        saturate(1)\r\n        contrast(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LOCATION CARD\r\n========================================================= *\/\r\n\r\n.ipala-map-floating-card{\r\n\r\n    position:absolute;\r\n\r\n    left:\r\n        clamp(18px,3vw,40px);\r\n\r\n    bottom:\r\n        clamp(18px,3vw,40px);\r\n\r\n    z-index:5;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n    min-width:255px;\r\n\r\n    padding:\r\n        15px\r\n        19px;\r\n\r\n    background:\r\n        rgba(255,255,255,.87);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.75);\r\n\r\n    border-radius:15px;\r\n\r\n    backdrop-filter:\r\n        blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n    box-shadow:\r\n        0 14px 40px\r\n        rgba(30,60,50,.12);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* DOT *\/\r\n\r\n.ipala-map-dot{\r\n\r\n    width:10px;\r\n\r\n    height:10px;\r\n\r\n    flex:\r\n        0 0\r\n        10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--primary);\r\n\r\n    box-shadow:\r\n        0\r\n        0\r\n        0\r\n        6px\r\n        rgba(58,96,82,.10);\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n.ipala-map-floating-card > div{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:2px;\r\n}\r\n\r\n\r\n.ipala-map-floating-card small{\r\n\r\n    margin-bottom:2px;\r\n\r\n    color:#89958f;\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.15em;\r\n}\r\n\r\n\r\n.ipala-map-floating-card strong{\r\n\r\n    color:var(--primary);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.ipala-map-floating-card\r\ndiv > span{\r\n\r\n    color:#77847e;\r\n\r\n    font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP FOOTER\r\n========================================================= *\/\r\n\r\n.ipala-map-footer{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:16px;\r\n\r\n    padding-top:22px;\r\n\r\n    color:#83918b;\r\n}\r\n\r\n\r\n.ipala-map-footer > span{\r\n\r\n    font-size:8px;\r\n\r\n    letter-spacing:.12em;\r\n}\r\n\r\n\r\n.ipala-map-footer small{\r\n\r\n    color:var(--primary);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.18em;\r\n}\r\n\r\n\r\n.ipala-map-footer-line{\r\n\r\n    width:35px;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        rgba(58,96,82,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ipala-location-container{\r\n\r\n        width:\r\n            min(\r\n                100% - 34px,\r\n                760px\r\n            );\r\n    }\r\n\r\n\r\n    .ipala-location-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:15px;\r\n    }\r\n\r\n\r\n    .ipala-location-card{\r\n\r\n        min-height:270px;\r\n    }\r\n\r\n\r\n    .ipala-map-heading{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n\r\n    .ipala-map-description{\r\n\r\n        max-width:600px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .ipala-location-section{\r\n\r\n        padding:\r\n            70px\r\n            0;\r\n    }\r\n\r\n\r\n    .ipala-location-container{\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n    }\r\n\r\n\r\n    .ipala-location-heading{\r\n\r\n        margin-bottom:55px;\r\n    }\r\n\r\n\r\n    .ipala-location-eyebrow{\r\n\r\n        gap:9px;\r\n\r\n        font-size:7.5px;\r\n\r\n        letter-spacing:.16em;\r\n    }\r\n\r\n\r\n    .ipala-location-eyebrow span{\r\n\r\n        width:23px;\r\n    }\r\n\r\n\r\n    .ipala-location-heading h2{\r\n\r\n        font-size:\r\n            clamp(41px,13vw,57px);\r\n    }\r\n\r\n\r\n    .ipala-location-heading > p{\r\n\r\n        margin-top:22px;\r\n\r\n        font-size:14px;\r\n\r\n        line-height:1.7;\r\n    }\r\n\r\n\r\n    .ipala-location-grid{\r\n\r\n        margin-bottom:75px;\r\n    }\r\n\r\n\r\n    .ipala-location-card{\r\n\r\n        min-height:250px;\r\n\r\n        padding:26px;\r\n\r\n        border-radius:20px;\r\n    }\r\n\r\n\r\n    .ipala-location-card h3{\r\n\r\n        font-size:26px;\r\n    }\r\n\r\n\r\n    .ipala-location-card p{\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .ipala-map-heading{\r\n\r\n        margin-bottom:30px;\r\n    }\r\n\r\n\r\n    .ipala-map-heading h3{\r\n\r\n        font-size:\r\n            clamp(41px,12vw,55px);\r\n    }\r\n\r\n\r\n    .ipala-map-description p{\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .ipala-map-button{\r\n\r\n        width:100%;\r\n\r\n        min-height:46px;\r\n    }\r\n\r\n\r\n    .ipala-map-frame{\r\n\r\n        height:480px;\r\n\r\n        border-radius:20px;\r\n    }\r\n\r\n\r\n    .ipala-map-floating-card{\r\n\r\n        left:12px;\r\n\r\n        right:12px;\r\n\r\n        bottom:12px;\r\n\r\n        min-width:0;\r\n\r\n        padding:\r\n            13px\r\n            15px;\r\n    }\r\n\r\n\r\n    .ipala-map-footer{\r\n\r\n        gap:8px;\r\n\r\n        padding-top:17px;\r\n    }\r\n\r\n\r\n    .ipala-map-footer-line{\r\n\r\n        width:15px;\r\n    }\r\n\r\n\r\n    .ipala-map-footer > span{\r\n\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOVIMIENTO REDUCIDO\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-location-section *,\r\n    .ipala-location-section *::before,\r\n    .ipala-location-section *::after{\r\n\r\n        transition-duration:.01ms !important;\r\n\r\n        animation-duration:.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-affc4b6 elementor-widget elementor-widget-html\" data-id=\"affc4b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     FOOTER PREMIUM \u00b7 SIN EMOJIS\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Rochester&family=Montserrat:wght@300;400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n>\r\n\r\n\r\n<footer class=\"ipala-premium-footer\">\r\n\r\n    <!-- =====================================================\r\n         CONTENIDO PRINCIPAL\r\n    ====================================================== -->\r\n\r\n    <div class=\"ipala-footer-main\">\r\n\r\n        <div class=\"ipala-footer-container\">\r\n\r\n            <!-- =================================================\r\n                 MARCA\r\n            ================================================== -->\r\n\r\n            <div class=\"ipala-footer-brand\">\r\n\r\n                <a\r\n                    href=\"https:\/\/ipalaglamcontainer.com\/\"\r\n                    class=\"ipala-footer-logo\"\r\n                    aria-label=\"Ipala Glam Container\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/01\/cropped-Ipala-Glam-Con-scaled-1.png\"\r\n                        alt=\"Ipala Glam Container\"\r\n                    >\r\n                <\/a>\r\n\r\n\r\n                <h2>\r\n                    Donde el mar\r\n                    <span>se convierte en experiencia.<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n                    Un refugio frente al Pac\u00edfico para descansar,\r\n                    reconectar y vivir Ipala desde una perspectiva diferente.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"ipala-footer-social\">\r\n\r\n                    <a href=\"#\" aria-label=\"Instagram\">\r\n                        <i class=\"fa-brands fa-instagram\"><\/i>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" aria-label=\"Facebook\">\r\n                        <i class=\"fa-brands fa-facebook-f\"><\/i>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" aria-label=\"TikTok\">\r\n                        <i class=\"fa-brands fa-tiktok\"><\/i>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 EXPLORA\r\n            ================================================== -->\r\n\r\n            <div class=\"ipala-footer-column\">\r\n\r\n                <span class=\"ipala-footer-label\">\r\n                    EXPLORA\r\n                <\/span>\r\n\r\n                <nav>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/nosotros\/\">\r\n                        Nosotros\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/experiencia\/\">\r\n                        Experiencias\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/eventos\/\">\r\n                        Eventos\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/restaurante\/\">\r\n                        Restaurante\r\n                    <\/a>\r\n\r\n                <\/nav>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 DESCUBRE\r\n            ================================================== -->\r\n\r\n            <div class=\"ipala-footer-column\">\r\n\r\n                <span class=\"ipala-footer-label\">\r\n                    DESCUBRE\r\n                <\/span>\r\n\r\n                <nav>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/reserva\/\">\r\n                        Reserva\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/galeria\/\">\r\n                        Galer\u00eda\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/blog\/\">\r\n                        Blog\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/ipalaglamcontainer.com\/contacto\/\">\r\n                        Contacto\r\n                    <\/a>\r\n\r\n                <\/nav>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 UBICACI\u00d3N\r\n            ================================================== -->\r\n\r\n            <div class=\"ipala-footer-location\">\r\n\r\n                <span class=\"ipala-footer-label\">\r\n                    UBICACI\u00d3N\r\n                <\/span>\r\n\r\n\r\n                <h3>\r\n                    Ipala,\r\n                    <em>Jalisco.<\/em>\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Cabo Corrientes<br>\r\n                    Pac\u00edfico mexicano\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/maps.app.goo.gl\/aAdx9RQhDDhZ9SV26\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"ipala-footer-map\"\r\n                >\r\n                    Ver ubicaci\u00f3n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         FRASE CENTRAL\r\n    ====================================================== -->\r\n\r\n    <div class=\"ipala-footer-statement\">\r\n\r\n        <div class=\"ipala-footer-statement-line\"><\/div>\r\n\r\n        <p>\r\n            Respira.\r\n            <span>Est\u00e1s en Ipala.<\/span>\r\n        <\/p>\r\n\r\n        <div class=\"ipala-footer-statement-line\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM\r\n    ====================================================== -->\r\n\r\n    <div class=\"ipala-footer-bottom\">\r\n\r\n        <div class=\"ipala-footer-bottom-container\">\r\n\r\n            <!-- COPYRIGHT -->\r\n\r\n            <div class=\"ipala-footer-copy\">\r\n\r\n                <span>\r\n                    \u00a9 <span id=\"ipalaFooterYear\"><\/span>\r\n                    IPALA GLAM CONTAINER\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LEGALES -->\r\n\r\n            <div class=\"ipala-footer-legal\">\r\n\r\n                <a href=\"#\">\r\n                    Aviso de privacidad\r\n                <\/a>\r\n\r\n                <a href=\"#\">\r\n                    T\u00e9rminos y condiciones\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STUDIO KREATIVO -->\r\n\r\n            <div class=\"ipala-footer-credit\">\r\n\r\n                <span>\r\n                    Sitio desarrollado por\r\n                <\/span>\r\n\r\n                <a\r\n                    href=\"https:\/\/studiokreativo.com\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    STUDIOKREATIVO.COM\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.ipala-premium-footer,\r\n.ipala-premium-footer *,\r\n.ipala-premium-footer *::before,\r\n.ipala-premium-footer *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.ipala-premium-footer{\r\n\r\n    --green:#3A6052;\r\n    --green-dark:#29483E;\r\n    --green-deep:#1F382F;\r\n    --accent:#B4CEC7;\r\n    --white:#FFFFFF;\r\n\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin-left:\r\n        calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        var(--green-dark);\r\n\r\n    color:#ffffff;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORACI\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-premium-footer::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-300px;\r\n\r\n    left:-200px;\r\n\r\n    width:650px;\r\n\r\n    height:650px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(180,206,199,.08);\r\n\r\n    filter:blur(30px);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.ipala-premium-footer::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:-250px;\r\n\r\n    bottom:-350px;\r\n\r\n    width:700px;\r\n\r\n    height:700px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(180,206,199,.05);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n========================================================= *\/\r\n\r\n.ipala-footer-main{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    padding:\r\n        clamp(75px,9vw,125px)\r\n        0\r\n        clamp(60px,7vw,90px);\r\n}\r\n\r\n\r\n.ipala-footer-container{\r\n\r\n    width:\r\n        min(\r\n            1380px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(320px,1.65fr)\r\n        minmax(130px,.65fr)\r\n        minmax(130px,.65fr)\r\n        minmax(220px,.9fr);\r\n\r\n    gap:\r\n        clamp(40px,6vw,90px);\r\n\r\n    align-items:start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.ipala-footer-logo{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    margin-bottom:35px;\r\n\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n.ipala-footer-logo img{\r\n\r\n    display:block;\r\n\r\n    width:auto;\r\n\r\n    height:\r\n        clamp(42px,4vw,58px);\r\n\r\n    max-width:180px;\r\n\r\n    object-fit:contain;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 3px 8px\r\n            rgba(0,0,0,.14)\r\n        );\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-footer-logo:hover img{\r\n\r\n    transform:\r\n        translateY(-2px)\r\n        scale(1.02);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITULAR DE MARCA\r\n========================================================= *\/\r\n\r\n.ipala-footer-brand h2{\r\n\r\n    max-width:500px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        25px;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:\r\n        clamp(37px,4.5vw,65px);\r\n\r\n    line-height:.94;\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.05em;\r\n}\r\n\r\n\r\n.ipala-footer-brand h2 span{\r\n\r\n    display:block;\r\n\r\n    margin-top:8px;\r\n\r\n    color:var(--accent);\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.05em;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n========================================================= *\/\r\n\r\n.ipala-footer-brand > p{\r\n\r\n    max-width:480px;\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(255,255,255,.57);\r\n\r\n    font-size:\r\n        clamp(13px,1vw,15px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDES SOCIALES\r\n========================================================= *\/\r\n\r\n.ipala-footer-social{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:35px;\r\n}\r\n\r\n\r\n.ipala-footer-social a{\r\n\r\n    width:42px;\r\n\r\n    height:42px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.03);\r\n\r\n    color:#ffffff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .35s cubic-bezier(.16,1,.3,1),\r\n        border-color .35s ease;\r\n}\r\n\r\n\r\n.ipala-footer-social a:hover{\r\n\r\n    background:#ffffff;\r\n\r\n    color:var(--green) !important;\r\n\r\n    border-color:#ffffff;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABELS\r\n========================================================= *\/\r\n\r\n.ipala-footer-label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:27px;\r\n\r\n    color:\r\n        rgba(180,206,199,.78);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.24em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVEGACI\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-footer-column nav{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:16px;\r\n}\r\n\r\n\r\n.ipala-footer-column nav a{\r\n\r\n    position:relative;\r\n\r\n    color:\r\n        rgba(255,255,255,.72) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:\r\n        clamp(12px,1vw,14px);\r\n\r\n    font-weight:300;\r\n\r\n    transition:\r\n        color .3s ease,\r\n        padding-left .35s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-footer-column nav a::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n\r\n    top:50%;\r\n\r\n    width:0;\r\n\r\n    height:1px;\r\n\r\n    background:var(--accent);\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    transition:\r\n        width .35s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-footer-column nav a:hover{\r\n\r\n    color:#ffffff !important;\r\n\r\n    padding-left:18px;\r\n}\r\n\r\n\r\n.ipala-footer-column nav a:hover::before{\r\n\r\n    width:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UBICACI\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-footer-location h3{\r\n\r\n    margin:\r\n        0\r\n        0\r\n        17px;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:\r\n        clamp(25px,2.5vw,34px);\r\n\r\n    line-height:1;\r\n\r\n    font-weight:300;\r\n\r\n    letter-spacing:-.035em;\r\n}\r\n\r\n\r\n.ipala-footer-location h3 em{\r\n\r\n    color:var(--accent);\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.15em;\r\n\r\n    font-style:normal;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n.ipala-footer-location p{\r\n\r\n    margin:\r\n        0\r\n        0\r\n        28px;\r\n\r\n    color:\r\n        rgba(255,255,255,.53);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N UBICACI\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-footer-map{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    padding-bottom:6px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(180,206,199,.35);\r\n\r\n    color:#ffffff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.08em;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.ipala-footer-map:hover{\r\n\r\n    color:var(--accent) !important;\r\n\r\n    border-color:var(--accent);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FRASE\r\n========================================================= *\/\r\n\r\n.ipala-footer-statement{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:\r\n        min(\r\n            1380px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:\r\n        clamp(20px,3vw,45px);\r\n\r\n    padding:\r\n        30px\r\n        0;\r\n}\r\n\r\n\r\n.ipala-footer-statement-line{\r\n\r\n    width:100%;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n}\r\n\r\n\r\n.ipala-footer-statement p{\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size:\r\n        clamp(10px,1vw,12px);\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:.16em;\r\n\r\n    text-transform:uppercase;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n.ipala-footer-statement p span{\r\n\r\n    color:\r\n        rgba(180,206,199,.86);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.ipala-footer-bottom{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    background:\r\n        rgba(15,35,28,.22);\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.06);\r\n}\r\n\r\n\r\n.ipala-footer-bottom-container{\r\n\r\n    width:\r\n        min(\r\n            1380px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    min-height:82px;\r\n\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPYRIGHT\r\n========================================================= *\/\r\n\r\n.ipala-footer-copy{\r\n\r\n    color:\r\n        rgba(255,255,255,.35);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.12em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEGAL\r\n========================================================= *\/\r\n\r\n.ipala-footer-legal{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:25px;\r\n}\r\n\r\n\r\n.ipala-footer-legal a{\r\n\r\n    color:\r\n        rgba(255,255,255,.33) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:400;\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.ipala-footer-legal a:hover{\r\n\r\n    color:#ffffff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STUDIO KREATIVO\r\n========================================================= *\/\r\n\r\n.ipala-footer-credit{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:flex-end;\r\n\r\n    gap:8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.34);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:.03em;\r\n}\r\n\r\n\r\n.ipala-footer-credit > a{\r\n\r\n    position:relative;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    color:\r\n        rgba(255,255,255,.77) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.07em;\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.ipala-footer-credit > a::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n\r\n    bottom:-4px;\r\n\r\n    width:0;\r\n\r\n    height:1px;\r\n\r\n    background:var(--accent);\r\n\r\n    transition:\r\n        width .4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.ipala-footer-credit > a:hover{\r\n\r\n    color:#ffffff !important;\r\n}\r\n\r\n\r\n.ipala-footer-credit > a:hover::after{\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .ipala-footer-container{\r\n\r\n        grid-template-columns:\r\n            1.5fr\r\n            1fr\r\n            1fr;\r\n\r\n        row-gap:60px;\r\n    }\r\n\r\n\r\n    .ipala-footer-location{\r\n\r\n        grid-column:\r\n            2 \/ 4;\r\n    }\r\n\r\n\r\n    .ipala-footer-bottom-container{\r\n\r\n        grid-template-columns:\r\n            1fr\r\n            1fr;\r\n\r\n        min-height:auto;\r\n\r\n        padding:\r\n            25px\r\n            0;\r\n    }\r\n\r\n\r\n    .ipala-footer-legal{\r\n\r\n        justify-content:flex-end;\r\n    }\r\n\r\n\r\n    .ipala-footer-credit{\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        justify-content:center;\r\n\r\n        padding-top:18px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.06);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .ipala-footer-main{\r\n\r\n        padding:\r\n            70px\r\n            0\r\n            45px;\r\n    }\r\n\r\n\r\n    .ipala-footer-container{\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:\r\n            45px\r\n            25px;\r\n    }\r\n\r\n\r\n    .ipala-footer-brand{\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n    }\r\n\r\n\r\n    .ipala-footer-logo{\r\n\r\n        margin-bottom:27px;\r\n    }\r\n\r\n\r\n    .ipala-footer-logo img{\r\n\r\n        height:42px;\r\n    }\r\n\r\n\r\n    .ipala-footer-brand h2{\r\n\r\n        max-width:400px;\r\n\r\n        font-size:\r\n            clamp(37px,11vw,53px);\r\n    }\r\n\r\n\r\n    .ipala-footer-brand > p{\r\n\r\n        max-width:380px;\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .ipala-footer-social{\r\n\r\n        margin-top:28px;\r\n    }\r\n\r\n\r\n    .ipala-footer-location{\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        padding-top:35px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.07);\r\n    }\r\n\r\n\r\n    .ipala-footer-statement{\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        text-align:center;\r\n\r\n        padding:\r\n            25px\r\n            0;\r\n    }\r\n\r\n\r\n    .ipala-footer-statement-line{\r\n\r\n        display:none;\r\n    }\r\n\r\n\r\n    .ipala-footer-statement p{\r\n\r\n        white-space:normal;\r\n\r\n        line-height:1.6;\r\n    }\r\n\r\n\r\n    .ipala-footer-bottom-container{\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        display:flex;\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:center;\r\n\r\n        justify-content:center;\r\n\r\n        gap:15px;\r\n\r\n        padding:\r\n            28px\r\n            0;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    .ipala-footer-legal{\r\n\r\n        flex-wrap:wrap;\r\n\r\n        justify-content:center;\r\n\r\n        gap:\r\n            10px\r\n            20px;\r\n    }\r\n\r\n\r\n    .ipala-footer-credit{\r\n\r\n        width:100%;\r\n\r\n        flex-wrap:wrap;\r\n\r\n        justify-content:center;\r\n\r\n        gap:6px;\r\n\r\n        padding-top:18px;\r\n\r\n        margin-top:4px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.06);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE PEQUE\u00d1O\r\n========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .ipala-footer-container{\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    .ipala-footer-brand,\r\n    .ipala-footer-location{\r\n\r\n        grid-column:auto;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOVIMIENTO REDUCIDO\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-premium-footer *,\r\n    .ipala-premium-footer *::before,\r\n    .ipala-premium-footer *::after{\r\n\r\n        transition-duration:.01ms !important;\r\n\r\n        animation-duration:.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        const year =\r\n            document.getElementById(\r\n                \"ipalaFooterYear\"\r\n            );\r\n\r\n        if(year){\r\n\r\n            year.textContent =\r\n                new Date().getFullYear();\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b0f6cf elementor-widget elementor-widget-html\" data-id=\"3b0f6cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     MOTOR DE RESERVA FLOTANTE\r\n     APARECE DESPU\u00c9S DEL SEGUNDO BLOQUE\r\n     DESAPARECE AL LLEGAR AL FOOTER\r\n     MINIMALISTA \u00b7 GLASS \u00b7 RESPONSIVE\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<div\r\n    id=\"ipala-floating-booking\"\r\n    class=\"ipala-floating-booking\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <div class=\"ipala-booking-mini-brand\">\r\n\r\n        <span class=\"ipala-booking-mini-dot\"><\/span>\r\n\r\n        <div>\r\n            <small>IPALA GLAM<\/small>\r\n            <strong>Reserva tu estancia<\/strong>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ipala-booking-mini-fields\">\r\n\r\n        <div class=\"ipala-booking-mini-field\">\r\n\r\n            <label for=\"ipalaCheckIn\">\r\n                Entrada\r\n            <\/label>\r\n\r\n            <input\r\n                type=\"date\"\r\n                id=\"ipalaCheckIn\"\r\n                name=\"entrada\"\r\n                aria-label=\"Fecha de entrada\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"ipala-booking-mini-divider\"><\/span>\r\n\r\n\r\n        <div class=\"ipala-booking-mini-field\">\r\n\r\n            <label for=\"ipalaCheckOut\">\r\n                Salida\r\n            <\/label>\r\n\r\n            <input\r\n                type=\"date\"\r\n                id=\"ipalaCheckOut\"\r\n                name=\"salida\"\r\n                aria-label=\"Fecha de salida\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"ipala-booking-mini-button\"\r\n        id=\"ipalaBookingButton\"\r\n    >\r\n\r\n        <span>\r\n            Reservar\r\n        <\/span>\r\n\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#ipala-floating-booking,\r\n#ipala-floating-booking *,\r\n#ipala-floating-booking *::before,\r\n#ipala-floating-booking *::after{\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOTOR\r\n========================================================= *\/\r\n\r\n#ipala-floating-booking{\r\n\r\n    --ipala-green:#3A6052;\r\n    --ipala-green-dark:#29483E;\r\n    --ipala-green-deep:#1F392F;\r\n\r\n    --ipala-accent:#B4CEC7;\r\n\r\n    position:fixed !important;\r\n\r\n    left:50% !important;\r\n\r\n    bottom:\r\n        clamp(18px,2.4vw,28px) !important;\r\n\r\n    z-index:9990 !important;\r\n\r\n    width:\r\n        min(\r\n            680px,\r\n            calc(100% - 40px)\r\n        ) !important;\r\n\r\n    min-height:68px !important;\r\n\r\n    display:grid !important;\r\n\r\n    grid-template-columns:\r\n        auto\r\n        minmax(250px,1fr)\r\n        auto !important;\r\n\r\n    align-items:center !important;\r\n\r\n    gap:18px !important;\r\n\r\n    padding:\r\n        9px\r\n        11px\r\n        9px\r\n        19px !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(41,72,62,.90),\r\n            rgba(49,86,73,.84)\r\n        ) !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.13) !important;\r\n\r\n    border-radius:\r\n        100px !important;\r\n\r\n    backdrop-filter:\r\n        blur(24px)\r\n        saturate(140%) !important;\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(24px)\r\n        saturate(140%) !important;\r\n\r\n    box-shadow:\r\n        0 16px 45px\r\n        rgba(24,52,43,.19),\r\n        inset 0 1px 0\r\n        rgba(255,255,255,.07) !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif !important;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        translateY(25px)\r\n        scale(.97);\r\n\r\n    transition:\r\n        opacity .5s ease,\r\n        visibility .5s ease,\r\n        transform .65s\r\n        cubic-bezier(.16,1,.3,1),\r\n        background .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISIBLE\r\n========================================================= *\/\r\n\r\n#ipala-floating-booking.ipala-booking-visible{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OCULT\u00c1NDOSE AL LLEGAR AL FOOTER\r\n========================================================= *\/\r\n\r\n#ipala-floating-booking.ipala-booking-footer-hide{\r\n\r\n    opacity:0 !important;\r\n\r\n    visibility:hidden !important;\r\n\r\n    pointer-events:none !important;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        translateY(30px)\r\n        scale(.96) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REFLEJO\r\n========================================================= *\/\r\n\r\n#ipala-floating-booking::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n\r\n    left:10%;\r\n\r\n    width:80%;\r\n\r\n    height:1px;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.20),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.ipala-booking-mini-brand{\r\n\r\n    display:flex !important;\r\n\r\n    align-items:center !important;\r\n\r\n    gap:10px !important;\r\n\r\n    min-width:135px !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-dot{\r\n\r\n    width:7px !important;\r\n\r\n    height:7px !important;\r\n\r\n    flex:\r\n        0 0 7px !important;\r\n\r\n    border-radius:50% !important;\r\n\r\n    background:\r\n        var(--ipala-accent) !important;\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(180,206,199,.09) !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-brand > div{\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    gap:3px !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-brand small{\r\n\r\n    margin:0 !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.43) !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif !important;\r\n\r\n    font-size:6px !important;\r\n\r\n    font-weight:600 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:.17em !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-brand strong{\r\n\r\n    margin:0 !important;\r\n\r\n    color:#ffffff !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif !important;\r\n\r\n    font-size:10px !important;\r\n\r\n    font-weight:400 !important;\r\n\r\n    line-height:1.1 !important;\r\n\r\n    letter-spacing:-.01em !important;\r\n\r\n    white-space:nowrap !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAMPOS\r\n========================================================= *\/\r\n\r\n.ipala-booking-mini-fields{\r\n\r\n    min-width:0 !important;\r\n\r\n    display:grid !important;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        1px\r\n        minmax(0,1fr) !important;\r\n\r\n    align-items:center !important;\r\n\r\n    gap:10px !important;\r\n\r\n    padding:\r\n        0\r\n        5px !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-divider{\r\n\r\n    display:block !important;\r\n\r\n    width:1px !important;\r\n\r\n    height:27px !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.10) !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-field{\r\n\r\n    min-width:0 !important;\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    gap:3px !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-field label{\r\n\r\n    all:unset !important;\r\n\r\n    display:block !important;\r\n\r\n    padding-left:9px !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.42) !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif !important;\r\n\r\n    font-size:6px !important;\r\n\r\n    font-weight:600 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:.13em !important;\r\n\r\n    text-transform:uppercase !important;\r\n\r\n    cursor:default !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-field\r\ninput[type=\"date\"]{\r\n\r\n    all:unset !important;\r\n\r\n    -webkit-appearance:none !important;\r\n\r\n    appearance:none !important;\r\n\r\n    width:100% !important;\r\n\r\n    height:30px !important;\r\n\r\n    padding:\r\n        0\r\n        9px !important;\r\n\r\n    border-radius:20px !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.055) !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.075) !important;\r\n\r\n    color:#ffffff !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif !important;\r\n\r\n    font-size:9px !important;\r\n\r\n    font-weight:400 !important;\r\n\r\n    line-height:30px !important;\r\n\r\n    color-scheme:dark !important;\r\n\r\n    cursor:pointer !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-field\r\ninput[type=\"date\"]:focus{\r\n\r\n    background:\r\n        rgba(255,255,255,.10) !important;\r\n\r\n    border-color:\r\n        rgba(180,206,199,.38) !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-field\r\ninput[type=\"date\"]\r\n::-webkit-calendar-picker-indicator{\r\n\r\n    opacity:.65 !important;\r\n\r\n    filter:\r\n        invert(1) !important;\r\n\r\n    cursor:pointer !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N\r\n========================================================= *\/\r\n\r\n.ipala-booking-mini-button{\r\n\r\n    all:unset !important;\r\n\r\n    position:relative !important;\r\n\r\n    min-width:105px !important;\r\n\r\n    height:48px !important;\r\n\r\n    padding:\r\n        0\r\n        20px !important;\r\n\r\n    display:flex !important;\r\n\r\n    align-items:center !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(180,206,199,.42) !important;\r\n\r\n    border-radius:\r\n        100px !important;\r\n\r\n    background:\r\n        rgba(180,206,199,.10) !important;\r\n\r\n    color:#ffffff !important;\r\n\r\n    cursor:pointer !important;\r\n\r\n    font-family:\r\n        'Montserrat',\r\n        sans-serif !important;\r\n\r\n    font-size:8px !important;\r\n\r\n    font-weight:600 !important;\r\n\r\n    letter-spacing:.11em !important;\r\n\r\n    text-transform:uppercase !important;\r\n\r\n    white-space:nowrap !important;\r\n\r\n    box-sizing:border-box !important;\r\n\r\n    transition:\r\n        background .4s ease,\r\n        color .4s ease,\r\n        border-color .4s ease,\r\n        transform .35s\r\n        cubic-bezier(.16,1,.3,1) !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-button::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    background:\r\n        var(--ipala-accent) !important;\r\n\r\n    transform:\r\n        scaleX(0) !important;\r\n\r\n    transform-origin:\r\n        left center !important;\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1) !important;\r\n}\r\n\r\n\r\n.ipala-booking-mini-button span{\r\n\r\n    position:relative !important;\r\n\r\n    z-index:2 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media(hover:hover){\r\n\r\n    #ipala-floating-booking:hover{\r\n\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                rgba(41,72,62,.94),\r\n                rgba(49,86,73,.90)\r\n            ) !important;\r\n\r\n        box-shadow:\r\n            0 20px 55px\r\n            rgba(24,52,43,.22),\r\n            inset 0 1px 0\r\n            rgba(255,255,255,.09) !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-button:hover{\r\n\r\n        color:\r\n            var(--ipala-green-dark) !important;\r\n\r\n        border-color:\r\n            var(--ipala-accent) !important;\r\n\r\n        transform:\r\n            translateY(-1px) !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-button:hover::before{\r\n\r\n        transform:\r\n            scaleX(1) !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n    #ipala-floating-booking{\r\n\r\n        width:\r\n            min(\r\n                590px,\r\n                calc(100% - 28px)\r\n            ) !important;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            auto !important;\r\n\r\n        gap:10px !important;\r\n\r\n        padding:\r\n            8px\r\n            9px\r\n            8px\r\n            15px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-brand{\r\n\r\n        display:none !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-fields{\r\n\r\n        padding:0 !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:520px){\r\n\r\n    #ipala-floating-booking{\r\n\r\n        bottom:12px !important;\r\n\r\n        width:\r\n            calc(100% - 20px) !important;\r\n\r\n        min-height:66px !important;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            88px !important;\r\n\r\n        gap:7px !important;\r\n\r\n        padding:\r\n            7px\r\n            7px\r\n            7px\r\n            12px !important;\r\n\r\n        border-radius:\r\n            24px !important;\r\n\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                rgba(41,72,62,.94),\r\n                rgba(43,79,66,.91)\r\n            ) !important;\r\n\r\n        backdrop-filter:\r\n            blur(22px)\r\n            saturate(135%) !important;\r\n\r\n        -webkit-backdrop-filter:\r\n            blur(22px)\r\n            saturate(135%) !important;\r\n\r\n        box-shadow:\r\n            0 12px 35px\r\n            rgba(22,48,39,.20) !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-fields{\r\n\r\n        gap:6px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-field{\r\n\r\n        gap:4px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-field label{\r\n\r\n        padding-left:4px !important;\r\n\r\n        font-size:5px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-field\r\n    input[type=\"date\"]{\r\n\r\n        height:30px !important;\r\n\r\n        padding:\r\n            0\r\n            4px !important;\r\n\r\n        border:0 !important;\r\n\r\n        background:transparent !important;\r\n\r\n        font-size:8px !important;\r\n\r\n        line-height:30px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-divider{\r\n\r\n        height:32px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-button{\r\n\r\n        min-width:0 !important;\r\n\r\n        width:88px !important;\r\n\r\n        height:50px !important;\r\n\r\n        padding:\r\n            0\r\n            8px !important;\r\n\r\n        font-size:7px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MUY PEQUE\u00d1O\r\n========================================================= *\/\r\n\r\n@media(max-width:370px){\r\n\r\n    #ipala-floating-booking{\r\n\r\n        width:\r\n            calc(100% - 14px) !important;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            76px !important;\r\n\r\n        padding-left:8px !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-button{\r\n\r\n        width:76px !important;\r\n\r\n        font-size:6px !important;\r\n\r\n        letter-spacing:.07em !important;\r\n    }\r\n\r\n\r\n    .ipala-booking-mini-field\r\n    input[type=\"date\"]{\r\n\r\n        font-size:7px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    #ipala-floating-booking,\r\n    #ipala-floating-booking *,\r\n    #ipala-floating-booking *::before,\r\n    #ipala-floating-booking *::after{\r\n\r\n        transition-duration:.01ms !important;\r\n\r\n        animation-duration:.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const booking =\r\n        document.getElementById(\r\n            \"ipala-floating-booking\"\r\n        );\r\n\r\n\r\n    const checkIn =\r\n        document.getElementById(\r\n            \"ipalaCheckIn\"\r\n        );\r\n\r\n\r\n    const checkOut =\r\n        document.getElementById(\r\n            \"ipalaCheckOut\"\r\n        );\r\n\r\n\r\n    const button =\r\n        document.getElementById(\r\n            \"ipalaBookingButton\"\r\n        );\r\n\r\n\r\n    if(\r\n        !booking ||\r\n        !checkIn ||\r\n        !checkOut ||\r\n        !button\r\n    ){\r\n        return;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FECHA LOCAL\r\n    ====================================================== *\/\r\n\r\n    function localDateString(date){\r\n\r\n        const year =\r\n            date.getFullYear();\r\n\r\n\r\n        const month =\r\n            String(\r\n                date.getMonth() + 1\r\n            ).padStart(\r\n                2,\r\n                \"0\"\r\n            );\r\n\r\n\r\n        const day =\r\n            String(\r\n                date.getDate()\r\n            ).padStart(\r\n                2,\r\n                \"0\"\r\n            );\r\n\r\n\r\n        return (\r\n            year +\r\n            \"-\" +\r\n            month +\r\n            \"-\" +\r\n            day\r\n        );\r\n\r\n    }\r\n\r\n\r\n    const today =\r\n        localDateString(\r\n            new Date()\r\n        );\r\n\r\n\r\n    checkIn.min =\r\n        today;\r\n\r\n\r\n    checkOut.min =\r\n        today;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CHECK OUT M\u00cdNIMO = D\u00cdA SIGUIENTE\r\n    ====================================================== *\/\r\n\r\n    checkIn.addEventListener(\r\n        \"change\",\r\n        function(){\r\n\r\n            if(!checkIn.value){\r\n\r\n                checkOut.min =\r\n                    today;\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            const selected =\r\n                new Date(\r\n                    checkIn.value +\r\n                    \"T12:00:00\"\r\n                );\r\n\r\n\r\n            selected.setDate(\r\n                selected.getDate() + 1\r\n            );\r\n\r\n\r\n            const nextDay =\r\n                localDateString(\r\n                    selected\r\n                );\r\n\r\n\r\n            checkOut.min =\r\n                nextDay;\r\n\r\n\r\n            if(\r\n                checkOut.value &&\r\n                checkOut.value < nextDay\r\n            ){\r\n\r\n                checkOut.value =\r\n                    \"\";\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       RESERVAR\r\n    ====================================================== *\/\r\n\r\n    button.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n            if(\r\n                !checkIn.value ||\r\n                !checkOut.value\r\n            ){\r\n\r\n                if(!checkIn.value){\r\n\r\n                    checkIn.focus();\r\n\r\n                }else{\r\n\r\n                    checkOut.focus();\r\n\r\n                }\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if(\r\n                checkOut.value <=\r\n                checkIn.value\r\n            ){\r\n\r\n                checkOut.value =\r\n                    \"\";\r\n\r\n                checkOut.focus();\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            window.location.href =\r\n                \"https:\/\/ipalaglamcontainer.com\/product\/reserva\/\";\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ENCONTRAR SEGUNDO BLOQUE\r\n    ====================================================== *\/\r\n\r\n    function findSecondBlock(){\r\n\r\n        const selectors = [\r\n\r\n            \"main .e-con.e-parent\",\r\n\r\n            \".elementor-location-single .e-con.e-parent\",\r\n\r\n            \".elementor > .e-con.e-parent\",\r\n\r\n            \"main > section\",\r\n\r\n            \".elementor-section-wrap > .elementor-section\"\r\n\r\n        ];\r\n\r\n\r\n        for(\r\n            let i = 0;\r\n            i < selectors.length;\r\n            i++\r\n        ){\r\n\r\n            const elements =\r\n                Array.from(\r\n                    document.querySelectorAll(\r\n                        selectors[i]\r\n                    )\r\n                ).filter(\r\n                    function(element){\r\n\r\n                        return (\r\n                            element !== booking &&\r\n                            element.offsetHeight > 80\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            if(elements.length >= 2){\r\n\r\n                return elements[1];\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        return null;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ENCONTRAR FOOTER\r\n    ====================================================== *\/\r\n\r\n    function findFooter(){\r\n\r\n        return (\r\n\r\n            document.querySelector(\r\n                \".ipala-premium-footer\"\r\n            )\r\n\r\n            ||\r\n\r\n            document.querySelector(\r\n                \"footer\"\r\n            )\r\n\r\n            ||\r\n\r\n            document.querySelector(\r\n                \".elementor-location-footer\"\r\n            )\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    let secondBlock =\r\n        findSecondBlock();\r\n\r\n\r\n    let footer =\r\n        findFooter();\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VISIBILIDAD GENERAL\r\n    ====================================================== *\/\r\n\r\n    function updateBookingVisibility(){\r\n\r\n        if(!secondBlock){\r\n\r\n            secondBlock =\r\n                findSecondBlock();\r\n\r\n        }\r\n\r\n\r\n        if(!footer){\r\n\r\n            footer =\r\n                findFooter();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           PUNTO DONDE APARECE\r\n        ================================================= *\/\r\n\r\n        let showTrigger;\r\n\r\n\r\n        if(secondBlock){\r\n\r\n            const secondRect =\r\n                secondBlock\r\n                    .getBoundingClientRect();\r\n\r\n\r\n            const secondBottom =\r\n                window.scrollY +\r\n                secondRect.bottom;\r\n\r\n\r\n            showTrigger =\r\n                secondBottom -\r\n                (\r\n                    window.innerHeight *\r\n                    0.25\r\n                );\r\n\r\n        }else{\r\n\r\n            showTrigger =\r\n                window.innerHeight *\r\n                1.35;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           DETECTAR FOOTER\r\n        ================================================= *\/\r\n\r\n        let footerReached =\r\n            false;\r\n\r\n\r\n        if(footer){\r\n\r\n            const footerRect =\r\n                footer\r\n                    .getBoundingClientRect();\r\n\r\n\r\n            \/*\r\n             * Desaparece ligeramente ANTES de que el footer\r\n             * entre completamente para que jam\u00e1s lo tape.\r\n             *\/\r\n\r\n            const hideDistance =\r\n                window.innerWidth <= 520\r\n                    ? 90\r\n                    : 110;\r\n\r\n\r\n            footerReached =\r\n                footerRect.top <=\r\n                (\r\n                    window.innerHeight -\r\n                    hideDistance\r\n                );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MOSTRAR \/ OCULTAR\r\n        ================================================= *\/\r\n\r\n        const afterSecondBlock =\r\n            window.scrollY >=\r\n            showTrigger;\r\n\r\n\r\n        if(\r\n            afterSecondBlock &&\r\n            !footerReached\r\n        ){\r\n\r\n            booking.classList.add(\r\n                \"ipala-booking-visible\"\r\n            );\r\n\r\n\r\n            booking.classList.remove(\r\n                \"ipala-booking-footer-hide\"\r\n            );\r\n\r\n\r\n            booking.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n        }else{\r\n\r\n            booking.classList.remove(\r\n                \"ipala-booking-visible\"\r\n            );\r\n\r\n\r\n            if(footerReached){\r\n\r\n                booking.classList.add(\r\n                    \"ipala-booking-footer-hide\"\r\n                );\r\n\r\n            }else{\r\n\r\n                booking.classList.remove(\r\n                    \"ipala-booking-footer-hide\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            booking.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL OPTIMIZADO\r\n    ====================================================== *\/\r\n\r\n    let ticking =\r\n        false;\r\n\r\n\r\n    function onScroll(){\r\n\r\n        if(!ticking){\r\n\r\n            window.requestAnimationFrame(\r\n                function(){\r\n\r\n                    updateBookingVisibility();\r\n\r\n                    ticking =\r\n                        false;\r\n\r\n                }\r\n            );\r\n\r\n\r\n            ticking =\r\n                true;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       INICIALIZAR\r\n    ====================================================== *\/\r\n\r\n    updateBookingVisibility();\r\n\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        onScroll,\r\n        {\r\n            passive:true\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function(){\r\n\r\n            secondBlock =\r\n                findSecondBlock();\r\n\r\n\r\n            footer =\r\n                findFooter();\r\n\r\n\r\n            updateBookingVisibility();\r\n\r\n        },\r\n        {\r\n            passive:true\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       OBSERVAR CAMBIOS DE ELEMENTOR\r\n    ====================================================== *\/\r\n\r\n    if(\r\n        \"MutationObserver\"\r\n        in window\r\n    ){\r\n\r\n        const observer =\r\n            new MutationObserver(\r\n                function(){\r\n\r\n                    if(!secondBlock){\r\n\r\n                        secondBlock =\r\n                            findSecondBlock();\r\n\r\n                    }\r\n\r\n\r\n                    if(!footer){\r\n\r\n                        footer =\r\n                            findFooter();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n        observer.observe(\r\n            document.body,\r\n            {\r\n                childList:true,\r\n                subtree:true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-104c3d9 elementor-widget elementor-widget-html\" data-id=\"104c3d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     IPALA GLAM CONTAINER\r\n     HEADER PREMIUM\r\n     TRANSPARENTE \u2192 AZUL ESMERILADO AL SCROLL\r\n     MOBILE FULLSCREEN CLARO \u00b7 EDITORIAL \u00b7 ANIMADO\r\n========================================================= -->\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Rochester&family=Montserrat:wght@300;400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n<header class=\"ipala-centered-header\" id=\"ipalaCenteredHeader\">\r\n\r\n    <div class=\"ipala-centered-inner\">\r\n\r\n        <!-- MEN\u00da IZQUIERDO -->\r\n        <nav class=\"ipala-centered-nav ipala-centered-left\">\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/nosotros\/\">\r\n                Nosotros\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/experiencia\/\">\r\n                Experiencias\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/eventos\/\">\r\n                Eventos\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/reserva\/\">\r\n                Reserva\r\n            <\/a>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- LOGO -->\r\n        <div class=\"ipala-centered-logo\">\r\n\r\n            <a\r\n                href=\"https:\/\/ipalaglamcontainer.com\/\"\r\n                aria-label=\"Ipala Glam Container\"\r\n            >\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/01\/cropped-Ipala-Glam-Con-scaled-1.png\"\r\n                    alt=\"Ipala Glam Container\"\r\n                >\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MEN\u00da DERECHO -->\r\n        <nav class=\"ipala-centered-nav ipala-centered-right\">\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/restaurante\/\">\r\n                Restaurante\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/galeria\/\">\r\n                Galer\u00eda\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/blog\/\">\r\n                Blog\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/contacto\/\">\r\n                Contacto\r\n            <\/a>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- REDES DESKTOP -->\r\n        <div class=\"ipala-centered-social\">\r\n\r\n            <a href=\"#\" aria-label=\"Facebook\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M13.6 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.6 1.6-1.6H17V3.8c-.3 0-1.4-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2H7.5v3h2.8v8h3.3z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <a href=\"#\" aria-label=\"TikTok\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M15.6 3c.3 1.9 1.4 3 3.4 3.1v2.8c-1.2 0-2.3-.3-3.4-.9v6.2c0 3.9-4.2 6.4-7.7 4.7-2.3-1.1-3.2-3.8-2.3-6.1.8-2.1 2.9-3.4 5.1-3.1v3c-.4-.1-.8-.1-1.2 0-1.2.2-2 1.3-1.8 2.5.2 1.3 1.5 2.1 2.7 1.7 1-.3 1.6-1.2 1.6-2.2V3h3.6z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <a href=\"#\" aria-label=\"Instagram\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\/>\r\n                    <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                    <circle cx=\"17.5\" cy=\"6.8\" r=\"1\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOT\u00d3N MOBILE -->\r\n        <button\r\n            class=\"ipala-centered-menu\"\r\n            id=\"ipalaCenteredMenu\"\r\n            type=\"button\"\r\n            aria-label=\"Abrir men\u00fa\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MOBILE FULLSCREEN -->\r\n    <div\r\n        class=\"ipala-mobile-menu\"\r\n        id=\"ipalaCenteredMobile\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <div class=\"ipala-mobile-glow ipala-mobile-glow-one\"><\/div>\r\n        <div class=\"ipala-mobile-glow ipala-mobile-glow-two\"><\/div>\r\n\r\n        <div class=\"ipala-mobile-giant\" aria-hidden=\"true\">\r\n            IPALA\r\n        <\/div>\r\n\r\n        <div class=\"ipala-mobile-menu-inner\">\r\n\r\n            <div class=\"ipala-mobile-menu-top\">\r\n\r\n                <div class=\"ipala-mobile-eyebrow\">\r\n                    <span><\/span>\r\n                    IPALA \u00b7 JALISCO\r\n                <\/div>\r\n\r\n                <div class=\"ipala-mobile-menu-number\">\r\n                    MEN\u00da \/ 01\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LINKS MOBILE -->\r\n            <nav class=\"ipala-mobile-nav\">\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/nosotros\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">01<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Nosotros<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/experiencia\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">02<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Experiencias<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/eventos\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">03<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Eventos<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/reserva\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">04<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Reserva<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/restaurante\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">05<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Restaurante<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/galeria\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">06<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Galer\u00eda<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/blog\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">07<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Blog<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/ipalaglamcontainer.com\/contacto\/\">\r\n                    <span class=\"ipala-mobile-nav-number\">08<\/span>\r\n                    <span class=\"ipala-mobile-nav-text\">Contacto<\/span>\r\n                <\/a>\r\n\r\n            <\/nav>\r\n\r\n\r\n            <div class=\"ipala-mobile-bottom\">\r\n\r\n                <div class=\"ipala-mobile-message\">\r\n\r\n                    <small>\r\n                        ESCAPA \u00b7 DESCUBRE \u00b7 RESPIRA\r\n                    <\/small>\r\n\r\n                    <p>\r\n                        Frente al Pac\u00edfico,\r\n                        <em>vive Ipala.<\/em>\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ipala-mobile-socials\">\r\n\r\n                    <a href=\"#\" aria-label=\"Facebook\">FB<\/a>\r\n                    <a href=\"#\" aria-label=\"Instagram\">IG<\/a>\r\n                    <a href=\"#\" aria-label=\"TikTok\">TK<\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.ipala-centered-header,\r\n.ipala-centered-header *,\r\n.ipala-centered-header *::before,\r\n.ipala-centered-header *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.ipala-centered-header{\r\n\r\n    --verde:#3A6052;\r\n    --verde-dark:#29483E;\r\n    --verde-deep:#1c332b;\r\n    --verde-light:#B4CEC7;\r\n\r\n    --azul-scroll:#173C54;\r\n    --azul-scroll-deep:#102F43;\r\n    --azul-scroll-light:#8EB4C7;\r\n\r\n    --crema:#F4F3EE;\r\n    --crema-claro:#FAF9F5;\r\n\r\n    position:fixed;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    z-index:99999;\r\n\r\n    font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.ipala-centered-inner{\r\n\r\n    position:relative;\r\n    z-index:100;\r\n\r\n    width:100%;\r\n    min-height:78px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        150px\r\n        minmax(0,1fr);\r\n\r\n    align-items:center;\r\n\r\n    padding:12px clamp(28px,5vw,90px);\r\n\r\n    background:rgba(23,60,84,0);\r\n\r\n    border-bottom:1px solid transparent;\r\n\r\n    backdrop-filter:blur(0);\r\n    -webkit-backdrop-filter:blur(0);\r\n\r\n    box-shadow:none;\r\n\r\n    transition:\r\n        background .55s cubic-bezier(.16,1,.3,1),\r\n        backdrop-filter .55s ease,\r\n        -webkit-backdrop-filter .55s ease,\r\n        border-color .55s ease,\r\n        box-shadow .55s ease,\r\n        min-height .45s ease,\r\n        padding .45s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL \u00b7 AZUL ESMERILADO\r\n========================================================= *\/\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-inner{\r\n\r\n    min-height:68px;\r\n\r\n    padding-top:8px;\r\n    padding-bottom:8px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(23,60,84,.79) 0%,\r\n            rgba(20,56,79,.72) 48%,\r\n            rgba(15,47,68,.78) 100%\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(26px)\r\n        saturate(145%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(26px)\r\n        saturate(145%);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(142,180,199,.20);\r\n\r\n    box-shadow:\r\n        0 12px 40px\r\n        rgba(7,31,46,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REFLEJO DE CRISTAL\r\n========================================================= *\/\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-inner::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:-1;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(255,255,255,.07),\r\n            rgba(255,255,255,0) 60%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   L\u00cdNEA AZUL CLARA INFERIOR\r\n========================================================= *\/\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-inner::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    bottom:0;\r\n\r\n    width:100%;\r\n    height:1px;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(166,205,221,.28),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MENU ABIERTO\r\n========================================================= *\/\r\n\r\n.ipala-centered-header.menu-open\r\n.ipala-centered-inner{\r\n\r\n    background:\r\n        rgba(250,249,245,.94);\r\n\r\n    backdrop-filter:\r\n        blur(25px)\r\n        saturate(140%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(25px)\r\n        saturate(140%);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.10);\r\n\r\n    box-shadow:none;\r\n}\r\n\r\n.ipala-centered-header.menu-open\r\n.ipala-centered-inner::before,\r\n.ipala-centered-header.menu-open\r\n.ipala-centered-inner::after{\r\n    opacity:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP NAV\r\n========================================================= *\/\r\n\r\n.ipala-centered-nav{\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    min-width:0;\r\n\r\n    gap:clamp(18px,1.8vw,32px);\r\n}\r\n\r\n.ipala-centered-left{\r\n\r\n    justify-content:flex-end;\r\n\r\n    padding-right:\r\n        clamp(15px,1.5vw,28px);\r\n}\r\n\r\n.ipala-centered-right{\r\n\r\n    justify-content:flex-start;\r\n\r\n    padding-left:\r\n        clamp(15px,1.5vw,28px);\r\n}\r\n\r\n.ipala-centered-nav a{\r\n\r\n    position:relative;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:10px 0;\r\n\r\n    color:#ffffff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:\r\n        clamp(11px,.82vw,12.5px);\r\n\r\n    font-weight:500;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:.035em;\r\n\r\n    white-space:nowrap;\r\n\r\n    text-shadow:\r\n        0 2px 10px\r\n        rgba(0,0,0,.20);\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .3s ease,\r\n        text-shadow .35s ease;\r\n}\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-nav a{\r\n\r\n    text-shadow:\r\n        0 1px 6px\r\n        rgba(7,31,46,.32);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UNDERLINE\r\n========================================================= *\/\r\n\r\n.ipala-centered-nav a::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:2px;\r\n\r\n    width:0;\r\n    height:1px;\r\n\r\n    background:\r\n        var(--verde-light);\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    transition:\r\n        width .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-nav a::after{\r\n\r\n    background:#B9D7E5;\r\n}\r\n\r\n.ipala-centered-nav a:hover{\r\n\r\n    transform:translateY(-1px);\r\n}\r\n\r\n.ipala-centered-nav a:hover::after{\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.ipala-centered-logo{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    position:relative;\r\n\r\n    z-index:101;\r\n}\r\n\r\n.ipala-centered-logo a{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-decoration:none !important;\r\n}\r\n\r\n.ipala-centered-logo img{\r\n\r\n    display:block;\r\n\r\n    width:auto;\r\n    height:37px;\r\n\r\n    max-width:135px;\r\n\r\n    object-fit:contain;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 2px 8px\r\n            rgba(0,0,0,.22)\r\n        );\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        filter .4s ease;\r\n}\r\n\r\n.ipala-centered-logo a:hover img{\r\n\r\n    transform:scale(1.03);\r\n}\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-logo img{\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 3px 10px\r\n            rgba(5,27,40,.28)\r\n        );\r\n}\r\n\r\n.ipala-centered-header.menu-open\r\n.ipala-centered-logo img{\r\n\r\n    filter:\r\n        brightness(.38)\r\n        sepia(.25)\r\n        saturate(.75);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL DESKTOP\r\n========================================================= *\/\r\n\r\n.ipala-centered-social{\r\n\r\n    position:absolute;\r\n\r\n    right:\r\n        clamp(22px,3.5vw,65px);\r\n\r\n    top:50%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:25px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n}\r\n\r\n.ipala-centered-social a{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:20px;\r\n    height:20px;\r\n\r\n    color:#ffffff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    opacity:.90;\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n.ipala-centered-social a:hover{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(-2px)\r\n        scale(1.08);\r\n}\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-social a:hover{\r\n\r\n    color:#D4EAF4 !important;\r\n}\r\n\r\n.ipala-centered-social svg{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:currentColor;\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.5;\r\n}\r\n\r\n.ipala-centered-social\r\na:nth-child(3) svg{\r\n\r\n    fill:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HAMBURGUESA\r\n========================================================= *\/\r\n\r\n.ipala-centered-menu{\r\n\r\n    display:none;\r\n\r\n    position:relative;\r\n\r\n    z-index:102;\r\n\r\n    width:40px;\r\n    height:40px;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.22);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(8px);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        border-color .35s ease,\r\n        transform .35s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ipala-centered-header.scrolled\r\n.ipala-centered-menu{\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.28);\r\n}\r\n\r\n.ipala-centered-menu:active{\r\n\r\n    transform:scale(.92);\r\n}\r\n\r\n.ipala-centered-menu span{\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n\r\n    height:1px;\r\n\r\n    background:#ffffff;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    transition:\r\n        top .4s cubic-bezier(.16,1,.3,1),\r\n        width .4s cubic-bezier(.16,1,.3,1),\r\n        margin .4s cubic-bezier(.16,1,.3,1),\r\n        transform .4s cubic-bezier(.16,1,.3,1),\r\n        background .4s ease;\r\n}\r\n\r\n.ipala-centered-menu span:first-child{\r\n\r\n    top:16px;\r\n\r\n    width:17px;\r\n}\r\n\r\n.ipala-centered-menu span:last-child{\r\n\r\n    top:22px;\r\n\r\n    width:12px;\r\n\r\n    margin-left:2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HAMBURGUESA ABIERTA\r\n========================================================= *\/\r\n\r\n.ipala-centered-menu.active{\r\n\r\n    background:\r\n        rgba(58,96,82,.08);\r\n\r\n    border-color:\r\n        rgba(58,96,82,.16);\r\n}\r\n\r\n.ipala-centered-menu.active span{\r\n\r\n    background:\r\n        var(--verde-dark);\r\n}\r\n\r\n.ipala-centered-menu.active\r\nspan:first-child{\r\n\r\n    top:19px;\r\n\r\n    width:17px;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        rotate(45deg);\r\n}\r\n\r\n.ipala-centered-menu.active\r\nspan:last-child{\r\n\r\n    top:19px;\r\n\r\n    width:17px;\r\n\r\n    margin-left:0;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FULLSCREEN\r\n========================================================= *\/\r\n\r\n.ipala-mobile-menu{\r\n\r\n    display:none;\r\n\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:90;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FAF9F5 0%,\r\n            #F3F2EB 58%,\r\n            #ECEFE9 100%\r\n        );\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    clip-path:\r\n        circle(\r\n            0%\r\n            at\r\n            calc(100% - 35px)\r\n            35px\r\n        );\r\n\r\n    transition:\r\n        clip-path .85s\r\n        cubic-bezier(.77,0,.18,1),\r\n        opacity .35s ease,\r\n        visibility .85s;\r\n}\r\n\r\n.ipala-mobile-menu.active{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n\r\n    clip-path:\r\n        circle(\r\n            150%\r\n            at\r\n            calc(100% - 35px)\r\n            35px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOWS MOBILE\r\n========================================================= *\/\r\n\r\n.ipala-mobile-glow{\r\n\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n\r\n    filter:blur(100px);\r\n}\r\n\r\n.ipala-mobile-glow-one{\r\n\r\n    width:360px;\r\n    height:360px;\r\n\r\n    right:-180px;\r\n    top:12%;\r\n\r\n    background:\r\n        rgba(180,206,199,.30);\r\n}\r\n\r\n.ipala-mobile-glow-two{\r\n\r\n    width:300px;\r\n    height:300px;\r\n\r\n    left:-180px;\r\n    bottom:-40px;\r\n\r\n    background:\r\n        rgba(58,96,82,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IPALA GRANDE\r\n========================================================= *\/\r\n\r\n.ipala-mobile-giant{\r\n\r\n    position:absolute;\r\n\r\n    right:-.08em;\r\n    bottom:-.07em;\r\n\r\n    color:\r\n        rgba(58,96,82,.035);\r\n\r\n    font-size:\r\n        clamp(150px,52vw,260px);\r\n\r\n    font-weight:500;\r\n\r\n    line-height:.75;\r\n\r\n    letter-spacing:-.09em;\r\n\r\n    pointer-events:none;\r\n\r\n    user-select:none;\r\n\r\n    transform:\r\n        translateX(20%);\r\n\r\n    transition:\r\n        transform 1.25s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .15s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-giant{\r\n\r\n    transform:\r\n        translateX(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER MOBILE\r\n========================================================= *\/\r\n\r\n.ipala-mobile-menu-inner{\r\n\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n    height:100svh;\r\n\r\n    padding:\r\n        92px\r\n        21px\r\n        25px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    overflow-y:auto;\r\n\r\n    overscroll-behavior:contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP MOBILE\r\n========================================================= *\/\r\n\r\n.ipala-mobile-menu-top{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    padding-bottom:25px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.11);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(-12px);\r\n\r\n    transition:\r\n        opacity .65s ease .35s,\r\n        transform .65s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .35s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-menu-top{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n.ipala-mobile-eyebrow{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:\r\n        rgba(41,72,62,.57);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.24em;\r\n}\r\n\r\n.ipala-mobile-eyebrow span{\r\n\r\n    width:27px;\r\n    height:1px;\r\n\r\n    background:\r\n        var(--verde);\r\n}\r\n\r\n.ipala-mobile-menu-number{\r\n\r\n    color:\r\n        rgba(41,72,62,.30);\r\n\r\n    font-size:6px;\r\n\r\n    letter-spacing:.19em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE NAV\r\n========================================================= *\/\r\n\r\n.ipala-mobile-nav{\r\n\r\n    flex:1;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    padding:\r\n        25px\r\n        0;\r\n}\r\n\r\n.ipala-mobile-nav a{\r\n\r\n    position:relative;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        30px\r\n        1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:5px;\r\n\r\n    min-height:\r\n        clamp(54px,7.5vh,72px);\r\n\r\n    color:\r\n        var(--verde-dark) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(41,72,62,.09);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(35px);\r\n\r\n    transition:\r\n        opacity .7s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        transform .7s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        padding .35s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        background .35s ease;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(1){\r\n    transition-delay:.28s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(2){\r\n    transition-delay:.33s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(3){\r\n    transition-delay:.38s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(4){\r\n    transition-delay:.43s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(5){\r\n    transition-delay:.48s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(6){\r\n    transition-delay:.53s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(7){\r\n    transition-delay:.58s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav a:nth-child(8){\r\n    transition-delay:.63s;\r\n}\r\n\r\n.ipala-mobile-nav-number{\r\n\r\n    color:\r\n        rgba(41,72,62,.28);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:500;\r\n\r\n    letter-spacing:.06em;\r\n}\r\n\r\n.ipala-mobile-nav-text{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--verde-dark);\r\n\r\n    font-size:\r\n        clamp(25px,7.2vw,38px);\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-.045em;\r\n\r\n    transition:\r\n        transform .35s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        letter-spacing .35s ease,\r\n        color .35s ease;\r\n}\r\n\r\n.ipala-mobile-nav a:active\r\n.ipala-mobile-nav-text{\r\n\r\n    transform:\r\n        translateX(7px);\r\n\r\n    letter-spacing:-.025em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESERVA DESTACADA\r\n========================================================= *\/\r\n\r\n.ipala-mobile-nav\r\na:nth-child(4)\r\n.ipala-mobile-nav-text{\r\n\r\n    color:\r\n        var(--verde);\r\n}\r\n\r\n.ipala-mobile-nav\r\na:nth-child(4)::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:-21px;\r\n\r\n    width:3px;\r\n\r\n    height:0;\r\n\r\n    background:\r\n        var(--verde);\r\n\r\n    transition:\r\n        height .8s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .65s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-nav\r\na:nth-child(4)::before{\r\n\r\n    height:42%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM MOBILE\r\n========================================================= *\/\r\n\r\n.ipala-mobile-bottom{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    padding-top:20px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(41,72,62,.11);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(20px);\r\n\r\n    transition:\r\n        opacity .8s ease .75s,\r\n\r\n        transform .8s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .75s;\r\n}\r\n\r\n.ipala-mobile-menu.active\r\n.ipala-mobile-bottom{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n.ipala-mobile-message small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:\r\n        rgba(41,72,62,.40);\r\n\r\n    font-size:5.5px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.20em;\r\n}\r\n\r\n.ipala-mobile-message p{\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        var(--verde-dark);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1.3;\r\n}\r\n\r\n.ipala-mobile-message em{\r\n\r\n    color:\r\n        var(--verde);\r\n\r\n    font-family:\r\n        'Rochester',\r\n        cursive;\r\n\r\n    font-size:1.25em;\r\n\r\n    font-style:normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL MOBILE\r\n========================================================= *\/\r\n\r\n.ipala-mobile-socials{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n}\r\n\r\n.ipala-mobile-socials a{\r\n\r\n    width:36px;\r\n    height:36px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(41,72,62,.14);\r\n\r\n    border-radius:50%;\r\n\r\n    color:\r\n        var(--verde-dark) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:6px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.08em;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.ipala-mobile-socials a:active{\r\n\r\n    transform:scale(.9);\r\n\r\n    background:\r\n        var(--verde);\r\n\r\n    color:#ffffff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media(max-width:1300px){\r\n\r\n    .ipala-centered-inner{\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            130px\r\n            minmax(0,1fr);\r\n\r\n        padding-left:22px;\r\n        padding-right:22px;\r\n    }\r\n\r\n    .ipala-centered-nav{\r\n        gap:14px;\r\n    }\r\n\r\n    .ipala-centered-nav a{\r\n        font-size:10px;\r\n    }\r\n\r\n    .ipala-centered-logo img{\r\n        height:34px;\r\n    }\r\n\r\n    .ipala-centered-social{\r\n\r\n        right:18px;\r\n\r\n        gap:17px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:991px){\r\n\r\n    .ipala-centered-inner{\r\n\r\n        min-height:66px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        justify-content:space-between;\r\n\r\n        padding:\r\n            8px\r\n            14px;\r\n\r\n        background:\r\n            rgba(23,60,84,0);\r\n    }\r\n\r\n    .ipala-centered-header.scrolled\r\n    .ipala-centered-inner{\r\n\r\n        min-height:60px;\r\n\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                rgba(23,60,84,.84),\r\n                rgba(15,47,68,.80)\r\n            );\r\n\r\n        backdrop-filter:\r\n            blur(24px)\r\n            saturate(145%);\r\n\r\n        -webkit-backdrop-filter:\r\n            blur(24px)\r\n            saturate(145%);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(142,180,199,.18);\r\n\r\n        box-shadow:\r\n            0 10px 32px\r\n            rgba(7,31,46,.17);\r\n    }\r\n\r\n    .ipala-centered-header.menu-open\r\n    .ipala-centered-inner{\r\n\r\n        min-height:66px;\r\n\r\n        background:\r\n            rgba(250,249,245,.94);\r\n\r\n        box-shadow:none;\r\n    }\r\n\r\n    .ipala-centered-nav,\r\n    .ipala-centered-social{\r\n        display:none;\r\n    }\r\n\r\n    .ipala-centered-logo{\r\n        justify-content:flex-start;\r\n    }\r\n\r\n    .ipala-centered-logo img{\r\n\r\n        height:30px;\r\n\r\n        max-width:110px;\r\n    }\r\n\r\n    .ipala-centered-menu{\r\n        display:block;\r\n    }\r\n\r\n    .ipala-mobile-menu{\r\n        display:block;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .ipala-centered-inner{\r\n\r\n        min-height:60px;\r\n\r\n        padding:\r\n            7px\r\n            12px;\r\n    }\r\n\r\n    .ipala-centered-header.scrolled\r\n    .ipala-centered-inner{\r\n\r\n        min-height:56px;\r\n    }\r\n\r\n    .ipala-centered-header.menu-open\r\n    .ipala-centered-inner{\r\n\r\n        min-height:60px;\r\n    }\r\n\r\n    .ipala-centered-logo img{\r\n\r\n        height:28px;\r\n\r\n        max-width:100px;\r\n    }\r\n\r\n    .ipala-centered-menu{\r\n\r\n        width:38px;\r\n        height:38px;\r\n    }\r\n\r\n    .ipala-centered-menu span:first-child{\r\n        top:15px;\r\n    }\r\n\r\n    .ipala-centered-menu span:last-child{\r\n        top:21px;\r\n    }\r\n\r\n    .ipala-centered-menu.active\r\n    span:first-child,\r\n    .ipala-centered-menu.active\r\n    span:last-child{\r\n        top:18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CELULARES BAJOS\r\n========================================================= *\/\r\n\r\n@media(max-width:600px) and (max-height:720px){\r\n\r\n    .ipala-mobile-menu-inner{\r\n\r\n        padding-top:76px;\r\n\r\n        padding-bottom:16px;\r\n    }\r\n\r\n    .ipala-mobile-menu-top{\r\n        padding-bottom:13px;\r\n    }\r\n\r\n    .ipala-mobile-nav{\r\n        padding:12px 0;\r\n    }\r\n\r\n    .ipala-mobile-nav a{\r\n        min-height:48px;\r\n    }\r\n\r\n    .ipala-mobile-nav-text{\r\n\r\n        font-size:\r\n            clamp(22px,6vw,29px);\r\n    }\r\n\r\n    .ipala-mobile-bottom{\r\n        padding-top:12px;\r\n    }\r\n\r\n    .ipala-mobile-message{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .ipala-centered-header *,\r\n    .ipala-centered-header *::before,\r\n    .ipala-centered-header *::after{\r\n\r\n        animation-duration:.01ms !important;\r\n\r\n        animation-delay:0ms !important;\r\n\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        const header =\r\n            document.getElementById(\r\n                \"ipalaCenteredHeader\"\r\n            );\r\n\r\n        const button =\r\n            document.getElementById(\r\n                \"ipalaCenteredMenu\"\r\n            );\r\n\r\n        const mobile =\r\n            document.getElementById(\r\n                \"ipalaCenteredMobile\"\r\n            );\r\n\r\n        if(!header){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           SCROLL\r\n        ================================================= *\/\r\n\r\n        function updateHeader(){\r\n\r\n            if(window.scrollY > 35){\r\n\r\n                header\r\n                    .classList\r\n                    .add(\"scrolled\");\r\n\r\n            }else{\r\n\r\n                header\r\n                    .classList\r\n                    .remove(\"scrolled\");\r\n\r\n            }\r\n\r\n        }\r\n\r\n        updateHeader();\r\n\r\n        window.addEventListener(\r\n            \"scroll\",\r\n            updateHeader,\r\n            {\r\n                passive:true\r\n            }\r\n        );\r\n\r\n        if(!button || !mobile){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           ABRIR MEN\u00da\r\n        ================================================= *\/\r\n\r\n        function openMenu(){\r\n\r\n            mobile\r\n                .classList\r\n                .add(\"active\");\r\n\r\n            button\r\n                .classList\r\n                .add(\"active\");\r\n\r\n            header\r\n                .classList\r\n                .add(\"menu-open\");\r\n\r\n            button.setAttribute(\r\n                \"aria-expanded\",\r\n                \"true\"\r\n            );\r\n\r\n            button.setAttribute(\r\n                \"aria-label\",\r\n                \"Cerrar men\u00fa\"\r\n            );\r\n\r\n            mobile.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           CERRAR MEN\u00da\r\n        ================================================= *\/\r\n\r\n        function closeMenu(){\r\n\r\n            mobile\r\n                .classList\r\n                .remove(\"active\");\r\n\r\n            button\r\n                .classList\r\n                .remove(\"active\");\r\n\r\n            header\r\n                .classList\r\n                .remove(\"menu-open\");\r\n\r\n            button.setAttribute(\r\n                \"aria-expanded\",\r\n                \"false\"\r\n            );\r\n\r\n            button.setAttribute(\r\n                \"aria-label\",\r\n                \"Abrir men\u00fa\"\r\n            );\r\n\r\n            mobile.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n            document.body.style.overflow =\r\n                \"\";\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           CLICK HAMBURGUESA\r\n        ================================================= *\/\r\n\r\n        button.addEventListener(\r\n            \"click\",\r\n            function(event){\r\n\r\n                event.stopPropagation();\r\n\r\n                if(\r\n                    mobile\r\n                        .classList\r\n                        .contains(\"active\")\r\n                ){\r\n\r\n                    closeMenu();\r\n\r\n                }else{\r\n\r\n                    openMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           CERRAR AL HACER CLICK EN LINK\r\n        ================================================= *\/\r\n\r\n        mobile\r\n            .querySelectorAll(\r\n                \".ipala-mobile-nav a\"\r\n            )\r\n            .forEach(\r\n                function(link){\r\n\r\n                    link.addEventListener(\r\n                        \"click\",\r\n                        closeMenu\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           ESCAPE\r\n        ================================================= *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function(event){\r\n\r\n                if(\r\n                    event.key === \"Escape\" &&\r\n                    mobile\r\n                        .classList\r\n                        .contains(\"active\")\r\n                ){\r\n\r\n                    closeMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           RESIZE\r\n        ================================================= *\/\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function(){\r\n\r\n                if(\r\n                    window.innerWidth > 991 &&\r\n                    mobile\r\n                        .classList\r\n                        .contains(\"active\")\r\n                ){\r\n\r\n                    closeMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPALA GLAM CONTAINER IPALA \u00b7 JALISCO Donde el mar se convierte en experiencia. Glamping frente al Pac\u00edfico, naturaleza, gastronom\u00eda y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":1155,"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":3150,"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/3150"}],"wp:attachment":[{"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}