{"id":1994,"date":"2024-03-22T13:51:39","date_gmt":"2024-03-22T13:51:39","guid":{"rendered":"https:\/\/itcroctheme.com\/cresta\/wp\/?page_id=1994"},"modified":"2026-07-25T06:51:12","modified_gmt":"2026-07-25T06:51:12","slug":"contacto","status":"publish","type":"page","link":"https:\/\/assistyu.com\/es\/contact\/","title":{"rendered":"Cont\u00e1ctanos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1994\" class=\"elementor elementor-1994\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd1f10e e-con-full e-flex e-con e-parent\" data-id=\"dd1f10e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d2c66 elementor-widget elementor-widget-html\" data-id=\"b8d2c66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>AssistYu \u2014 Contact<\/title>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n\n    <style>\n        \/* ============================================================\n           EXACT AYU SCHEMA \u2014 Background Layers (from reference)\n           ============================================================ *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --ayu-bg-deep: #060815;\n            --ayu-bg-navy: #090d24;\n            --ayu-bg-navy-2: #0b1130;\n            --ayu-text-primary: #ffffff;\n            --ayu-text-secondary: #d4daff;\n            --ayu-text-tertiary: #bcc4f0;\n            --glass-border: rgba(79, 110, 247, 0.15);\n            --border: rgba(79, 110, 247, 0.18);\n            --border-strong: rgba(79, 110, 247, 0.30);\n            --cyan: #4f6ef7;\n            --blue: #4f6ef7;\n            --violet: #8a6bff;\n            --danger: #ff3d68;\n            --safe: #22e6a8;\n            --amber: #ffb84d;\n            --font-display: 'Space Grotesk', sans-serif;\n            --font-body: 'Inter', sans-serif;\n            --font-mono: 'JetBrains Mono', monospace;\n        }\n\n        html,\n        body {\n            min-height: 100vh;\n            background: #060815;\n            color: var(--ayu-text-primary);\n            font-family: var(--font-body);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            text-rendering: optimizeLegibility;\n            position: relative;\n            isolation: isolate;\n            overflow-x: hidden;\n        }\n\n        ::selection {\n            background: var(--cyan);\n            color: #04060d;\n        }\n\n        \/* \u2500\u2500 PAGE BACKGROUND \u2500\u2500 *\/\n        .page-bg {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            pointer-events: none;\n            background: linear-gradient(180deg, #060815 0%, #060815 20%, #090d24 50%, #060815 80%, #060815 100%);\n        }\n\n        \/* \u2500\u2500 BACKGROUND LAYERS \u2500\u2500 *\/\n        .bg-layers {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            pointer-events: none;\n            mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\n            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\n        }\n\n        .ayu-bg-world {\n            position: fixed;\n            inset: 0;\n            background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/scan-network-scaled.jpeg?w=1600&q=80');\n            background-size: cover;\n            background-position: center;\n            opacity: 0.10;\n            mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\n            -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\n        }\n\n        .ayu-bg-dots {\n            position: absolute;\n            inset: 0;\n            background-image: radial-gradient(circle at 1px 1px, rgba(79, 110, 247, 0.08) 1px, transparent 1px);\n            background-size: 48px 48px;\n            mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);\n            -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);\n        }\n\n        .ayu-bg-glow {\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(ellipse 50% 40% at 15% 15%, rgba(79, 110, 247, 0.12), transparent 55%),\n                radial-gradient(ellipse 35% 30% at 50% 50%, rgba(236, 72, 153, 0.04), transparent 60%),\n                radial-gradient(ellipse 50% 40% at 70% 20%, rgba(34, 211, 238, 0.06), transparent 50%);\n        }\n\n        .ayu-bg-orb-1 {\n            position: absolute;\n            width: 400px;\n            height: 400px;\n            top: 10%;\n            left: 5%;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(79, 110, 247, 0.06) 0%, transparent 70%);\n            animation: ayuOrbFloat1 20s ease-in-out infinite;\n        }\n\n        .ayu-bg-orb-2 {\n            position: absolute;\n            width: 300px;\n            height: 300px;\n            bottom: 15%;\n            right: 10%;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(139, 92, 246, 0.06) 0%, transparent 70%);\n            animation: ayuOrbFloat2 25s ease-in-out infinite;\n        }\n\n        @keyframes ayuOrbFloat1 {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            33% { transform: translate(30px, -20px) scale(1.05); }\n            66% { transform: translate(-15px, 15px) scale(0.95); }\n        }\n\n        @keyframes ayuOrbFloat2 {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            33% { transform: translate(-20px, 25px) scale(1.08); }\n            66% { transform: translate(25px, -10px) scale(0.92); }\n        }\n\n        .ayu-content-overlay {\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* ============================================================\n           CONTACT SECTION \u2014 EXACT 130PX TOP PADDING & 85% GLOBAL WIDTH\n           ============================================================ *\/\n        .elite-contact-section {\n            font-family: var(--font-body);\n            position: relative;\n            width: 100%;\n            padding: 130px 0 4rem; \/* EXACTLY 130PX TOP INTERIOR PADDING FOR EMBEDDING *\/\n            margin: 0;\n            box-sizing: border-box;\n            min-height: 100vh;\n        }\n\n        @media (max-width: 900px) {\n            .elite-contact-section {\n                padding-top: 130px;\n                padding-bottom: 3rem;\n            }\n        }\n\n        \/* ---- Floating decorative shapes ---- *\/\n        .floating-shapes {\n            position: absolute;\n            inset: 0;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .shape {\n            position: absolute;\n            font-size: 1.2rem;\n            opacity: 0.05;\n            color: var(--cyan);\n            animation: floatShape 20s infinite ease-in-out;\n        }\n\n        .shape-1 { top: 10%; left: 3%; font-size: 2rem; animation-duration: 18s; }\n        .shape-2 { top: 75%; left: 88%; font-size: 1.8rem; animation-duration: 22s; }\n        .shape-3 { top: 35%; left: 90%; font-size: 1.5rem; animation-duration: 20s; }\n        .shape-4 { top: 85%; left: 5%; font-size: 1.6rem; animation-duration: 25s; }\n        .shape-5 { top: 20%; left: 92%; font-size: 1.3rem; animation-duration: 19s; }\n        .shape-6 { top: 50%; left: 2%; font-size: 1.7rem; animation-duration: 23s; }\n\n        @keyframes floatShape {\n            0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.04; }\n            33% { transform: translateY(-20px) rotate(8deg); opacity: 0.08; }\n            66% { transform: translateY(15px) rotate(-4deg); opacity: 0.06; }\n        }\n\n        \/* GLOBAL WIDTH SET TO 100% AND 85% MAX-WIDTH AS REQUESTED *\/\n        .elite-container {\n            width: 100%;\n            max-width: 85%;\n            margin: 0 auto;\n            position: relative;\n            z-index: 10;\n        }\n\n        \/* ---- HEADER ---- *\/\n        .elite-header {\n            text-align: center;\n            margin-bottom: 3rem;\n            animation: fadeUp .7s cubic-bezier(.2, .8, .2, 1);\n        }\n\n        @keyframes fadeUp {\n            from { opacity: 0; transform: translateY(18px); }\n            to { opacity: 1; transform: none; }\n        }\n\n        .header-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(79, 110, 247, 0.1);\n            backdrop-filter: blur(8px);\n            padding: 0.4rem 1.4rem;\n            border-radius: 40px;\n            font-size: 10px;\n            font-weight: 600;\n            letter-spacing: 2px;\n            color: #c3caff;\n            border: 0.5px solid rgba(129, 140, 248, 0.25);\n            margin-bottom: 1.2rem;\n            font-family: var(--font-mono);\n            text-transform: uppercase;\n        }\n\n        .header-badge i {\n            color: var(--cyan);\n        }\n\n        .header-title {\n            font-family: var(--font-display);\n            font-size: clamp(28px, 4.4vw, 44px);\n            font-weight: 700;\n            color: var(--ayu-text-primary);\n            margin-bottom: 0.5rem;\n            letter-spacing: -0.015em;\n            line-height: 1.15;\n        }\n\n        .gradient-fire {\n            background: linear-gradient(120deg, var(--cyan), var(--violet), #f472b6);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n        }\n\n        .header-divider {\n            width: 70px;\n            height: 2px;\n            background: linear-gradient(90deg, var(--cyan), var(--violet));\n            margin: 1rem auto;\n            border-radius: 4px;\n        }\n\n        .header-sub {\n            color: var(--ayu-text-secondary);\n            font-size: 15.5px;\n            max-width: 520px;\n            margin: 0 auto;\n            font-weight: 400;\n            line-height: 1.5;\n        }\n\n        \/* ---- SUPPORT BANNERS (glass) ---- *\/\n        .support-banner {\n            background: linear-gradient(135deg, rgba(9, 13, 36, 0.92), rgba(6, 8, 21, 0.95));\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border-radius: 1.5rem;\n            border: 1px solid var(--glass-border);\n            margin-bottom: 2rem;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.35s cubic-bezier(.2, .8, .2, 1);\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n        }\n\n        .support-banner:hover {\n            border-color: rgba(79, 110, 247, 0.4);\n            transform: translateY(-3px);\n            box-shadow: 0 16px 40px -12px rgba(79, 110, 247, 0.25);\n        }\n\n        .banner-glow {\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at 0% 0%, rgba(79, 110, 247, 0.10), transparent 70%);\n            pointer-events: none;\n        }\n\n        .knowledge-glow {\n            background: radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.10), transparent 70%);\n        }\n\n        .banner-inner {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            padding: 20px 24px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .banner-left {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            flex: 2;\n            min-width: 280px;\n        }\n\n        .banner-icon {\n            width: 52px;\n            height: 52px;\n            background: linear-gradient(145deg, rgba(79, 110, 247, 0.12), rgba(138, 107, 255, 0.12));\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            color: var(--cyan);\n            flex-shrink: 0;\n            position: relative;\n            border: 1px solid rgba(79, 110, 247, 0.2);\n            box-shadow: 0 0 10px rgba(79, 110, 247, 0.2);\n        }\n\n        .pulse-dot {\n            position: absolute;\n            top: -3px;\n            right: -3px;\n            width: 10px;\n            height: 10px;\n            background: var(--safe);\n            border-radius: 50%;\n            border: 2px solid #05070f;\n            animation: pulseDot 1.5s infinite;\n        }\n\n        @keyframes pulseDot {\n            0%, 100% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.3); opacity: 0.7; }\n        }\n\n        .knowledge-icon {\n            background: linear-gradient(145deg, rgba(34, 211, 238, 0.12), rgba(79, 110, 247, 0.12));\n            border-color: rgba(34, 211, 238, 0.2);\n        }\n\n        .banner-text h3 {\n            font-family: var(--font-display);\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--ayu-text-primary);\n            margin-bottom: 0.2rem;\n        }\n\n        .banner-text p {\n            color: var(--ayu-text-secondary);\n            font-size: 0.85rem;\n            margin-bottom: 0.6rem;\n            line-height: 1.4;\n        }\n\n        .banner-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.8rem;\n        }\n\n        .banner-tags span {\n            font-size: 0.7rem;\n            color: var(--ayu-text-tertiary);\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            background: rgba(79, 110, 247, 0.06);\n            padding: 0.2rem 0.7rem;\n            border-radius: 20px;\n            border: 1px solid rgba(79, 110, 247, 0.08);\n            font-family: var(--font-mono);\n            text-transform: uppercase;\n            font-weight: 600;\n        }\n\n        .banner-tags i {\n            font-size: 0.6rem;\n            color: var(--safe);\n        }\n\n        .banner-right {\n            text-align: right;\n            flex-shrink: 0;\n        }\n\n        .call-btn,\n        .docs-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(8px);\n            padding: 10px 24px;\n            border-radius: 50px;\n            font-size: 15px;\n            font-weight: 700;\n            color: var(--ayu-text-primary);\n            text-decoration: none;\n            border: 1px solid rgba(34, 230, 168, 0.35);\n            transition: all 0.25s;\n            white-space: nowrap;\n            font-family: var(--font-display);\n        }\n\n        .docs-btn {\n            border-color: rgba(34, 211, 238, 0.35);\n        }\n\n        .call-btn:hover {\n            background: rgba(34, 230, 168, 0.10);\n            transform: scale(1.02);\n            border-color: var(--safe);\n        }\n\n        .docs-btn:hover {\n            background: rgba(34, 211, 238, 0.10);\n            transform: scale(1.02);\n            border-color: #06b6d4;\n        }\n\n        .hours-badge,\n        .update-badge {\n            font-size: 0.65rem;\n            color: var(--ayu-text-tertiary);\n            margin-top: 0.5rem;\n            font-family: var(--font-mono);\n            font-weight: 600;\n        }\n\n        \/* ---- DUAL PANEL ---- *\/\n        .dual-panel {\n            display: grid;\n            grid-template-columns: 1fr 1.25fr;\n            gap: 1.8rem;\n            margin-bottom: 2rem;\n            align-items: stretch;\n        }\n\n        @media (max-width: 900px) {\n            .dual-panel {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n        }\n\n        \/* ---- DARK INFO PANEL (glass) ---- *\/\n        .dark-info-panel {\n            background: linear-gradient(150deg, rgba(9, 13, 36, 0.92), rgba(6, 8, 21, 0.88));\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border-radius: 1.5rem;\n            padding: 2rem;\n            border: 1px solid var(--glass-border);\n            position: relative;\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n            transition: border-color 0.3s;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .dark-info-panel:hover {\n            border-color: rgba(79, 110, 247, 0.25);\n        }\n\n        .info-accent {\n            position: absolute;\n            top: 0;\n            left: 1.5rem;\n            width: 50px;\n            height: 3px;\n            background: linear-gradient(90deg, var(--cyan), var(--violet));\n            border-radius: 3px;\n        }\n\n        .info-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(79, 110, 247, 0.08);\n            padding: 0.25rem 0.8rem;\n            border-radius: 20px;\n            font-size: 0.65rem;\n            font-weight: 700;\n            letter-spacing: 1px;\n            color: var(--ayu-text-tertiary);\n            margin-bottom: 1rem;\n            font-family: var(--font-mono);\n            text-transform: uppercase;\n            border: 1px solid rgba(79, 110, 247, 0.08);\n        }\n\n        .info-badge i {\n            color: var(--cyan);\n        }\n\n        .dark-info-panel h3 {\n            font-family: var(--font-display);\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--ayu-text-primary);\n            margin-bottom: 0.8rem;\n            line-height: 1.25;\n        }\n\n        .text-glow {\n            background: linear-gradient(135deg, var(--violet), var(--cyan));\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n        }\n\n        .info-desc {\n            color: var(--ayu-text-secondary);\n            font-size: 0.88rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n        }\n\n        .contact-list {\n            display: flex;\n            flex-direction: column;\n            gap: 1.2rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .contact-row {\n            display: flex;\n            gap: 1rem;\n            align-items: flex-start;\n        }\n\n        .contact-icon {\n            width: 38px;\n            height: 38px;\n            background: rgba(79, 110, 247, 0.08);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--cyan);\n            font-size: 0.95rem;\n            flex-shrink: 0;\n            border: 1px solid rgba(79, 110, 247, 0.06);\n            box-shadow: 0 0 10px rgba(79, 110, 247, 0.1);\n        }\n\n        .contact-detail strong {\n            color: var(--ayu-text-primary);\n            font-size: 0.88rem;\n            display: block;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .contact-detail span,\n        .contact-detail a {\n            color: var(--ayu-text-secondary);\n            font-size: 0.8rem;\n            text-decoration: none;\n            transition: color 0.2s;\n            margin-top: 2px;\n            display: inline-block;\n        }\n\n        .contact-detail a:hover {\n            color: var(--cyan);\n        }\n\n        .emergency-number {\n            color: var(--danger) !important;\n            font-weight: 700;\n        }\n\n        .emergency-label {\n            font-size: 0.65rem;\n            color: var(--danger) !important;\n            margin-left: 4px;\n            opacity: 0.85;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n\n        .emergency-icon {\n            background: rgba(255, 61, 104, 0.10);\n            color: var(--danger);\n            border-color: rgba(255, 61, 104, 0.15);\n            box-shadow: 0 0 10px rgba(255, 61, 104, 0.15);\n        }\n\n        .hours-card {\n            display: flex;\n            gap: 1rem;\n            background: rgba(255, 255, 255, 0.02);\n            padding: 1rem 1.2rem;\n            border-radius: 1.2rem;\n            margin: 1.5rem 0;\n            border: 1px solid rgba(79, 110, 247, 0.04);\n            align-items: center;\n        }\n\n        .hours-card i {\n            font-size: 1.3rem;\n            color: var(--cyan);\n            flex-shrink: 0;\n        }\n\n        .hours-details strong {\n            color: var(--ayu-text-primary);\n            font-size: 0.85rem;\n            display: block;\n            font-weight: 600;\n        }\n\n        .hours-details span {\n            color: var(--ayu-text-secondary);\n            font-size: 0.75rem;\n            display: block;\n            margin-top: 2px;\n        }\n\n        .weekend-info {\n            color: var(--ayu-text-tertiary) !important;\n            font-size: 0.7rem !important;\n            opacity: 0.7;\n        }\n\n        .social-footer {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 1rem;\n            padding-top: 1.2rem;\n            border-top: 1px solid rgba(79, 110, 247, 0.08);\n            margin-top: auto;\n        }\n\n        .social-text {\n            color: var(--ayu-text-secondary);\n            font-size: 0.8rem;\n            font-weight: 600;\n        }\n\n        .social-icons-group {\n            display: flex;\n            gap: 0.6rem;\n        }\n\n        .social-icons-group a {\n            width: 34px;\n            height: 34px;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--ayu-text-tertiary);\n            text-decoration: none;\n            font-size: 0.9rem;\n            transition: all 0.25s;\n            border: 1px solid rgba(79, 110, 247, 0.04);\n        }\n\n        .social-icons-group a:hover {\n            background: rgba(79, 110, 247, 0.12);\n            color: var(--cyan);\n            transform: translateY(-2px);\n            border-color: rgba(79, 110, 247, 0.15);\n        }\n\n        \/* ---- FORM PANEL (glass) ---- *\/\n        .white-form-panel {\n            background: linear-gradient(150deg, rgba(9, 13, 36, 0.92), rgba(6, 8, 21, 0.88));\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border-radius: 1.5rem;\n            padding: 2rem;\n            border: 1px solid var(--glass-border);\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n            transition: border-color 0.3s;\n        }\n\n        .white-form-panel:hover {\n            border-color: rgba(79, 110, 247, 0.25);\n        }\n\n        .form-header {\n            text-align: center;\n            margin-bottom: 1.8rem;\n        }\n\n        .form-header i {\n            font-size: 1.8rem;\n            color: var(--cyan);\n            margin-bottom: 0.5rem;\n        }\n\n        .form-header h3 {\n            font-family: var(--font-display);\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--ayu-text-primary);\n        }\n\n        .form-header p {\n            font-size: 0.8rem;\n            color: var(--ayu-text-secondary);\n            margin-top: 4px;\n        }\n\n        .form-row-2 {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n        }\n\n        @media (max-width: 640px) {\n            .form-row-2 {\n                grid-template-columns: 1fr;\n                gap: 0;\n            }\n        }\n\n        .input-group {\n            margin-bottom: 1rem;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .input-group label {\n            display: block;\n            font-size: 0.72rem;\n            font-weight: 700;\n            color: var(--ayu-text-secondary);\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n        }\n\n        .input-group label i {\n            margin-right: 6px;\n            color: var(--cyan);\n            font-size: 0.75rem;\n        }\n\n        .input-group input,\n        .input-group select,\n        .input-group textarea {\n            width: 100%;\n            padding: 13px 16px;\n            border: 1px solid rgba(79, 110, 247, 0.15);\n            border-radius: 12px;\n            font-size: 14px;\n            font-family: var(--font-body);\n            background: rgba(255, 255, 255, 0.03);\n            color: var(--ayu-text-primary);\n            transition: all 0.25s ease;\n            outline: none;\n        }\n\n        .input-group input::placeholder,\n        .input-group textarea::placeholder {\n            color: var(--ayu-text-tertiary);\n            opacity: 0.5;\n        }\n\n        .input-group input:focus,\n        .input-group select:focus,\n        .input-group textarea:focus {\n            border-color: var(--cyan);\n            box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.08);\n            background: rgba(255, 255, 255, 0.05);\n        }\n\n        .input-group select {\n            cursor: pointer;\n            -webkit-appearance: none;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%23bcc4f0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 16px center;\n            background-size: 16px;\n            padding-right: 48px;\n        }\n\n        .input-group select option {\n            background: #090d24;\n            color: var(--ayu-text-primary);\n        }\n\n        .phone-wrapper {\n            display: flex;\n            gap: 0.8rem;\n            align-items: center;\n        }\n\n        @media (max-width: 480px) {\n            .phone-wrapper {\n                flex-direction: column;\n                align-items: stretch;\n            }\n        }\n\n        .country-selector {\n            position: relative;\n            flex-shrink: 0;\n        }\n\n        .country-btn {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 13px 14px;\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(79, 110, 247, 0.15);\n            border-radius: 12px;\n            cursor: pointer;\n            font-size: 14px;\n            color: var(--ayu-text-primary);\n            transition: all 0.25s;\n            font-family: var(--font-body);\n        }\n\n        .country-btn:hover {\n            border-color: rgba(79, 110, 247, 0.3);\n            background: rgba(255, 255, 255, 0.05);\n        }\n\n        .country-btn img {\n            width: 20px;\n            height: 14px;\n            border-radius: 2px;\n            object-fit: cover;\n        }\n\n        .country-dropdown {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            margin-top: 6px;\n            background: #090d24;\n            border-radius: 12px;\n            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65);\n            border: 1px solid rgba(79, 110, 247, 0.15);\n            width: 280px;\n            max-height: 280px;\n            overflow: hidden;\n            z-index: 100;\n            display: none;\n        }\n\n        .country-dropdown.show {\n            display: block;\n            animation: fadeUp .25s var(--ease);\n        }\n\n        .dropdown-search {\n            padding: 8px;\n            border-bottom: 1px solid rgba(79, 110, 247, 0.08);\n            background: rgba(0,0,0,0.2);\n        }\n\n        .dropdown-search input {\n            width: 100%;\n            padding: 8px 12px;\n            border: 1px solid rgba(79, 110, 247, 0.12);\n            border-radius: 20px;\n            font-size: 12px;\n            background: rgba(255, 255, 255, 0.03);\n            color: var(--ayu-text-primary);\n            outline: none;\n        }\n\n        .dropdown-search input:focus {\n            border-color: var(--cyan);\n        }\n\n        .dropdown-search input::placeholder {\n            color: var(--ayu-text-tertiary);\n            opacity: 0.5;\n        }\n\n        .country-list {\n            max-height: 200px;\n            overflow-y: auto;\n        }\n\n        .country-option {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 8px 14px;\n            cursor: pointer;\n            font-size: 13px;\n            color: var(--ayu-text-secondary);\n            transition: background 0.2s;\n        }\n\n        .country-option:hover {\n            background: rgba(79, 110, 247, 0.06);\n            color: #fff;\n        }\n\n        .country-option img {\n            width: 18px;\n            height: 12px;\n            border-radius: 2px;\n            object-fit: cover;\n        }\n\n        .country-name {\n            flex: 1;\n            color: var(--ayu-text-primary);\n        }\n\n        .country-code {\n            font-weight: 700;\n            color: var(--cyan);\n            font-family: var(--font-mono);\n        }\n\n        .checkbox-group {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin: 16px 0;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .checkbox-group input {\n            width: 16px;\n            height: 16px;\n            accent-color: var(--cyan);\n            cursor: pointer;\n        }\n\n        .checkbox-group label {\n            font-size: 13px;\n            color: var(--ayu-text-secondary);\n            cursor: pointer;\n        }\n\n        .checkbox-group a {\n            color: var(--cyan);\n            text-decoration: none;\n            font-weight: 600;\n        }\n\n        .checkbox-group a:hover {\n            text-decoration: underline;\n        }\n\n        .send-btn {\n            background: linear-gradient(95deg, rgba(79, 110, 247, 0.2), rgba(138, 107, 255, 0.16));\n            color: var(--ayu-text-primary);\n            border: 1px solid rgba(79, 110, 247, 0.4);\n            padding: 14px;\n            border-radius: 999px;\n            font-size: 15px;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(.2, .8, .2, 1);\n            width: 100%;\n            font-family: var(--font-display);\n            box-shadow: 0 4px 24px rgba(79, 110, 247, 0.12);\n        }\n\n        .send-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 32px rgba(79, 110, 247, 0.25);\n            border-color: rgba(79, 110, 247, 0.6);\n            background: linear-gradient(95deg, rgba(79, 110, 247, 0.28), rgba(138, 107, 255, 0.22));\n        }\n\n        .send-btn i {\n            color: var(--cyan);\n        }\n\n        .form-status {\n            margin-top: 10px;\n            text-align: center;\n            font-size: 13px;\n            color: var(--ayu-text-secondary);\n        }\n\n        \/* ---- BACK HOME ---- *\/\n        .back-home {\n            text-align: center;\n            margin-top: 3rem;\n        }\n\n        .home-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(8px);\n            padding: 12px 28px;\n            border-radius: 50px;\n            font-size: 13.5px;\n            color: var(--ayu-text-secondary);\n            text-decoration: none;\n            border: 1px solid rgba(79, 110, 247, 0.15);\n            transition: all 0.3s cubic-bezier(.2, .8, .2, 1);\n            font-family: var(--font-body);\n            font-weight: 600;\n        }\n\n        .home-btn:hover {\n            background: rgba(79, 110, 247, 0.08);\n            border-color: rgba(79, 110, 247, 0.3);\n            color: var(--ayu-text-primary);\n            transform: translateY(-2px);\n        }\n\n        \/* ---- RESPONSIVE TWEAKS ---- *\/\n        @media (max-width: 900px) {\n            .banner-inner {\n                flex-direction: column;\n                text-align: center;\n            }\n            .banner-left {\n                flex-direction: column;\n                text-align: center;\n            }\n            .banner-right {\n                text-align: center;\n            }\n            .banner-tags {\n                justify-content: center;\n            }\n            .call-btn,\n            .docs-btn {\n                white-space: normal;\n                font-size: 14px;\n                padding: 10px 20px;\n            }\n            .country-dropdown {\n                width: 100%;\n                left: 0;\n            }\n            .dark-info-panel,\n            .white-form-panel {\n                padding: 1.5rem;\n            }\n        }\n\n        @media (max-width: 550px) {\n            .support-banner {\n                margin-bottom: 1.5rem;\n            }\n            .banner-inner {\n                padding: 1.5rem;\n            }\n            .banner-icon {\n                width: 48px;\n                height: 48px;\n                font-size: 1.3rem;\n                border-radius: 10px;\n            }\n            .banner-text h3 {\n                font-size: 17px;\n            }\n            .banner-text p {\n                font-size: 13px;\n            }\n            .banner-tags span {\n                font-size: 11px;\n            }\n            .dark-info-panel h3 {\n                font-size: 1.2rem;\n            }\n            .call-btn,\n            .docs-btn {\n                font-size: 13px;\n                padding: 8px 16px;\n            }\n            .home-btn {\n                padding: 10px 20px;\n                font-size: 13px;\n            }\n            .header-title {\n                font-size: clamp(1.4rem, 6vw, 2.2rem);\n            }\n        }\n\n        \/* ---- REDUCED MOTION ---- *\/\n        @media (prefers-reduced-motion: reduce) {\n            .ayu-bg-orb-1,\n            .ayu-bg-orb-2 {\n                animation: none;\n            }\n            .shape {\n                animation: none;\n            }\n            .pulse-dot {\n                animation: none;\n            }\n            .elite-header {\n                animation: none;\n                opacity: 1;\n                transform: none;\n            }\n            .support-banner:hover,\n            .send-btn:hover,\n            .home-btn:hover {\n                transform: none;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <!-- \u2500\u2500 PAGE BACKGROUND \u2500\u2500 -->\n    <div class=\"page-bg\"><\/div>\n\n    <!-- \u2500\u2500 BACKGROUND LAYERS \u2500\u2500 -->\n    <div class=\"bg-layers\">\n        <div class=\"ayu-bg-world\"><\/div>\n        <div class=\"ayu-bg-dots\"><\/div>\n        <div class=\"ayu-bg-glow\"><\/div>\n        <div class=\"ayu-bg-orb-1\"><\/div>\n        <div class=\"ayu-bg-orb-2\"><\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 MAIN CONTENT CONTAINER WITH 130PX TOP PADDING & 85% GLOBAL WIDTH \u2500\u2500 -->\n    <div class=\"ayu-content-overlay\">\n        <section class=\"elite-contact-section\">\n            \n            <!-- floating background shapes -->\n            <div class=\"floating-shapes\">\n                <div class=\"shape shape-1\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                <div class=\"shape shape-2\"><i class=\"fas fa-lock\"><\/i><\/div>\n                <div class=\"shape shape-3\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n                <div class=\"shape shape-4\"><i class=\"fas fa-microchip\"><\/i><\/div>\n                <div class=\"shape shape-5\"><i class=\"fas fa-brain\"><\/i><\/div>\n                <div class=\"shape shape-6\"><i class=\"fas fa-database\"><\/i><\/div>\n            <\/div>\n\n            <div class=\"elite-container\">\n                \n                <!-- HEADER -->\n                <div class=\"elite-header\">\n                    <div class=\"header-badge\">\n                        <i class=\"fas fa-concierge-bell\"><\/i> PREMIUM SUPPORT\n                    <\/div>\n                    <h2 class=\"header-title\">\n                        Get in touch \u2014 we're <span class=\"gradient-fire\">ready to assist<\/span>\n                    <\/h2>\n                    <div class=\"header-divider\"><\/div>\n                    <p class=\"header-sub\">Fast, reliable, and human. Our support team is just a message away.<\/p>\n                <\/div>\n\n                <!-- BANNER 1: PHONE SUPPORT -->\n                <div class=\"support-banner phone-banner\">\n                    <div class=\"banner-glow\"><\/div>\n                    <div class=\"banner-inner\">\n                        <div class=\"banner-left\">\n                            <div class=\"banner-icon pulse-icon\">\n                                <i class=\"fas fa-headset\"><\/i>\n                                <span class=\"pulse-dot\"><\/span>\n                            <\/div>\n                            <div class=\"banner-text\">\n                                <h3>\ud83d\udcde Standard Telephone Support<\/h3>\n                                <p>Speak directly with our senior technicians \u2014 instant response for urgent inquiries<\/p>\n                                <div class=\"banner-tags\">\n                                    <span><i class=\"fas fa-bolt\"><\/i> Instant callback<\/span>\n                                    <span><i class=\"fas fa-shield-alt\"><\/i> Encrypted line<\/span>\n                                    <span><i class=\"fas fa-clock\"><\/i> Priority routing<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"banner-right\">\n                            <a href=\"tel:34951550227\" class=\"call-btn\">\n                                <i class=\"fas fa-phone-alt\"><\/i> +34 951 550 227\n                            <\/a>\n                            <div class=\"hours-badge\">Mon-Fri, 9AM \u2013 6PM EST<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- TWO COLUMN DUAL LAYOUT PANEL -->\n                <div class=\"dual-panel\">\n                    \n                    <!-- LEFT PANEL: Dark info panel -->\n                    <div class=\"dark-info-panel\">\n                        <div class=\"info-accent\"><\/div>\n                        \n                        <div class=\"info-badge\">\n                            <i class=\"fas fa-handshake\"><\/i> CONNECT\n                        <\/div>\n                        \n                        <h3>Let's discuss <span class=\"text-glow\">security &amp; innovation<\/span><\/h3>\n                        <p class=\"info-desc\">AI, cloud infrastructure, pentesting, or strategic partnership \u2014 based in Benalm\u00e1dena.<\/p>\n                        \n                        <div class=\"contact-list\">\n                            <div class=\"contact-row\">\n                                <div class=\"contact-icon\"><i class=\"fas fa-map-pin\"><\/i><\/div>\n                                <div class=\"contact-detail\">\n                                    <strong>Estrategias de Marketing LE Paradise - AssistYu<\/strong>\n                                    <span>C. Lope de Vega 60, Benalm\u00e1dena, Spain<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"contact-row\">\n                                <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                                <div class=\"contact-detail\">\n                                    <strong>Email direct<\/strong>\n                                    <span><a href=\"mailto:info@assistyou365.com\">info@assistyou365.com<\/a><\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"contact-row emergency-row\">\n                                <div class=\"contact-icon emergency-icon\"><i class=\"fas fa-exclamation-triangle\"><\/i><\/div>\n                                <div class=\"contact-detail\">\n                                    <strong>Emergency 24\/7<\/strong>\n                                    <span class=\"emergency-number\">+34 951 550 227 <span class=\"emergency-label\">incident response<\/span><\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"hours-card\">\n                            <i class=\"fas fa-calendar-alt\"><\/i>\n                            <div class=\"hours-details\">\n                                <strong>Business hours<\/strong>\n                                <span>Mon-Fri: 9AM \u2013 6PM EST<\/span>\n                                <span class=\"weekend-info\">Weekends: email support only<\/span>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"social-footer\">\n                            <div class=\"social-text\">Follow us<\/div>\n                            <div class=\"social-icons-group\">\n                                <a href=\"https:\/\/www.linkedin.com\/company\/assistyu-com\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                                <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                                <a href=\"#\"><i class=\"fab fa-github\"><\/i><\/a>\n                                <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- RIGHT PANEL: Custom Message Intake Form -->\n                    <div class=\"white-form-panel\">\n                        <div class=\"form-header\">\n                            <i class=\"fas fa-paper-plane\"><\/i>\n                            <h3>Send us a message<\/h3>\n                            <p>We'll respond within 24h \u2014 guaranteed<\/p>\n                        <\/div>\n                        \n                        <form id=\"eliteContactForm\" action=\"https:\/\/formsubmit.co\/megamows.media@gmail.com\" method=\"POST\">\n                            <input type=\"text\" name=\"_honey\" style=\"display:none\" \/>\n                            <input type=\"hidden\" name=\"_captcha\" value=\"false\" \/>\n                            <input type=\"hidden\" name=\"_next\" value=\"https:\/\/formsubmit.co\/thank-you\" \/>\n                            <input type=\"hidden\" name=\"_subject\" value=\"NEW Contact Form Submission - AssistYu\" \/>\n                            <input type=\"hidden\" name=\"_autoresponse\" value=\"Thank you for contacting AssistYu! We have received your message and will get back to you within 24 hours. Best regards, The AssistYu Team\" \/>\n                            \n                            <div class=\"form-row-2\">\n                                <div class=\"input-group\">\n                                    <label><i class=\"fas fa-user\"><\/i> Full name *<\/label>\n                                    <input type=\"text\" name=\"Name\" placeholder=\"John Smith\" required \/>\n                                <\/div>\n                                <div class=\"input-group\">\n                                    <label><i class=\"fas fa-building\"><\/i> Company<\/label>\n                                    <input type=\"text\" name=\"Company\" placeholder=\"Optional\" \/>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"form-row-2\">\n                                <div class=\"input-group\">\n                                    <label><i class=\"fas fa-envelope\"><\/i> Email *<\/label>\n                                    <input type=\"email\" name=\"Email\" placeholder=\"john@company.com\" required \/>\n                                <\/div>\n                                <div class=\"input-group\">\n                                    <label><i class=\"fas fa-phone\"><\/i> Phone<\/label>\n                                    <div class=\"phone-wrapper\">\n                                        <!-- Interactive Country Code Dropdown selector -->\n                                        <div class=\"country-selector\">\n                                            <button type=\"button\" class=\"country-btn\" id=\"countryTrigger\">\n                                                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/es.png\" alt=\"Spain\" id=\"selectedFlagElite\" title=\"\">\n                                                <span id=\"selectedCodeElite\">+34<\/span>\n                                                <i class=\"fas fa-chevron-down\"><\/i>\n                                            <\/button>\n                                            <div class=\"country-dropdown\" id=\"countryDropdownElite\">\n                                                <div class=\"dropdown-search\">\n                                                    <input type=\"text\" id=\"countrySearchElite\" placeholder=\"Search country...\" \/>\n                                                <\/div>\n                                                <div class=\"country-list\" id=\"countryListElite\"><\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <input type=\"tel\" id=\"phoneNumberElite\" name=\"Phone\" placeholder=\"612 345 678\" \/>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"input-group\">\n                                <label><i class=\"fas fa-tag\"><\/i> I'm interested in<\/label>\n                                <select name=\"Interest\">\n                                    <option>Products Inquiries<\/option>\n                                    <option>Services Inquiries<\/option>\n                                    <option>Technical assistance<\/option>\n                                    <option>AI &amp; Cloud solutions<\/option>\n                                    <option>Cybersecurity \/ Pentesting<\/option>\n                                    <option>Total Security suite<\/option>\n                                    <option>Antivirus \/ Anti\u2011ransomware<\/option>\n                                    <option>VPN \/ Webcam Blocker<\/option>\n                                    <option>Identity Theft protection<\/option>\n                                    <option selected>Partnership \/ LE Paradise<\/option>\n                                <\/select>\n                            <\/div>\n                            \n                            <div class=\"input-group\">\n                                <label><i class=\"fas fa-comment-dots\"><\/i> Message *<\/label>\n                                <textarea name=\"Message\" rows=\"4\" placeholder=\"Tell us about your project...\" required><\/textarea>\n                            <\/div>\n                            \n                            <div class=\"checkbox-group\">\n                                <input type=\"checkbox\" id=\"consentElite\" name=\"consent\" checked required \/>\n                                <label for=\"consentElite\">I agree to the <a href=\"#\">privacy policy<\/a>.<\/label>\n                            <\/div>\n                            \n                            <button type=\"submit\" class=\"send-btn\">\n                                <i class=\"fas fa-paper-plane\"><\/i> Send message\n                            <\/button>\n                        <\/form>\n                        <div id=\"formStatusElite\" class=\"form-status\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- BANNER 2: KNOWLEDGE CENTER -->\n                <div class=\"support-banner knowledge-banner\">\n                    <div class=\"banner-glow knowledge-glow\"><\/div>\n                    <div class=\"banner-inner\">\n                        <div class=\"banner-left\">\n                            <div class=\"banner-icon knowledge-icon\">\n                                <i class=\"fas fa-book-open\"><\/i>\n                            <\/div>\n                            <div class=\"banner-text\">\n                                <h3>\ud83d\udcda Knowledge Center<\/h3>\n                                <p>Access our comprehensive documentation, guides, and API references<\/p>\n                                <div class=\"banner-tags\">\n                                    <span><i class=\"fas fa-file-alt\"><\/i> Step-by-step guides<\/span>\n                                    <span><i class=\"fas fa-code\"><\/i> API documentation<\/span>\n                                    <span><i class=\"fas fa-video\"><\/i> Video tutorials<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"banner-right\">\n                            <a href=\"https:\/\/assistyu.com\/documentation-and-guides\/\" class=\"docs-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <i class=\"fas fa-compass\"><\/i> Explore Docs &amp; Guides\n                            <\/a>\n                            <div class=\"update-badge\">Updated weekly \u2014 free access<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- BACK TO HOME -->\n                <div class=\"back-home\">\n                    <a href=\"\/\" class=\"home-btn\">\n                        <i class=\"fas fa-arrow-left\"><\/i> Back to Homepage\n                    <\/a>\n                <\/div>\n\n            <\/div><!-- \/elite-container -->\n        <\/section>\n    <\/div><!-- \/ayu-content-overlay -->\n\n    <!-- ====== COUNTRY DROPDOWN SCRIPT ====== -->\n    <script>\n        (function() {\n            \"use strict\";\n\n            const eliteCountries = [\n                { code: \"es\", name: \"Spain\", dialCode: \"+34\", flag: \"es\" },\n                { code: \"us\", name: \"United States\", dialCode: \"+1\", flag: \"us\" },\n                { code: \"gb\", name: \"United Kingdom\", dialCode: \"+44\", flag: \"gb\" },\n                { code: \"fr\", name: \"France\", dialCode: \"+33\", flag: \"fr\" },\n                { code: \"de\", name: \"Germany\", dialCode: \"+49\", flag: \"de\" },\n                { code: \"it\", name: \"Italy\", dialCode: \"+39\", flag: \"it\" },\n                { code: \"pt\", name: \"Portugal\", dialCode: \"+351\", flag: \"pt\" },\n                { code: \"nl\", name: \"Netherlands\", dialCode: \"+31\", flag: \"nl\" },\n                { code: \"be\", name: \"Belgium\", dialCode: \"+32\", flag: \"be\" },\n                { code: \"ch\", name: \"Switzerland\", dialCode: \"+41\", flag: \"ch\" },\n                { code: \"ca\", name: \"Canada\", dialCode: \"+1\", flag: \"ca\" },\n                { code: \"mx\", name: \"Mexico\", dialCode: \"+52\", flag: \"mx\" },\n                { code: \"br\", name: \"Brazil\", dialCode: \"+55\", flag: \"br\" },\n                { code: \"ar\", name: \"Argentina\", dialCode: \"+54\", flag: \"ar\" },\n                { code: \"jp\", name: \"Japan\", dialCode: \"+81\", flag: \"jp\" },\n                { code: \"cn\", name: \"China\", dialCode: \"+86\", flag: \"cn\" },\n                { code: \"in\", name: \"India\", dialCode: \"+91\", flag: \"in\" },\n                { code: \"au\", name: \"Australia\", dialCode: \"+61\", flag: \"au\" },\n                { code: \"ma\", name: \"Morocco\", dialCode: \"+212\", flag: \"ma\" }\n            ];\n\n            let selectedCountry = null;\n\n            function renderCountryList(filter = \"\") {\n                const container = document.getElementById(\"countryListElite\");\n                if (!container) return;\n\n                const filtered = eliteCountries.filter(c =>\n                    c.name.toLowerCase().includes(filter.toLowerCase()) ||\n                    c.dialCode.includes(filter)\n                );\n\n                \/\/ Build HTML safely with standards-compliant string manipulation\n                container.innerHTML = filtered.map(c =>\n                    `<div class=\"country-option\" data-dial=\"${c.dialCode}\" data-flag=\"${c.flag}\">\n                        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/${c.flag}.png\" alt=\"${escapeHtml(c.name)}\">\n                        <span class=\"country-name\">${escapeHtml(c.name)}<\/span>\n                        <span class=\"country-code\">${escapeHtml(c.dialCode)}<\/span>\n                    <\/div>`\n                ).join(\"\");\n\n                \/\/ Assign listeners securely\n                container.querySelectorAll(\".country-option\").forEach(opt => {\n                    opt.addEventListener(\"click\", function() {\n                        selectedCountry = eliteCountries.find(c => c.dialCode === this.dataset.dial);\n                        updateDisplay();\n                        closeDropdown();\n                    });\n                });\n            }\n\n            function escapeHtml(s) { \n                const d = document.createElement('div');\n                d.textContent = String(s ?? '');\n                return d.innerHTML; \n            }\n\n            function updateDisplay() {\n                const flagImg = document.getElementById(\"selectedFlagElite\");\n                const codeSpan = document.getElementById(\"selectedCodeElite\");\n                if (flagImg && selectedCountry) flagImg.src = `https:\/\/flagcdn.com\/w40\/${selectedCountry.flag}.png`;\n                if (codeSpan && selectedCountry) codeSpan.textContent = selectedCountry.dialCode;\n            }\n\n            function toggleDropdown() {\n                const dropdown = document.getElementById(\"countryDropdownElite\");\n                dropdown.classList.toggle(\"show\");\n                if (dropdown.classList.contains(\"show\")) {\n                    const search = document.getElementById(\"countrySearchElite\");\n                    if (search) { \n                        search.value = \"\";\n                        renderCountryList(\"\");\n                        search.focus(); \n                    }\n                }\n            }\n\n            function closeDropdown() {\n                document.getElementById(\"countryDropdownElite\")?.classList.remove(\"show\");\n            }\n\n            \/\/ Defaults to Spain (+34)\n            selectedCountry = eliteCountries.find(c => c.code === \"es\") || eliteCountries[0];\n            updateDisplay();\n\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                renderCountryList(\"\");\n                const btn = document.getElementById(\"countryTrigger\");\n                if (btn) {\n                    btn.addEventListener(\"click\", (e) => { \n                        e.stopPropagation();\n                        toggleDropdown(); \n                    });\n                }\n\n                const search = document.getElementById(\"countrySearchElite\");\n                if (search) {\n                    search.addEventListener(\"input\", (e) => {\n                        renderCountryList(e.target.value);\n                    });\n                }\n\n                document.addEventListener(\"click\", function(e) {\n                    const wrapper = document.querySelector(\".country-selector\");\n                    if (wrapper && !wrapper.contains(e.target)) closeDropdown();\n                });\n\n                const form = document.getElementById(\"eliteContactForm\");\n                const phoneInput = document.getElementById(\"phoneNumberElite\");\n                \n                if (form) {\n                    form.addEventListener(\"submit\", function() {\n                        \/\/ Dynamically append the selected dial prefix to the phone string before submission\n                        if (selectedCountry && phoneInput.value && !phoneInput.value.startsWith(selectedCountry.dialCode)) {\n                            phoneInput.value = selectedCountry.dialCode + \" \" + phoneInput.value;\n                        }\n                    });\n                }\n            });\n\n        })();\n    <\/script>\n\n<\/body>\n<\/html>\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>AssistYu \u2014 Contact PREMIUM SUPPORT Get in touch \u2014 we&#8217;re ready to assist Fast, reliable, and human. Our support team is just a message away. \ud83d\udcde Standard Telephone Support Speak directly with our senior technicians \u2014 instant response for urgent inquiries Instant callback Encrypted line Priority routing +34 951 550 227 Mon-Fri, 9AM \u2013 6PM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1994","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/pages\/1994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/comments?post=1994"}],"version-history":[{"count":99,"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/pages\/1994\/revisions"}],"predecessor-version":[{"id":7292,"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/pages\/1994\/revisions\/7292"}],"wp:attachment":[{"href":"https:\/\/assistyu.com\/es\/wp-json\/wp\/v2\/media?parent=1994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}