{"id":53,"date":"2026-07-22T03:47:56","date_gmt":"2026-07-22T03:47:56","guid":{"rendered":"https:\/\/puroconia.agency\/?page_id=53"},"modified":"2026-07-22T03:49:20","modified_gmt":"2026-07-22T03:49:20","slug":"elementor-53","status":"publish","type":"page","link":"https:\/\/puroconia.agency\/","title":{"rendered":"Elementor #53"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53\" class=\"elementor elementor-53\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5c50e e-flex e-con-boxed e-con e-parent\" data-id=\"fb5c50e\" 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-ba417e8 elementor-widget elementor-widget-html\" data-id=\"ba417e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Importar Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<!-- ESTILOS CSS -->\r\n<style>\r\n    :root {\r\n        --color-bg: #090d16;\r\n        --color-bg-alt: #111827;\r\n        --color-card-bg: rgba(17, 24, 39, 0.75);\r\n        --color-border: rgba(255, 255, 255, 0.06);\r\n        --color-border-hover: rgba(255, 255, 255, 0.15);\r\n        \r\n        --color-text-primary: #f3f4f6;\r\n        --color-text-secondary: #9ca3af;\r\n        --color-text-muted: #6b7280;\r\n        \r\n        --color-primary: #10b981;\r\n        --color-primary-hover: #059669;\r\n        --color-primary-glow: rgba(16, 185, 129, 0.15);\r\n        \r\n        --color-secondary: #3b82f6;\r\n        --color-secondary-hover: #2563eb;\r\n        \r\n        --color-danger: #ef4444;\r\n        --color-danger-bg: rgba(239, 68, 68, 0.1);\r\n        \r\n        --color-success: #10b981;\r\n        --color-success-bg: rgba(16, 185, 129, 0.1);\r\n        --font-heading: 'Outfit', sans-serif;\r\n        --font-body: 'Inter', sans-serif;\r\n        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n        --shadow-glow: 0 0 20px 0 rgba(16, 185, 129, 0.2);\r\n        --shadow-glow-blue: 0 0 20px 0 rgba(59, 130, 246, 0.15);\r\n        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    \/* Reset adaptado para evitar conflictos con WordPress *\/\r\n    .puroconia-wrapper {\r\n        background-color: var(--color-bg);\r\n        color: var(--color-text-primary);\r\n        font-family: var(--font-body);\r\n        line-height: 1.6;\r\n        -webkit-font-smoothing: antialiased;\r\n        overflow-x: hidden;\r\n        \r\n        \/* C\u00d3DIGO PARA FORZAR ANCHO COMPLETO EN WORDPRESS *\/\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n    }\r\n    .puroconia-wrapper * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .puroconia-wrapper html {\r\n        scroll-behavior: smooth;\r\n    }\r\n    .puroconia-wrapper .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n    .puroconia-wrapper h1, \r\n    .puroconia-wrapper h2, \r\n    .puroconia-wrapper h3, \r\n    .puroconia-wrapper h4 {\r\n        font-family: var(--font-heading);\r\n        font-weight: 700;\r\n        letter-spacing: -0.025em;\r\n        line-height: 1.25;\r\n    }\r\n    .puroconia-wrapper h1 {\r\n        font-size: 2.8rem;\r\n        font-weight: 800;\r\n        margin-bottom: 20px;\r\n        background: linear-gradient(135deg, #ffffff 40%, #a7f3d0 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .puroconia-wrapper h2 {\r\n        font-size: 2.2rem;\r\n        margin-bottom: 16px;\r\n        background: linear-gradient(135deg, #ffffff 50%, #93c5fd 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .puroconia-wrapper p {\r\n        color: var(--color-text-secondary);\r\n        margin-bottom: 16px;\r\n    }\r\n    .puroconia-wrapper .section-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 56px auto;\r\n    }\r\n    .puroconia-wrapper .section-subtitle {\r\n        font-size: 1.1rem;\r\n        color: var(--color-text-secondary);\r\n    }\r\n    .puroconia-wrapper .badge {\r\n        display: inline-block;\r\n        padding: 6px 12px;\r\n        font-family: var(--font-heading);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        text-transform: uppercase;\r\n        color: var(--color-primary);\r\n        background-color: var(--color-primary-glow);\r\n        border: 1px solid rgba(16, 185, 129, 0.2);\r\n        border-radius: 9999px;\r\n        margin-bottom: 16px;\r\n    }\r\n    .puroconia-wrapper .btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: var(--font-heading);\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        border-radius: 8px;\r\n        transition: var(--transition);\r\n        cursor: pointer;\r\n        border: none;\r\n    }\r\n    .puroconia-wrapper .btn-lg {\r\n        padding: 16px 32px;\r\n        font-size: 1.05rem;\r\n    }\r\n    .puroconia-wrapper .btn-sm {\r\n        padding: 8px 16px;\r\n        font-size: 0.85rem;\r\n    }\r\n    .puroconia-wrapper .btn-primary {\r\n        color: #ffffff;\r\n        background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);\r\n        box-shadow: var(--shadow-glow);\r\n    }\r\n    .puroconia-wrapper .btn-primary:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 0 30px 0 rgba(16, 185, 129, 0.35);\r\n    }\r\n    .puroconia-wrapper .btn-secondary {\r\n        color: var(--color-text-primary);\r\n        background-color: transparent;\r\n        border: 1px solid var(--color-border);\r\n    }\r\n    .puroconia-wrapper .btn-secondary:hover {\r\n        background-color: rgba(255, 255, 255, 0.05);\r\n        border-color: var(--color-border-hover);\r\n    }\r\n    .puroconia-wrapper .btn-success {\r\n        color: #ffffff;\r\n        background-color: #25d366;\r\n        box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);\r\n        width: 100%;\r\n    }\r\n    .puroconia-wrapper .btn-success:hover {\r\n        background-color: #20ba59;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);\r\n    }\r\n    .puroconia-wrapper .main-header {\r\n        height: 72px;\r\n        border-bottom: 1px solid var(--color-border);\r\n        background-color: rgba(9, 13, 22, 0.8);\r\n        backdrop-filter: blur(12px);\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 100;\r\n    }\r\n    .puroconia-wrapper .header-container {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        height: 100%;\r\n    }\r\n    .puroconia-wrapper .logo {\r\n        font-family: var(--font-heading);\r\n        font-weight: 800;\r\n        font-size: 1.35rem;\r\n        letter-spacing: -0.02em;\r\n    }\r\n    .puroconia-wrapper .logo-accent {\r\n        color: var(--color-primary);\r\n        background: linear-gradient(135deg, var(--color-primary) 0%, #3b82f6 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .puroconia-wrapper .hero-section {\r\n        position: relative;\r\n        padding: 120px 0 96px 0;\r\n        background-image: radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),\r\n                          radial-gradient(circle at 10% 80%, rgba(16, 185, 129, 0.05) 0%, transparent 40%);\r\n        border-bottom: 1px solid var(--color-border);\r\n        overflow: hidden;\r\n    }\r\n    .puroconia-wrapper .hero-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n    .puroconia-wrapper .hero-content {\r\n        max-width: 820px;\r\n        animation: fadeInUp 0.8s ease-out;\r\n    }\r\n    .puroconia-wrapper .hero-subtitle {\r\n        font-size: 1.25rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 32px;\r\n        color: var(--color-text-secondary);\r\n    }\r\n    .puroconia-wrapper .hero-cta-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n    .puroconia-wrapper .cta-subtext {\r\n        font-size: 0.8rem;\r\n        color: var(--color-text-muted);\r\n    }\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n    .puroconia-wrapper .comparison-section {\r\n        padding: 96px 0;\r\n        background-color: var(--color-bg);\r\n    }\r\n    .puroconia-wrapper .pattern-interrupter {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n        background-color: rgba(239, 68, 68, 0.03);\r\n        border: 1px dashed rgba(239, 68, 68, 0.25);\r\n        border-radius: 12px;\r\n        padding: 24px;\r\n        margin-bottom: 56px;\r\n    }\r\n    .puroconia-wrapper .interrupter-icon {\r\n        color: var(--color-danger);\r\n        flex-shrink: 0;\r\n    }\r\n    .puroconia-wrapper .interrupter-text {\r\n        font-size: 0.95rem;\r\n        color: var(--color-text-secondary);\r\n        line-height: 1.6;\r\n    }\r\n    .puroconia-wrapper .interrupter-text strong {\r\n        color: #ffffff;\r\n    }\r\n    .puroconia-wrapper .comparison-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 32px;\r\n    }\r\n    .puroconia-wrapper .comparison-card {\r\n        background-color: var(--color-card-bg);\r\n        border: 1px solid var(--color-border);\r\n        backdrop-filter: blur(8px);\r\n        border-radius: 16px;\r\n        padding: 40px;\r\n        transition: var(--transition);\r\n    }\r\n    .puroconia-wrapper .comparison-card:hover {\r\n        transform: translateY(-4px);\r\n        border-color: var(--color-border-hover);\r\n    }\r\n    .puroconia-wrapper .before-card:hover {\r\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);\r\n    }\r\n    .puroconia-wrapper .after-card {\r\n        border-color: rgba(16, 185, 129, 0.2);\r\n        box-shadow: var(--shadow-glow-blue);\r\n    }\r\n    .puroconia-wrapper .after-card:hover {\r\n        border-color: rgba(16, 185, 129, 0.4);\r\n        box-shadow: var(--shadow-glow);\r\n    }\r\n    .puroconia-wrapper .comparison-card h3 {\r\n        font-size: 1.5rem;\r\n        margin-bottom: 8px;\r\n    }\r\n    .puroconia-wrapper .card-status {\r\n        display: inline-block;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        background-color: rgba(255, 255, 255, 0.05);\r\n        color: var(--color-text-secondary);\r\n        margin-bottom: 32px;\r\n    }\r\n    .puroconia-wrapper .status-success {\r\n        background-color: var(--color-success-bg);\r\n        color: var(--color-primary);\r\n    }\r\n    .puroconia-wrapper .comparison-list {\r\n        list-style: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n    .puroconia-wrapper .comparison-list li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n    .puroconia-wrapper .comparison-list svg {\r\n        flex-shrink: 0;\r\n        width: 20px;\r\n        height: 20px;\r\n        margin-top: 2px;\r\n    }\r\n    .puroconia-wrapper .icon-danger {\r\n        color: var(--color-danger);\r\n    }\r\n    .puroconia-wrapper .icon-success {\r\n        color: var(--color-primary);\r\n    }\r\n    .puroconia-wrapper .comparison-list span {\r\n        font-size: 0.95rem;\r\n        color: var(--color-text-secondary);\r\n    }\r\n    .puroconia-wrapper .after-card .comparison-list span {\r\n        color: var(--color-text-primary);\r\n    }\r\n    .puroconia-wrapper .offer-section {\r\n        padding: 96px 0;\r\n        background-color: var(--color-bg-alt);\r\n        border-top: 1px solid var(--color-border);\r\n        border-bottom: 1px solid var(--color-border);\r\n    }\r\n    .puroconia-wrapper .pricing-card {\r\n        background: linear-gradient(135deg, rgba(17, 24, 39, 0.9) 0%, rgba(9, 13, 22, 0.9) 100%);\r\n        border: 1px solid rgba(59, 130, 246, 0.15);\r\n        border-radius: 16px;\r\n        padding: 32px;\r\n        margin-bottom: 56px;\r\n        box-shadow: var(--shadow-glow-blue);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .puroconia-wrapper .pricing-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);\r\n    }\r\n    .puroconia-wrapper .pricing-badge {\r\n        display: inline-block;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        text-transform: uppercase;\r\n        color: var(--color-secondary);\r\n        margin-bottom: 16px;\r\n    }\r\n    .puroconia-wrapper .pricing-flex {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 24px;\r\n    }\r\n    .puroconia-wrapper .pricing-price-wrapper {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 16px;\r\n    }\r\n    .puroconia-wrapper .old-price {\r\n        font-size: 1.25rem;\r\n        color: var(--color-text-muted);\r\n        text-decoration: line-through;\r\n    }\r\n    .puroconia-wrapper .current-price {\r\n        font-size: 2.8rem;\r\n        font-weight: 800;\r\n        font-family: var(--font-heading);\r\n        color: #ffffff;\r\n        line-height: 1;\r\n    }\r\n    .puroconia-wrapper .price-period {\r\n        font-size: 1rem;\r\n        font-weight: 500;\r\n        color: var(--color-text-secondary);\r\n    }\r\n    .puroconia-wrapper .pricing-cta-text {\r\n        max-width: 400px;\r\n        font-size: 0.85rem;\r\n        color: var(--color-text-secondary);\r\n        line-height: 1.5;\r\n    }\r\n    .puroconia-wrapper .features-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 32px;\r\n    }\r\n    .puroconia-wrapper .feature-card {\r\n        background-color: var(--color-card-bg);\r\n        border: 1px solid var(--color-border);\r\n        backdrop-filter: blur(8px);\r\n        border-radius: 16px;\r\n        padding: 32px;\r\n        transition: var(--transition);\r\n    }\r\n    .puroconia-wrapper .feature-card:hover {\r\n        transform: translateY(-4px);\r\n        border-color: var(--color-border-hover);\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.4);\r\n    }\r\n    .puroconia-wrapper .feature-icon {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 56px;\r\n        height: 56px;\r\n        background-color: rgba(59, 130, 246, 0.08);\r\n        color: var(--color-secondary);\r\n        border-radius: 12px;\r\n        margin-bottom: 24px;\r\n        border: 1px solid rgba(59, 130, 246, 0.15);\r\n    }\r\n    .puroconia-wrapper .feature-card:hover .feature-icon {\r\n        background-color: var(--color-primary-glow);\r\n        color: var(--color-primary);\r\n        border-color: rgba(16, 185, 129, 0.2);\r\n    }\r\n    .puroconia-wrapper .feature-card h3 {\r\n        font-size: 1.25rem;\r\n        margin-bottom: 12px;\r\n        color: #ffffff;\r\n    }\r\n    .puroconia-wrapper .feature-card p {\r\n        font-size: 0.925rem;\r\n        color: var(--color-text-secondary);\r\n        margin-bottom: 0;\r\n    }\r\n    .puroconia-wrapper .about-section {\r\n        padding: 96px 0;\r\n        background-color: var(--color-bg);\r\n    }\r\n    \/* Ajuste para centrar el contenido ahora que no hay foto *\/\r\n    .puroconia-wrapper .about-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n    }\r\n    .puroconia-wrapper .about-content h2 {\r\n        margin-bottom: 24px;\r\n    }\r\n    .puroconia-wrapper .about-content p {\r\n        font-size: 1.05rem;\r\n        margin-bottom: 20px;\r\n        color: var(--color-text-secondary);\r\n        line-height: 1.7;\r\n    }\r\n    .puroconia-wrapper .about-content .highlight-text {\r\n        border-left: 3px solid var(--color-primary);\r\n        padding-left: 20px;\r\n        color: var(--color-text-primary);\r\n        margin-top: 28px;\r\n        text-align: left;\r\n        display: inline-block;\r\n    }\r\n    .puroconia-wrapper .booking-section {\r\n        padding: 96px 0;\r\n        background-color: var(--color-bg-alt);\r\n        border-top: 1px solid var(--color-border);\r\n    }\r\n    .puroconia-wrapper .booking-header {\r\n        margin-bottom: 48px;\r\n    }\r\n    .puroconia-wrapper .calendar-card {\r\n        max-width: 760px;\r\n        margin: 0 auto;\r\n        background-color: var(--color-bg);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 20px;\r\n        padding: 32px;\r\n        box-shadow: var(--shadow-lg);\r\n    }\r\n    .puroconia-wrapper .calendar-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 28px;\r\n    }\r\n    .puroconia-wrapper .calendar-header h3 {\r\n        font-size: 1.25rem;\r\n        color: #ffffff;\r\n    }\r\n    .puroconia-wrapper .calendar-nav {\r\n        background: transparent;\r\n        border: 1px solid var(--color-border);\r\n        color: var(--color-text-primary);\r\n        padding: 8px 16px;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        font-family: var(--font-heading);\r\n        font-weight: 600;\r\n        transition: var(--transition);\r\n    }\r\n    .puroconia-wrapper .calendar-nav:hover {\r\n        background-color: rgba(255,255,255,0.05);\r\n        border-color: var(--color-border-hover);\r\n    }\r\n    .puroconia-wrapper .calendar-days-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(5, 1fr);\r\n        gap: 12px;\r\n        margin-bottom: 32px;\r\n    }\r\n    .puroconia-wrapper .calendar-day-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        padding: 16px 8px;\r\n        background-color: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        transition: var(--transition);\r\n    }\r\n    .puroconia-wrapper .calendar-day-col:hover {\r\n        border-color: rgba(59, 130, 246, 0.3);\r\n        background-color: rgba(59, 130, 246, 0.03);\r\n    }\r\n    .puroconia-wrapper .calendar-day-col.selected {\r\n        border-color: var(--color-primary);\r\n        background-color: var(--color-primary-glow);\r\n        box-shadow: 0 0 12px rgba(16, 185, 129, 0.15);\r\n    }\r\n    .puroconia-wrapper .day-name {\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        color: var(--color-text-secondary);\r\n        margin-bottom: 4px;\r\n    }\r\n    .puroconia-wrapper .day-number {\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        font-family: var(--font-heading);\r\n        color: #ffffff;\r\n    }\r\n    .puroconia-wrapper .calendar-day-col.selected .day-name {\r\n        color: var(--color-primary);\r\n    }\r\n    .puroconia-wrapper .calendar-hours-section {\r\n        border-top: 1px solid var(--color-border);\r\n        padding-top: 24px;\r\n        margin-bottom: 28px;\r\n    }\r\n    .puroconia-wrapper .calendar-hours-section h4 {\r\n        font-size: 1rem;\r\n        margin-bottom: 16px;\r\n        color: var(--color-text-secondary);\r\n    }\r\n    .puroconia-wrapper .calendar-hours-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 12px;\r\n        min-height: 80px;\r\n    }\r\n    .puroconia-wrapper .hour-btn {\r\n        padding: 12px 8px;\r\n        background-color: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 8px;\r\n        color: var(--color-text-primary);\r\n        font-family: var(--font-body);\r\n        font-size: 0.875rem;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        transition: var(--transition);\r\n    }\r\n    .puroconia-wrapper .hour-btn:hover {\r\n        border-color: var(--color-secondary);\r\n        background-color: rgba(59, 130, 246, 0.05);\r\n    }\r\n    .puroconia-wrapper .hour-btn.selected {\r\n        border-color: var(--color-primary);\r\n        background-color: var(--color-primary-glow);\r\n        color: #ffffff;\r\n        font-weight: 600;\r\n    }\r\n    .puroconia-wrapper .select-day-prompt {\r\n        grid-column: 1 \/ -1;\r\n        text-align: center;\r\n        color: var(--color-text-muted);\r\n        font-size: 0.9rem;\r\n        padding: 20px 0;\r\n    }\r\n    .puroconia-wrapper .calendar-disclaimer {\r\n        border-top: 1px solid var(--color-border);\r\n        padding-top: 24px;\r\n        font-size: 0.825rem;\r\n        color: var(--color-text-secondary);\r\n        line-height: 1.5;\r\n    }\r\n    .puroconia-wrapper .calendar-disclaimer strong {\r\n        color: var(--color-secondary);\r\n    }\r\n    .puroconia-wrapper .booking-confirmation-panel {\r\n        margin-top: 28px;\r\n        padding: 24px;\r\n        background-color: rgba(16, 185, 129, 0.04);\r\n        border: 1px solid rgba(16, 185, 129, 0.2);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        align-items: center;\r\n    }\r\n    .puroconia-wrapper .confirmation-details p {\r\n        margin-bottom: 0;\r\n        color: var(--color-text-primary);\r\n        font-size: 0.95rem;\r\n    }\r\n    .puroconia-wrapper .confirmation-details strong {\r\n        color: var(--color-primary);\r\n    }\r\n    .puroconia-wrapper .main-footer {\r\n        background-color: #060910;\r\n        border-top: 1px solid var(--color-border);\r\n        padding: 48px 0;\r\n        color: var(--color-text-muted);\r\n        font-size: 0.85rem;\r\n    }\r\n    .puroconia-wrapper .footer-container {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 24px;\r\n    }\r\n    .puroconia-wrapper .main-footer p {\r\n        margin-bottom: 0;\r\n        max-width: 600px;\r\n    }\r\n    .puroconia-wrapper .footer-links {\r\n        display: flex;\r\n        gap: 24px;\r\n    }\r\n    .puroconia-wrapper .footer-links a {\r\n        color: var(--color-text-muted);\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n    }\r\n    .puroconia-wrapper .footer-links a:hover {\r\n        color: var(--color-primary);\r\n    }\r\n    @media (max-width: 992px) {\r\n        .puroconia-wrapper .comparison-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 24px;\r\n        }\r\n        \r\n        .puroconia-wrapper .features-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 24px;\r\n        }\r\n        \r\n        .puroconia-wrapper h1 {\r\n            font-size: 2.3rem;\r\n        }\r\n    }\r\n    @media (max-width: 640px) {\r\n        .puroconia-wrapper .calendar-days-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n        \r\n        .puroconia-wrapper .calendar-hours-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        \r\n        .puroconia-wrapper .pricing-flex {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n        \r\n        .puroconia-wrapper .header-container {\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            height: auto;\r\n            padding: 16px 0;\r\n        }\r\n        \r\n        .puroconia-wrapper .main-header {\r\n            height: auto;\r\n            position: relative;\r\n        }\r\n        \r\n        .puroconia-wrapper .hero-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .puroconia-wrapper .footer-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        \r\n        .puroconia-wrapper .footer-links {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\r\n<div class=\"puroconia-wrapper\">\r\n    <!-- Header -->\r\n    <header class=\"main-header\">\r\n        <div class=\"container header-container\">\r\n            <div class=\"logo\">\r\n                <span class=\"logo-accent\">puroconia<\/span>.agency\r\n            <\/div>\r\n            <a href=\"#reservar\" class=\"btn btn-secondary btn-sm\">Reserva Consultor\u00eda<\/a>\r\n        <\/div>\r\n    <\/header>\r\n    <!-- Hero Section -->\r\n    <section class=\"hero-section\">\r\n        <div class=\"container hero-container\">\r\n            <div class=\"hero-content\">\r\n                <span class=\"badge\">SISTEMA INMOBILIARIO DE CAPTACI\u00d3N<\/span>\r\n                <h1 id=\"main-title\">Capta y vende propiedades cada semana<\/h1>\r\n                <p class=\"hero-subtitle\">Delega tu marketing por 250 d\u00f3lares mensuales. Agenda tu llamada estrat\u00e9gica hoy.<\/p>\r\n                <div class=\"hero-cta-wrapper\">\r\n                    <a href=\"#reservar\" class=\"btn btn-primary btn-lg\" id=\"btn-hero-cta\">Quiero el Sistema de Autoridad Inmobiliaria<\/a>\r\n                    <span class=\"cta-subtext\">Cupos limitados para asesores este mes<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hero-bg-gradient\"><\/div>\r\n    <\/section>\r\n    <!-- Beneficios \/ Comparativa -->\r\n    <section class=\"comparison-section\" id=\"beneficios\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Compra tu tiempo y vende autoridad inmobiliaria<\/h2>\r\n                <p class=\"section-subtitle\">El sistema dise\u00f1ado para asesores inmobiliarios de mediano y alto est\u00e1ndar.<\/p>\r\n            <\/div>\r\n            <!-- Interrupci\u00f3n de Patr\u00f3n -->\r\n            <div class=\"pattern-interrupter\">\r\n                <div class=\"interrupter-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"28\" height=\"28\">\r\n                        <path fill-rule=\"evenodd\" d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z\" clip-rule=\"evenodd\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"interrupter-text\">\r\n                    <strong>MITO INMOBILIARIO:<\/strong> \"Necesitas 50,000 seguidores en redes sociales y bailar frente a la c\u00e1mara para vender propiedades caras\". <strong>LA REALIDAD:<\/strong> La masa busca entretenimiento; los propietarios buscan autoridad. No necesitas ser influencer, necesitas un sistema que rompa objeciones en 5 segundos.\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"comparison-grid\">\r\n                <div class=\"comparison-card before-card\">\r\n                    <h3>Asesor Inmobiliario Tradicional<\/h3>\r\n                    <p class=\"card-status\">Estado Anterior<\/p>\r\n                    <ul class=\"comparison-list\">\r\n                        <li>\r\n                            <svg class=\"icon-danger\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n                            <\/svg>\r\n                            <span>Persigue propietarios con llamadas en fr\u00edo y mensajes invasivos que da\u00f1an su reputaci\u00f3n.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"icon-danger\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n                            <\/svg>\r\n                            <span>Invierte horas diarias lidiando con personas desconfiadas o que no quieren vender.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"icon-danger\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n                            <\/svg>\r\n                            <span>Depende al 100% de portales saturados donde solo se compite bajando la comisi\u00f3n.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"icon-danger\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n                            <\/svg>\r\n                            <span>Siente la incertidumbre constante de no saber de d\u00f3nde vendr\u00e1 su pr\u00f3ximo cliente.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"comparison-card after-card\">\r\n                    <h3>Autoridad Inmobiliaria<\/h3>\r\n                    <p class=\"card-status status-success\">Con Nuestro Sistema<\/p>\r\n                    <ul class=\"comparison-list\">\r\n                        <li>\r\n                            <svg class=\"icon-success\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n                            <\/svg>\r\n                            <span>Los propietarios calificados lo buscan directamente solicitando una consultor\u00eda privada.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"icon-success\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n                            <\/svg>\r\n                            <span>Compra su tiempo delegando la prospecci\u00f3n y se enfoca \u00fanicamente en el cierre de tratos.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"icon-success\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n                            <\/svg>\r\n                            <span>Destaca en el mercado y defiende su comisi\u00f3n demostrando autoridad real antes de la llamada.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"icon-success\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n                            <\/svg>\r\n                            <span>Cuenta con un flujo predecible de prospectos interesados en vender propiedades High-Ticket.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- Qu\u00e9 Ofrecemos -->\r\n    <section class=\"offer-section\" id=\"sistema\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Descubre nuestro Sistema de Autoridad Inmobiliaria Inversa<\/h2>\r\n                <p class=\"section-subtitle\">Todo lo que necesitas para automatizar tu captaci\u00f3n. Te mostramos c\u00f3mo funciona.<\/p>\r\n            <\/div>\r\n            <div class=\"pricing-card\">\r\n                <div class=\"pricing-badge\">Membres\u00eda Mensual Delegable<\/div>\r\n                <div class=\"pricing-flex\">\r\n                    <div class=\"pricing-price-wrapper\">\r\n                        <span class=\"old-price\">$250 USD\/mes<\/span>\r\n                        <span class=\"current-price\">$200 <span class=\"price-period\">USD\/mes<\/span><\/span>\r\n                    <\/div>\r\n                    <div class=\"pricing-cta-text\">\r\n                        <span>* Oferta especial por lanzamiento limitada a los primeros 10 asesores fundadores.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" width=\"32\" height=\"32\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>1. Estructura de Campa\u00f1as de Tr\u00e1fico Pago<\/h3>\r\n                    <p>Configuraci\u00f3n profesional y optimizaci\u00f3n semanal de tus anuncios en Meta Ads. Dise\u00f1ado espec\u00edficamente para asesores que invierten $400 USD\/mes en publicidad y buscan captar propiedades exclusivas.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" width=\"32\" height=\"32\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>2. Guiones \"Listo para Grabar\"<\/h3>\r\n                    <p>Guiones de video vertical corto (Reels\/TikTok) estructurados para enganchar al propietario ideal en los primeros 5 segundos.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" width=\"32\" height=\"32\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>3. Carruseles de Propiedades High-Ticket<\/h3>\r\n                    <p>Dise\u00f1o e implementaci\u00f3n de plantillas visuales premium para tus propiedades de gama alta.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" width=\"32\" height=\"32\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.03 0 1.9.693 2.166 1.638m-7.377 12.408h-3.578a1.5 1.5 0 01-1.5-1.5V6a1.5 1.5 0 011.5-1.5h3.578m12 0L21 6.108V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18V6M15 12H9\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>4. Reporte Mensual de KPIs<\/h3>\r\n                    <p>Reportes claros de rendimiento y retorno de inversi\u00f3n (ROI) analizados semanalmente.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- Sobre M\u00ed - Nuevo Dise\u00f1o Centrado Sin Foto -->\r\n    <section class=\"about-section\" id=\"sobre-mi\">\r\n        <div class=\"container about-container\">\r\n            <div class=\"about-content\">\r\n                <span class=\"badge\">EL CREADOR DEL SISTEMA<\/span>\r\n                <h2>Hola, soy Michael Daza<\/h2>\r\n                <p>Soy experto en publicidad paga y he invertido m\u00e1s de 1 mill\u00f3n de d\u00f3lares en pauta digital para distintas empresas. Trabajo con mis clientes del sector inmobiliario apoyado en pilares fundamentales: enfoque anal\u00edtico en los n\u00fameros, seriedad en la ejecuci\u00f3n y transparencia absoluta en cada paso.<\/p>\r\n                <p class=\"highlight-text\">Mi prop\u00f3sito es directo: <strong>comprar tu tiempo y vender tu autoridad<\/strong>. Cre\u00e9 este sistema para que dejes de perseguir clientes en fr\u00edo, dejes de perder tiempo intentando ser influencer, y te dediques 100% a lo que sabes hacer: cerrar ventas.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- Reserva -->\r\n    <section class=\"booking-section\" id=\"reservar\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header booking-header\">\r\n                <h2>Toma el control de tu agenda y tu facturaci\u00f3n<\/h2>\r\n                <p class=\"section-subtitle\">Selecciona un espacio en el calendario de abajo para tener una consultor\u00eda uno a uno de 15 minutos.<\/p>\r\n            <\/div>\r\n            <!-- Calendario Interactivo -->\r\n            <div class=\"calendar-card\" id=\"calendar-widget\">\r\n                <div class=\"calendar-header\">\r\n                    <button class=\"calendar-nav\" id=\"prev-week\">&larr; Anterior<\/button>\r\n                    <h3 id=\"current-month-year\">Mes A\u00f1o<\/h3>\r\n                    <button class=\"calendar-nav\" id=\"next-week\">Siguiente &rarr;<\/button>\r\n                <\/div>\r\n                <div class=\"calendar-days-grid\" id=\"days-grid\">\r\n                    <!-- Din\u00e1mico -->\r\n                <\/div>\r\n                <div class=\"calendar-hours-section\">\r\n                    <h4>Horas Disponibles (Zona Horaria Local)<\/h4>\r\n                    <div class=\"calendar-hours-grid\" id=\"hours-grid\">\r\n                        <p class=\"select-day-prompt\">Selecciona un d\u00eda en el calendario para ver los horarios.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"calendar-disclaimer\">\r\n                    <p><strong>Sugerencia:<\/strong> Aseg\u00farate de contar con una buena conexi\u00f3n a internet para nuestra sesi\u00f3n.<\/p>\r\n                <\/div>\r\n                <!-- Confirmaci\u00f3n y WhatsApp CTA -->\r\n                <div class=\"booking-confirmation-panel\" id=\"confirmation-panel\" style=\"display: none;\">\r\n                    <div class=\"confirmation-details\">\r\n                        <p>Cita seleccionada: <strong id=\"selected-date-text\">Lunes, 12 de Octubre<\/strong> a las <strong id=\"selected-time-text\">10:00 A.M.<\/strong><\/p>\r\n                    <\/div>\r\n                    <button class=\"btn btn-success btn-lg\" id=\"btn-whatsapp-cta\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" fill=\"currentColor\" width=\"20\" height=\"20\" style=\"margin-right: 8px;\">\r\n                            <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L3 472l111-29.1c32.6 17.8 69 27.2 106.4 27.2 122.4 0 222-99.6 222-222 0-59.3-23-115.1-64.9-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\r\n                        <\/svg>\r\n                        Confirmar Reserva por WhatsApp\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- Footer -->\r\n    <footer class=\"main-footer\">\r\n        <div class=\"container footer-container\">\r\n            <p>&copy; 2026 puroconia.agency. Todos los derechos reservados.<\/p>\r\n            <div class=\"footer-links\">\r\n                <a href=\"#beneficios\">Beneficios<\/a>\r\n                <a href=\"#sistema\">El Sistema<\/a>\r\n                <a href=\"#sobre-mi\">Acerca de Michael Daza<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n<\/div>\r\n<!-- L\u00d3GICA DE JAVASCRIPT -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        const CONFIG = {\r\n            whatsappNumber: \"584128557713\",\r\n            coachName: \"Michael Daza\"\r\n        };\r\n        const HOURS = [\r\n            \"08:00 A.M.\", \"09:00 A.M.\", \"10:00 A.M.\", \"11:00 A.M.\", \r\n            \"12:00 P.M.\", \"01:00 P.M.\", \"02:00 P.M.\", \"03:00 P.M.\", \r\n            \"04:00 P.M.\", \"05:00 P.M.\", \"06:00 P.M.\"\r\n        ];\r\n        const currentMonthYearEl = document.getElementById(\"current-month-year\");\r\n        const daysGridEl = document.getElementById(\"days-grid\");\r\n        const hoursGridEl = document.getElementById(\"hours-grid\");\r\n        const confirmationPanelEl = document.getElementById(\"confirmation-panel\");\r\n        const selectedDateTextEl = document.getElementById(\"selected-date-text\");\r\n        const selectedTimeTextEl = document.getElementById(\"selected-time-text\");\r\n        const btnWhatsappCtaEl = document.getElementById(\"btn-whatsapp-cta\");\r\n        \r\n        const prevWeekBtn = document.getElementById(\"prev-week\");\r\n        const nextWeekBtn = document.getElementById(\"next-week\");\r\n        let selectedDate = null;\r\n        let selectedTime = null;\r\n        let currentWeekOffset = 0;\r\n        const DAY_NAMES = [\"Domingo\", \"Lunes\", \"Martes\", \"Mi\u00e9rcoles\", \"Jueves\", \"Viernes\", \"S\u00e1bado\"];\r\n        const MONTH_NAMES = [\r\n            \"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \r\n            \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"\r\n        ];\r\n        function generateDays() {\r\n            daysGridEl.innerHTML = \"\";\r\n            const today = new Date();\r\n            const currentDayOfWeek = today.getDay();\r\n            \r\n            let daysToMonday = 1 - currentDayOfWeek;\r\n            if (currentDayOfWeek === 0) daysToMonday = 1;\r\n            if (currentDayOfWeek === 6) daysToMonday = 2;\r\n            \r\n            const startOfWeek = new Date(today);\r\n            startOfWeek.setDate(today.getDate() + daysToMonday + (currentWeekOffset * 7));\r\n            const endOfWeek = new Date(startOfWeek);\r\n            endOfWeek.setDate(startOfWeek.getDate() + 4);\r\n            \r\n            if (startOfWeek.getMonth() === endOfWeek.getMonth()) {\r\n                currentMonthYearEl.textContent = `${MONTH_NAMES[startOfWeek.getMonth()]} ${startOfWeek.getFullYear()}`;\r\n            } else {\r\n                currentMonthYearEl.textContent = `${MONTH_NAMES[startOfWeek.getMonth()]} \/ ${MONTH_NAMES[endOfWeek.getMonth()]} ${startOfWeek.getFullYear()}`;\r\n            }\r\n            for (let i = 0; i < 5; i++) {\r\n                const date = new Date(startOfWeek);\r\n                date.setDate(startOfWeek.getDate() + i);\r\n                const isPast = date < new Date(today.setHours(0, 0, 0, 0));\r\n                const dayCol = document.createElement(\"div\");\r\n                dayCol.className = \"calendar-day-col\";\r\n                if (isPast) {\r\n                    dayCol.classList.add(\"disabled\");\r\n                    dayCol.style.opacity = \"0.3\";\r\n                    dayCol.style.cursor = \"not-allowed\";\r\n                    dayCol.style.pointerEvents = \"none\";\r\n                }\r\n                const dayName = DAY_NAMES[date.getDay()];\r\n                const dayNumber = date.getDate();\r\n                dayCol.innerHTML = `\r\n                    <span class=\"day-name\">${dayName.substring(0, 3)}<\/span>\r\n                    <span class=\"day-number\">${dayNumber}<\/span>\r\n                `;\r\n                if (selectedDate && date.toDateString() === selectedDate.toDateString()) {\r\n                    dayCol.classList.add(\"selected\");\r\n                }\r\n                if (!isPast) {\r\n                    dayCol.addEventListener(\"click\", () => {\r\n                        document.querySelectorAll(\".calendar-day-col\").forEach(col => {\r\n                            col.classList.remove(\"selected\");\r\n                        });\r\n                        dayCol.classList.add(\"selected\");\r\n                        selectedDate = date;\r\n                        selectedTime = null;\r\n                        confirmationPanelEl.style.display = \"none\";\r\n                        renderHours();\r\n                    });\r\n                }\r\n                daysGridEl.appendChild(dayCol);\r\n            }\r\n        }\r\n        function renderHours() {\r\n            hoursGridEl.innerHTML = \"\";\r\n            \r\n            if (!selectedDate) {\r\n                hoursGridEl.innerHTML = `<p class=\"select-day-prompt\">Selecciona un d\u00eda en el calendario para ver los horarios.<\/p>`;\r\n                return;\r\n            }\r\n            HOURS.forEach(hour => {\r\n                const hourBtn = document.createElement(\"button\");\r\n                hourBtn.className = \"hour-btn\";\r\n                hourBtn.textContent = hour;\r\n                if (selectedTime === hour) {\r\n                    hourBtn.classList.add(\"selected\");\r\n                }\r\n                hourBtn.addEventListener(\"click\", () => {\r\n                    document.querySelectorAll(\".hour-btn\").forEach(btn => {\r\n                        btn.classList.remove(\"selected\");\r\n                    });\r\n                    hourBtn.classList.add(\"selected\");\r\n                    selectedTime = hour;\r\n                    showConfirmation();\r\n                });\r\n                hoursGridEl.appendChild(hourBtn);\r\n            });\r\n        }\r\n        function showConfirmation() {\r\n            if (!selectedDate || !selectedTime) return;\r\n            const dayName = DAY_NAMES[selectedDate.getDay()];\r\n            const dayNum = selectedDate.getDate();\r\n            const monthName = MONTH_NAMES[selectedDate.getMonth()];\r\n            const dateFormatted = `${dayName}, ${dayNum} de ${monthName}`;\r\n            selectedDateTextEl.textContent = dateFormatted;\r\n            selectedTimeTextEl.textContent = selectedTime;\r\n            confirmationPanelEl.style.display = \"flex\";\r\n            confirmationPanelEl.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n        }\r\n        prevWeekBtn.addEventListener(\"click\", () => {\r\n            if (currentWeekOffset > 0) {\r\n                currentWeekOffset--;\r\n                generateDays();\r\n                renderHours();\r\n            }\r\n        });\r\n        nextWeekBtn.addEventListener(\"click\", () => {\r\n            if (currentWeekOffset < 3) {\r\n                currentWeekOffset++;\r\n                generateDays();\r\n                renderHours();\r\n            }\r\n        });\r\n        btnWhatsappCtaEl.addEventListener(\"click\", () => {\r\n            if (!selectedDate || !selectedTime) return;\r\n            const dayName = DAY_NAMES[selectedDate.getDay()];\r\n            const dayNum = selectedDate.getDate();\r\n            const monthName = MONTH_NAMES[selectedDate.getMonth()];\r\n            \r\n            const dayText = `${dayName} ${dayNum} de ${monthName}`;\r\n            const messageText = `Hola ${CONFIG.coachName}, acabo de agendar mi cita para el d\u00eda ${dayText} a las ${selectedTime}. Mi objetivo es implementar el Sistema de Autoridad Inmobiliaria en mi negocio. \u00a1Quedo atento\/a para nuestra sesi\u00f3n!`;\r\n            \r\n            const encodedMessage = encodeURIComponent(messageText);\r\n            const whatsappUrl = `https:\/\/wa.me\/${CONFIG.whatsappNumber}?text=${encodedMessage}`;\r\n            \r\n            window.open(whatsappUrl, \"_blank\");\r\n        });\r\n        generateDays();\r\n        renderHours();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\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>puroconia.agency Reserva Consultor\u00eda SISTEMA INMOBILIARIO DE CAPTACI\u00d3N Capta y vende propiedades cada semana Delega tu marketing por 250 d\u00f3lares mensuales. Agenda tu llamada estrat\u00e9gica hoy. Quiero el Sistema de Autoridad Inmobiliaria Cupos limitados para asesores este mes Compra tu tiempo y vende autoridad inmobiliaria El sistema dise\u00f1ado para asesores inmobiliarios de mediano y alto est\u00e1ndar. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/puroconia.agency\/index.php?rest_route=\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/puroconia.agency\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/puroconia.agency\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/puroconia.agency\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/puroconia.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":4,"href":"https:\/\/puroconia.agency\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/puroconia.agency\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/puroconia.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}