{"id":776,"date":"2026-01-04T20:56:49","date_gmt":"2026-01-04T20:56:49","guid":{"rendered":"https:\/\/yellow-scorpion-762147.hostingersite.com\/?page_id=776"},"modified":"2026-02-17T18:14:26","modified_gmt":"2026-02-17T18:14:26","slug":"por-que-nosotros","status":"publish","type":"page","link":"https:\/\/ipalaglamcontainer.com\/en\/por-que-nosotros\/","title":{"rendered":"Por qu\u00e9 nosotros?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"776\" class=\"elementor elementor-776\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7e414c e-con-full e-flex e-con e-parent\" data-id=\"f7e414c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-272e747 elementor-widget elementor-widget-html\" data-id=\"272e747\" 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    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rochester&family=Comic+Neue:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        :root {\r\n            --primary: #3A6052;   \/* Verde Oscuro *\/\r\n            --accent: #B4CEC7;    \/* Verde Claro Ipala *\/\r\n            --text: #3A6153;      \/* Color de Texto *\/\r\n            --white: #ffffff;\r\n            --font-main: 'Comic Neue', sans-serif;\r\n            --font-title-alt: 'Rochester', cursive;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n            background-color: var(--accent);\r\n            font-family: var(--font-main);\r\n            color: var(--text);\r\n        }\r\n\r\n        .ig-full-layout {\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding-bottom: 100px;\r\n        }\r\n\r\n        \/* FONDO DIN\u00c1MICO *\/\r\n        .bg-pattern-waves {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 20\"><path d=\"M0 10 Q 25 2 50 10 T 100 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.3\" opacity=\"0.4\"\/><\/svg>');\r\n            background-size: 800px;\r\n            z-index: 0;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* --- BLOQUE 1: HERO --- *\/\r\n        .hero-block {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 60px;\r\n            padding: 100px 0;\r\n            min-height: 80vh;\r\n        }\r\n\r\n        .hero-text { flex: 1; }\r\n        .hero-text h1 { \r\n            font-family: var(--font-main); \r\n            font-size: 4.5rem; \r\n            font-weight: 700;\r\n            color: var(--primary); \r\n            margin: 0 0 20px; \r\n            line-height: 1.1;\r\n        }\r\n        .hero-text p { font-size: 1.4rem; line-height: 1.6; margin-bottom: 30px; }\r\n        \r\n        .hero-visual { flex: 1; position: relative; }\r\n        .hero-visual img { \r\n            width: 100%; \r\n            border-radius: 60px 0; \r\n            box-shadow: 30px 30px 0px var(--primary);\r\n            transition: 0.5s ease;\r\n        }\r\n\r\n        \/* --- BLOQUE 2: ARGUMENTOS --- *\/\r\n        .why-us-block { padding: 100px 0; text-align: center; }\r\n        \r\n        \/* Rochester solo para el t\u00edtulo general *\/\r\n        .why-us-block h2 { \r\n            font-family: var(--font-title-alt); \r\n            font-size: 4.5rem; \r\n            color: var(--primary); \r\n            margin-bottom: 60px; \r\n            font-weight: normal;\r\n        }\r\n        \r\n        .argument-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .arg-card {\r\n            background: rgba(255, 255, 255, 0.4);\r\n            padding: 50px 30px;\r\n            border-radius: 40px;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .arg-card:hover { transform: translateY(-15px); background: var(--white); }\r\n        .arg-card i { font-size: 3rem; color: var(--primary); margin-bottom: 25px; }\r\n        \r\n        \/* T\u00edtulos de tarjetas vuelven a Comic Neue *\/\r\n        .arg-card h3 { \r\n            font-family: var(--font-main); \r\n            font-size: 2.2rem; \r\n            font-weight: 700;\r\n            color: var(--primary); \r\n            margin-bottom: 15px; \r\n        }\r\n\r\n        \/* --- BLOQUE 3: MOSAICO --- *\/\r\n        .mosaic-block { padding: 100px 0; }\r\n        .mosaic-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            align-items: center;\r\n        }\r\n\r\n        .mosaic-images { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n        .mosaic-images img { width: 100%; height: 400px; object-fit: cover; border-radius: 30px; }\r\n        .img-offset { transform: translateY(40px); }\r\n\r\n        .mosaic-info h2 { font-family: var(--font-main); font-size: 3rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; }\r\n        .mosaic-info p { \r\n            font-size: 1.2rem; \r\n            line-height: 1.8; \r\n            text-align: justify; \r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* --- BLOQUE 4: CTA FINAL --- *\/\r\n        .cta-block {\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            padding: 80px;\r\n            border-radius: 60px;\r\n            text-align: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .cta-block h2 { font-family: var(--font-main); font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; color: var(--white); }\r\n        .cta-block p { font-size: 1.3rem; margin-bottom: 40px; opacity: 0.9; }\r\n\r\n        .btn-luxury {\r\n            display: inline-block;\r\n            background: var(--white);\r\n            color: var(--primary);\r\n            padding: 22px 60px;\r\n            border-radius: 100px;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            font-size: 1.3rem;\r\n            transition: 0.3s;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .btn-luxury:hover { transform: scale(1.05); background: var(--accent); }\r\n\r\n        \/* ANIMACIONES *\/\r\n        .reveal { opacity: 0; transform: translateY(40px); transition: 1s all ease; }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n        @media (max-width: 992px) {\r\n            .hero-block, .mosaic-grid { flex-direction: column; text-align: center; }\r\n            .hero-text h1 { font-size: 3rem; }\r\n            .hero-visual { order: -1; }\r\n            .mosaic-images { grid-template-columns: 1fr; }\r\n            .img-offset { transform: translateY(0); }\r\n            .cta-block { padding: 40px 20px; }\r\n            .mosaic-info p { text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ig-full-layout\">\r\n    <div class=\"bg-pattern-waves\"><\/div>\r\n\r\n    <div class=\"container\">\r\n        \r\n        <section class=\"hero-block reveal\">\r\n            <div class=\"hero-text\">\r\n                <h1>Ipala Glam Container<\/h1>\r\n                <p>El primer glamping en playa. Un espacio dise\u00f1ado para que la brisa del mar y el confort absoluto se vuelvan uno mismo.<\/p>\r\n                <a href=\"#contacto\" class=\"btn-luxury\" style=\"background: var(--primary); color: white;\">Descubrir m\u00e1s<\/a>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <img decoding=\"async\" src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/EDITADA-4.png\" alt=\"Glamping Ipala\">\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"why-us-block reveal\">\r\n            <h2>\u00bfPor qu\u00e9 somos los mejores?<\/h2>\r\n            <div class=\"argument-grid\">\r\n                <div class=\"arg-card\">\r\n                    <i class=\"fas fa-umbrella-beach\"><\/i>\r\n                    <h3>Pie de Playa<\/h3>\r\n                    <p>No estamos \"cerca\" del mar. Somos la primera habitaci\u00f3n en la regi\u00f3n ubicada directamente sobre la arena.<\/p>\r\n                <\/div>\r\n                <div class=\"arg-card\">\r\n                    <i class=\"fas fa-utensils\"><\/i>\r\n                    <h3>Servicio al Cuarto<\/h3>\r\n                    <p>Disfruta de nuestra gastronom\u00eda local de 8am a 9pm sin salir de tu terraza privada.<\/p>\r\n                <\/div>\r\n                <div class=\"arg-card\">\r\n                    <i class=\"fas fa-infinity\"><\/i>\r\n                    <h3>Privacidad Total<\/h3>\r\n                    <p>Un espacio privado sin multitudes, ideal para crear recuerdos inolvidables.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"mosaic-block reveal\">\r\n            <div class=\"mosaic-grid\">\r\n                <div class=\"mosaic-images\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/EDITADA-1.png\" alt=\"Tina Externa\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ipalaglamcontainer.com\/wp-content\/uploads\/2026\/02\/EDITADA-3.png\" alt=\"Interior\" class=\"img-offset\">\r\n                <\/div>\r\n                <div class=\"mosaic-info\">\r\n                    <h2>Detalles que enamoran<\/h2>\r\n                    <p>\r\n                        Desde el placer de sumergirte en nuestra <strong>tina externa<\/strong> bajo el manto de estrellas, hasta el descanso profundo en una cama King Size, arrullado por el <strong>hipnotizante sonido del mar<\/strong> al dormir.\r\n                    <\/p>\r\n                    <p>\r\n                        En Ipala Glam Container, hemos dise\u00f1ado un refugio donde el espacio no es l\u00edmite; ahora abrimos nuestras puertas para que m\u00e1s invitados compartan esta experiencia \u00fanica directamente sobre la arena. Somos los mejores porque cuidamos los detalles que otros ignoran.\r\n                    <\/p>\r\n                    <p style=\"font-size: 0.9rem; opacity: 0.7; font-weight: bold;\">Sujeto a reservaci\u00f3n previa.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"cta-block reveal\" id=\"contacto\">\r\n            <h2>\u00bfListo para despertar frente al mar?<\/h2>\r\n            <p>No dejes pasar la oportunidad de vivir la experiencia Ipala Glam. Pocas fechas disponibles para esta temporada.<\/p>\r\n            <a href=\"https:\/\/ipalaglamcontainer.com\/reserva\/\" class=\"btn-luxury\">Reservar ahora<\/a>\r\n        <\/section>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function reveal() {\r\n        var reveals = document.querySelectorAll(\".reveal\");\r\n        for (var i = 0; i < reveals.length; i++) {\r\n            var windowHeight = window.innerHeight;\r\n            var elementTop = reveals[i].getBoundingClientRect().top;\r\n            var elementVisible = 150;\r\n            if (elementTop < windowHeight - elementVisible) {\r\n                reveals[i].classList.add(\"active\");\r\n            }\r\n        }\r\n    }\r\n    window.addEventListener(\"scroll\", reveal);\r\n    reveal();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ceb0b6 e-flex e-con-boxed e-con e-parent\" data-id=\"5ceb0b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3034f16 elementor-widget elementor-widget-html\" data-id=\"3034f16\" 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@400;700&family=Rochester&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* --- VARIABLES Y RESET --- *\/\r\n    :root {\r\n        --primary: #3A6052;\r\n        --accent: #B4CEC7;\r\n        --white: #ffffff;\r\n        --text-light: #f4f4f4;\r\n    }\r\n\r\n    \/* Forzar ancho completo en Elementor\/Astra *\/\r\n    .ipala-footer {\r\n        background: var(--primary);\r\n        color: var(--white);\r\n        font-family: 'Comic Neue', sans-serif;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        width: 100vw;\r\n        overflow: hidden;\r\n        padding-top: 80px;\r\n    }\r\n\r\n    \/* --- ANIMACI\u00d3N DE OLAS --- *\/\r\n    .waves {\r\n        position: absolute;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 70px;\r\n        min-height: 70px;\r\n        max-height: 100px;\r\n    }\r\n\r\n    .parallax > use {\r\n        animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;\r\n    }\r\n    .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; fill: rgba(180, 206, 199, 0.3); }\r\n    .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; fill: rgba(180, 206, 199, 0.5); }\r\n    .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; fill: rgba(180, 206, 199, 0.7); }\r\n    .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; fill: var(--primary); }\r\n\r\n    @keyframes move-forever {\r\n        0% { transform: translate3d(-90px,0,0); }\r\n        100% { transform: translate3d(85px,0,0); }\r\n    }\r\n\r\n    \/* --- CONTENIDO --- *\/\r\n    .footer-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 50px;\r\n        padding: 40px 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .footer-brand h2 {\r\n        font-family: 'Rochester', cursive;\r\n        font-size: 55px;\r\n        margin-bottom: 20px;\r\n        color: var(--accent);\r\n        line-height: 1;\r\n    }\r\n\r\n    .footer-brand p {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        opacity: 0.95;\r\n    }\r\n\r\n    .footer-links h4 {\r\n        font-size: 22px;\r\n        margin-bottom: 25px;\r\n        color: var(--accent);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .footer-links ul {\r\n        list-style: none;\r\n        padding: 0;\r\n    }\r\n\r\n    .footer-links li {\r\n        margin-bottom: 15px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .footer-links li:hover {\r\n        transform: translateX(10px);\r\n    }\r\n\r\n    .footer-links a {\r\n        color: var(--white);\r\n        text-decoration: none;\r\n        font-size: 17px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .footer-links a:hover {\r\n        color: var(--accent);\r\n    }\r\n\r\n    \/* --- REDES SOCIALES ANIMADAS --- *\/\r\n    .social-icons {\r\n        display: flex;\r\n        gap: 18px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .social-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: rgba(255,255,255,0.15);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: var(--white);\r\n        text-decoration: none;\r\n        font-size: 22px;\r\n        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n    }\r\n\r\n    .social-icon:hover {\r\n        background: var(--accent);\r\n        color: var(--primary);\r\n        transform: translateY(-8px) rotate(360deg);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* --- BARRA INFERIOR --- *\/\r\n    .footer-bottom {\r\n        background: rgba(0,0,0,0.15);\r\n        padding: 30px 20px;\r\n        text-align: center;\r\n        border-top: 1px solid rgba(180, 206, 199, 0.1);\r\n        font-size: 15px;\r\n    }\r\n\r\n    .footer-bottom a {\r\n        color: var(--accent);\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .footer-bottom a:hover {\r\n        text-shadow: 0 0 10px var(--accent);\r\n        color: var(--white);\r\n    }\r\n\r\n    .heart-icon {\r\n        color: #ff4d4d;\r\n        animation: beat 1s infinite alternate;\r\n        display: inline-block;\r\n    }\r\n\r\n    @keyframes beat {\r\n        to { transform: scale(1.3); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .footer-container { text-align: center; padding: 40px 30px; }\r\n        .footer-links a { justify-content: center; }\r\n        .social-icons { justify-content: center; }\r\n        .footer-links li:hover { transform: translateY(-5px); }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"ipala-footer\">\r\n    <svg class=\"waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\" shape-rendering=\"auto\">\r\n        <defs>\r\n            <path id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n        <\/defs>\r\n        <g class=\"parallax\">\r\n            <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" \/>\r\n            <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" \/>\r\n            <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" \/>\r\n            <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"7\" \/>\r\n        <\/g>\r\n    <\/svg>\r\n\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-brand\">\r\n            <h2>Ipala<\/h2>\r\n            <p>Un refugio dise\u00f1ado para el alma donde la naturaleza y el confort se encuentran en perfecta armon\u00eda. Vive la experiencia definitiva en nuestro Ipala Glam Container.<\/p>\r\n            <div class=\"social-icons\">\r\n                <a href=\"https:\/\/www.instagram.com\/ipalaglamcontainer\/\" target=\"_blank\" class=\"social-icon\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.facebook.com\/share\/18m6v87x2L\/?mibextid=wwXIfr\" target=\"_blank\" class=\"social-icon\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"https:\/\/wa.me\/523222274739\" target=\"_blank\" class=\"social-icon\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n                <a href=\"https:\/\/maps.app.goo.gl\/uX3L5q6Z6B7J3n6E8\" target=\"_blank\" class=\"social-icon\" aria-label=\"Ubicaci\u00f3n\"><i class=\"fas fa-map-marker-alt\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-links\">\r\n            <h4>Explora<\/h4>\r\n            <ul>\r\n                <li><a href=\"\/\"><i class=\"fas fa-chevron-right\" style=\"font-size: 10px;\"><\/i> Inicio<\/a><\/li>\r\n                <li><a href=\"\/experiencias\"><i class=\"fas fa-chevron-right\" style=\"font-size: 10px;\"><\/i> Experiencias<\/a><\/li>\r\n                <li><a href=\"\/galeria\"><i class=\"fas fa-chevron-right\" style=\"font-size: 10px;\"><\/i> Galer\u00eda<\/a><\/li>\r\n                <li><a href=\"\/reservaciones\"><i class=\"fas fa-chevron-right\" style=\"font-size: 10px;\"><\/i> Reservaciones<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-links\">\r\n            <h4>Contacto<\/h4>\r\n            <ul>\r\n                <li><a href=\"tel:+523222274739\"><i class=\"fas fa-phone-alt\"><\/i> +52 322 227 4739<\/a><\/li>\r\n                <li><a href=\"mailto:info@ipalaglamcontainer.com\"><i class=\"fas fa-envelope\"><\/i> info@ipalaglamcontainer.com<\/a><\/li>\r\n                <li><a href=\"https:\/\/maps.app.goo.gl\/uX3L5q6Z6B7J3n6E8\" target=\"_blank\"><i class=\"fas fa-map-marked-alt\"><\/i> Ipala, Cabo Corrientes, Jal.<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n        <p>\u00a9 2026 <b>Ipala Glam Container<\/b>. Todos los derechos reservados.<\/p>\r\n        <p>Creado con <span class=\"heart-icon\">\u2764<\/span> por <a href=\"https:\/\/cocowebmedia.com\" target=\"_blank\">cocowebmedia.com<\/a><\/p>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3463f3 e-con-full e-flex e-con e-parent\" data-id=\"d3463f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd3ce0f elementor-widget elementor-widget-html\" data-id=\"fd3ce0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* BLINDAJE BASE (Escritorio) *\/\r\n  #motor-reserva-final {\r\n    all: unset !important;\r\n    position: fixed !important;\r\n    bottom: 30px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    max-width: 750px !important;\r\n    width: 90% !important;\r\n    background: rgba(58, 96, 82, 0.95) !important; \/* Verde Ipala #3A6052 *\/\r\n    backdrop-filter: blur(12px) !important;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    border-radius: 60px !important;\r\n    padding: 15px 35px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 20px !important;\r\n    \/* Reducido para que el header\/men\u00fa (que suele usar 99999) quede por delante *\/\r\n    z-index: 9999 !important; \r\n    box-sizing: border-box !important;\r\n    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.4) !important;\r\n    font-family: 'Segoe UI', Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  #motor-reserva-final .contenedor-campos {\r\n    display: flex !important;\r\n    flex: 2 !important;\r\n    justify-content: center !important;\r\n    gap: 15px !important;\r\n    box-sizing: border-box !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #motor-reserva-final .campo-fecha {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    flex: 1 !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #motor-reserva-final label {\r\n    all: unset !important;\r\n    font-size: 10px !important;\r\n    font-weight: 600 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 6px !important;\r\n    display: block !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1.2px !important;\r\n  }\r\n\r\n  #motor-reserva-final input[type=\"date\"] {\r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\r\n    border-radius: 25px !important;\r\n    padding: 8px 12px !important;\r\n    font-size: 13px !important;\r\n    color: #ffffff !important;\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  #motor-reserva-final input::-webkit-calendar-picker-indicator {\r\n    filter: invert(100%) brightness(100%) !important;\r\n  }\r\n\r\n  #motor-reserva-final .btn-reservar {\r\n    all: unset !important;\r\n    background: transparent !important;\r\n    border: 2px solid #47B0BC !important; \/* Azul turquesa original *\/\r\n    padding: 12px 25px !important;\r\n    border-radius: 40px !important;\r\n    cursor: pointer !important;\r\n    font-size: 12px !important;\r\n    font-weight: 800 !important;\r\n    color: #ffffff !important;\r\n    transition: all 0.3s ease !important;\r\n    text-align: center !important;\r\n    flex: 1 !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #motor-reserva-final .btn-reservar:hover {\r\n    background: #47B0BC !important;\r\n    box-shadow: 0 0 15px rgba(71, 176, 188, 0.5) !important;\r\n  }\r\n\r\n  \/* BLINDAJE CELULAR MEJORADO *\/\r\n  @media (max-width: 768px) {\r\n    #motor-reserva-final {\r\n      flex-direction: column !important;\r\n      bottom: 100px !important; \/* Libera el bot\u00f3n morado de idioma *\/\r\n      width: 85% !important;\r\n      border-radius: 35px !important;\r\n      padding: 20px !important;\r\n      gap: 15px !important;\r\n    }\r\n    \r\n    #motor-reserva-final .contenedor-campos {\r\n      width: 100% !important;\r\n      flex: none !important;\r\n      display: flex !important;\r\n      flex-direction: row !important; \/* Mantener lado a lado *\/\r\n      justify-content: space-between !important;\r\n    }\r\n\r\n    #motor-reserva-final .campo-fecha {\r\n      width: 47% !important; \/* Evita que se salgan lateralmente *\/\r\n      flex: none !important;\r\n    }\r\n\r\n    #motor-reserva-final input[type=\"date\"] {\r\n      font-size: 11px !important; \/* Tama\u00f1o optimizado para no desbordar *\/\r\n      padding: 8px 5px !important;\r\n    }\r\n    \r\n    #motor-reserva-final .btn-reservar {\r\n      width: 100% !important;\r\n      box-sizing: border-box !important;\r\n      padding: 15px !important;\r\n      flex: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"motor-reserva-final\">\r\n  <div class=\"contenedor-campos\">\r\n    <div class=\"campo-fecha\">\r\n      <label>Entrada<\/label>\r\n      <input type=\"date\" id=\"check_in_white\">\r\n    <\/div>\r\n    <div class=\"campo-fecha\">\r\n      <label>Salida<\/label>\r\n      <input type=\"date\" id=\"check_out_white\">\r\n    <\/div>\r\n  <\/div>\r\n  <button type=\"button\" class=\"btn-reservar\" id=\"btn_send_white\">\r\n    RESERVAR AHORA\r\n  <\/button>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const d1 = document.getElementById('check_in_white');\r\n    const d2 = document.getElementById('check_out_white');\r\n    const b = document.getElementById('btn_send_white');\r\n    const hoy = new Date().toISOString().split('T')[0];\r\n    d1.min = hoy;\r\n    d2.min = hoy;\r\n\r\n    b.onclick = function() {\r\n      if (!d1.value || !d2.value) {\r\n        alert('Por favor selecciona las fechas');\r\n      } else {\r\n        window.location.href = \"https:\/\/yellow-scorpion-762147.hostingersite.com\/product\/reserva\/\";\r\n      }\r\n    };\r\n  })();\r\n<\/script>\r\n\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 El primer glamping en playa. Un espacio dise\u00f1ado para que la brisa del mar y el confort [&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":"","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":"","theme-transparent-header-meta":"","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-776","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\/776","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=776"}],"version-history":[{"count":40,"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/pages\/776\/revisions"}],"predecessor-version":[{"id":2254,"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/pages\/776\/revisions\/2254"}],"wp:attachment":[{"href":"https:\/\/ipalaglamcontainer.com\/en\/wp-json\/wp\/v2\/media?parent=776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}