{"id":29097,"date":"2025-12-11T11:06:13","date_gmt":"2025-12-11T11:06:13","guid":{"rendered":"https:\/\/aprenly.com\/?page_id=29097"},"modified":"2025-12-11T12:19:21","modified_gmt":"2025-12-11T12:19:21","slug":"contacto","status":"publish","type":"page","link":"https:\/\/aprenly.com\/es\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"29097\" class=\"elementor elementor-29097\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4fcd65e e-con-full e-flex e-con e-parent\" data-id=\"4fcd65e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d8d8ad elementor-widget elementor-widget-html\" data-id=\"2d8d8ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"aprenly-wrapper\">\n    <style>\n        \/* --- CONFIGURACI\u00d3N CR\u00cdTICA ANTISCROLL --- *\/\n        .aprenly-wrapper {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            padding: 0;\n            width: 100%;\n            \/* Forzamos que la altura se ajuste a la ventana visible menos un poco para el header *\/\n            height: 85vh; \n            max-height: 900px; \/* L\u00edmite para pantallas gigantes *\/\n            min-height: 600px; \/* L\u00edmite para port\u00e1tiles peque\u00f1os *\/\n            overflow: hidden !important; \/* CORTA EL SCROLL S\u00cd O S\u00cd *\/\n            background-color: #020d08;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        \/* Clase para romper el ancho de Elementor si es necesario *\/\n        .force-full-width {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n        }\n\n        \/* Colores y Estilos *\/\n        .aprenly-green-text { color: #00dc82 !important; }\n        .aprenly-bg-green { background-color: #00dc82; }\n        \n        .aprenly-card {\n            background-color: #081e15;\n            box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5); \/* Sombra m\u00e1s fuerte *\/\n        }\n        \n        \/* Glows m\u00e1s grandes para rellenar espacio visual *\/\n        .glow-bg {\n            position: absolute;\n            width: 800px; \/* M\u00e1s grande *\/\n            height: 800px; \/* M\u00e1s grande *\/\n            background: radial-gradient(circle, rgba(0, 220, 130, 0.1) 0%, rgba(2, 13, 8, 0) 65%);\n            border-radius: 50%;\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .aprenly-content {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            max-width: 1400px; \/* Ancho m\u00e1ximo aumentado *\/\n            padding: 0 20px;\n        }\n\n        .copy-feedback { animation: fadeInOut 2s forwards; }\n        \n        @keyframes fadeInOut {\n            0% { opacity: 0; transform: translateY(10px); }\n            10% { opacity: 1; transform: translateY(0); }\n            90% { opacity: 1; transform: translateY(0); }\n            100% { opacity: 0; transform: translateY(-10px); }\n        }\n\n        .force-white { color: #ffffff !important; }\n        .force-gray { color: #9ca3af !important; }\n        .bg-glass { background-color: rgba(0, 0, 0, 0.4); }\n\n        \/* Ajustes Responsive para que no se rompa si la pantalla es muy peque\u00f1a *\/\n        @media (max-height: 700px) {\n            .scale-fix { transform: scale(0.9); }\n        }\n    <\/style>\n\n    <!-- Scripts -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <!-- Fondo y Glows -->\n    <div class=\"glow-bg\" style=\"top: -300px; left: -200px;\"><\/div>\n    <div class=\"glow-bg\" style=\"bottom: -300px; right: -200px;\"><\/div>\n\n    <div class=\"aprenly-content flex flex-col items-center text-center scale-fix\">\n            \n        <!-- T\u00edtulo Principal - AUMENTADO -->\n        <!-- Pasamos de text-6xl a text-7xl y tight leading -->\n        <h1 class=\"text-5xl md:text-7xl font-bold mb-6 force-white tracking-tight\" style=\"line-height: 1.1;\">\n            \u00bfDudas sobre tu <span class=\"aprenly-green-text\">mentor\u00eda?<\/span>\n        <\/h1>\n        \n        <!-- Subt\u00edtulo - AUMENTADO -->\n        <p class=\"text-xl md:text-2xl mb-10 max-w-3xl mx-auto font-light force-gray\">\n            Estamos aqu\u00ed para asegurarnos de que aproveches al m\u00e1ximo tu aprendizaje. Si tienes preguntas sobre tu acceso o los m\u00f3dulos, cont\u00e1ctanos.\n        <\/p>\n\n        <!-- Tarjeta de Contacto - AUMENTADA -->\n        <!-- max-w-2xl a max-w-4xl para hacerla m\u00e1s ancha e imponente -->\n        <div class=\"aprenly-card rounded-3xl p-1 relative overflow-hidden group hover:shadow-[0_0_50px_rgba(0,220,130,0.2)] transition-all duration-500 text-left w-full max-w-4xl mx-auto\">\n            <!-- Borde verde m\u00e1s grueso -->\n            <div class=\"absolute top-0 left-0 bottom-0 w-3 aprenly-bg-green\"><\/div>\n            \n            <div class=\"p-10 md:p-14 flex flex-col md:flex-row items-center md:items-center gap-10\">\n                \n                <!-- Icono Mail - AUMENTADO -->\n                <div class=\"bg-[#0f2e22] p-6 rounded-full border-2 border-[#1e4536] flex-shrink-0 shadow-lg\">\n                    <i data-lucide=\"mail\" class=\"w-12 h-12 aprenly-green-text\"><\/i>\n                <\/div>\n\n                <div class=\"flex-grow text-center md:text-left w-full\">\n                    <h3 class=\"text-3xl md:text-4xl font-bold mb-3 force-white\">Atenci\u00f3n al Estudiante<\/h3>\n                    <p class=\"mb-8 text-lg force-gray\">\n                        Nuestro equipo est\u00e1 listo para ayudarte. Escr\u00edbenos directamente.\n                    <\/p>\n                    \n                    <!-- Secci\u00f3n del Email - AUMENTADA -->\n                    <div class=\"bg-glass border border-[#1e4536] rounded-2xl p-5 flex flex-col sm:flex-row items-center justify-between gap-6 group-hover:border-[#00dc82]\/50 transition-colors backdrop-blur-sm w-full\">\n                        <span class=\"text-2xl md:text-3xl font-mono tracking-wide font-semibold select-all force-white break-all sm:break-normal\">\n                            soporte@aprenly.com\n                        <\/span>\n                        \n                        <button onclick=\"copyEmail(this)\" class=\"aprenly-bg-green text-black px-8 py-3 rounded-xl font-bold text-lg hover:bg-white transition-colors flex items-center gap-2 shadow-[0_0_20px_rgba(0,220,130,0.4)] hover:shadow-[0_0_30px_rgba(0,220,130,0.6)] whitespace-nowrap w-full sm:w-auto justify-center transform hover:scale-105 duration-200\">\n                            <i data-lucide=\"copy\" class=\"w-5 h-5 text-black\"><\/i>\n                            <span class=\"text-black\">Copiar<\/span>\n                        <\/button>\n                    <\/div>\n                    <!-- Mensaje de copiado -->\n                    <div class=\"copy-msg hidden aprenly-green-text text-base mt-3 font-medium flex items-center justify-center md:justify-start gap-2\">\n                        <i data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i> \u00a1Email copiado!\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Footer peque\u00f1o -->\n        <div class=\"mt-10 flex flex-wrap justify-center gap-8 md:gap-12 opacity-60\">\n            <div class=\"flex items-center gap-3\">\n                <i data-lucide=\"clock\" class=\"w-6 h-6 aprenly-green-text\"><\/i>\n                <span class=\"text-base md:text-lg force-gray\">Respuestas m\u00e1x. 48h h\u00e1biles<\/span>\n            <\/div>\n            <div class=\"flex items-center gap-3\">\n                <i data-lucide=\"users\" class=\"w-6 h-6 aprenly-green-text\"><\/i>\n                <span class=\"text-base md:text-lg force-gray\">Soporte Humano<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        if (typeof lucide !== 'undefined') {\n            lucide.createIcons();\n        } else {\n            setTimeout(() => { if(typeof lucide !== 'undefined') lucide.createIcons(); }, 1000);\n        }\n\n        function copyEmail(btn) {\n            const email = \"soporte@aprenly.com\";\n            \n            if (navigator.clipboard && window.isSecureContext) {\n                navigator.clipboard.writeText(email);\n            } else {\n                let textArea = document.createElement(\"textarea\");\n                textArea.value = email;\n                textArea.style.position = \"fixed\";\n                textArea.style.left = \"-9999px\";\n                document.body.appendChild(textArea);\n                textArea.focus();\n                textArea.select();\n                try {\n                    document.execCommand('copy');\n                } catch (err) {\n                    console.error('Error', err);\n                }\n                document.body.removeChild(textArea);\n            }\n\n            const container = btn.closest('.flex-grow');\n            const feedback = container.querySelector('.copy-msg');\n            \n            if(feedback) {\n                feedback.classList.remove('hidden');\n                feedback.classList.add('copy-feedback');\n                \n                setTimeout(() => {\n                    feedback.classList.remove('copy-feedback');\n                    feedback.classList.add('hidden');\n                }, 2000);\n            }\n        }\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfDudas sobre tu mentor\u00eda? Estamos aqu\u00ed para asegurarnos de que aproveches al m\u00e1ximo tu aprendizaje. Si tienes preguntas sobre tu acceso o los m\u00f3dulos, cont\u00e1ctanos. Atenci\u00f3n al Estudiante Nuestro equipo est\u00e1 listo para ayudarte. Escr\u00edbenos directamente. soporte@aprenly.com Copiar \u00a1Email copiado! Respuestas m\u00e1x. 48h h\u00e1biles Soporte Humano<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-29097","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/pages\/29097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/comments?post=29097"}],"version-history":[{"count":17,"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/pages\/29097\/revisions"}],"predecessor-version":[{"id":29119,"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/pages\/29097\/revisions\/29119"}],"wp:attachment":[{"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/media?parent=29097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}