{"id":26533,"date":"2025-11-20T04:57:22","date_gmt":"2025-11-20T04:57:22","guid":{"rendered":"https:\/\/aprenly.com\/?page_id=26533"},"modified":"2025-12-29T05:18:39","modified_gmt":"2025-12-29T05:18:39","slug":"javierderma","status":"publish","type":"page","link":"https:\/\/aprenly.com\/es\/","title":{"rendered":"Javier Derma"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"26533\" class=\"elementor elementor-26533\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-particle_enable=\"true\" class=\"eael-section-particles-30c0365 elementor-section elementor-top-section elementor-element elementor-element-30c0365 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-eael_ptheme_source=\"presets\" data-preset_theme=\"nasa\" data-custom_style=\"\" data-particle_opacity=\"0.1\" data-particle_speed=\"1\" data-particle-mobile-disabled=\"false\" data-id=\"30c0365\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75846f1\" data-id=\"75846f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-972b9da elementor-widget__width-initial elementor-absolute elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"972b9da\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"582\" height=\"497\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2023\/11\/shape-46.png\" class=\"attachment-full size-full wp-image-18302\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7500aa elementor-widget__width-auto elementor-absolute elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-image\" data-id=\"b7500aa\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"50\" height=\"130\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2023\/11\/shape-45.png\" class=\"attachment-full size-full wp-image-18373\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8115337 e-con-full e-flex e-con e-parent\" data-id=\"8115337\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4255658 elementor-widget elementor-widget-html\" data-id=\"4255658\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       RESET Y BASE\r\n       ========================================= *\/\r\n    .aprenly-wrapper-v7, .aprenly-wrapper-v7 * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .aprenly-wrapper-v7 {\r\n        width: 100%;\r\n        position: relative;\r\n        \/* IMPORTANTE: Fondo transparente para respetar tu degradado global *\/\r\n        background-color: transparent; \r\n        padding: 60px 0;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        color: #ffffff;\r\n        overflow: hidden; \r\n    }\r\n\r\n    .aprenly-container-v7 {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        \/* Padding lateral para asegurar que nada toque los bordes en PC *\/\r\n        padding: 0 20px; \r\n    }\r\n\r\n    \/* =========================================\r\n       TIPOGRAF\u00cdA\r\n       ========================================= *\/\r\n    .green-text {\r\n        color: #00f39b !important;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .title-v7 {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin-bottom: 20px;\r\n        color: #ffffff;\r\n        max-width: 950px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .subtitle-v7 {\r\n        \/* AUMENTADO: Tama\u00f1o base m\u00e1s grande *\/\r\n        font-size: 1.35rem; \r\n        font-weight: 400;\r\n        line-height: 1.5;\r\n        \/* AUMENTADO: Color m\u00e1s brillante para leer mejor *\/\r\n        color: #f0f0f0; \r\n        max-width: 800px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    \/* =========================================\r\n       CARRUSEL (GRID EN PC \/ AUTO-SCROLL EN M\u00d3VIL)\r\n       ========================================= *\/\r\n    .carousel-window {\r\n        width: 100%;\r\n        overflow: hidden; \/* Oculta lo que se sale *\/\r\n        margin-bottom: 40px;\r\n        \/* Mascara para desvanecer bordes *\/\r\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n    }\r\n\r\n    .carousel-track {\r\n        display: flex;\r\n        justify-content: center; \/* En PC centrado *\/\r\n        gap: 40px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* TARJETA INDIVIDUAL *\/\r\n    .benefit-card {\r\n        width: 300px;\r\n        flex-shrink: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .benefit-text {\r\n        font-size: 1.8rem;\r\n        line-height: 1.2;\r\n        margin-bottom: 20px;\r\n        color: #ffffff;\r\n        font-weight: 400;\r\n    }\r\n    \r\n    .benefit-text strong {\r\n        font-weight: 800;\r\n        color: #00f39b;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .img-circle-box {\r\n        width: 280px;\r\n        height: 280px;\r\n        margin: 0 auto;\r\n        border-radius: 50%; \/* REDONDO PERFECTO *\/\r\n        overflow: hidden;\r\n        border: 4px solid rgba(255, 255, 255, 0.15);\r\n        position: relative;\r\n    }\r\n\r\n    .img-circle {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* ELEMENTOS CLONADOS (Ocultos en PC) *\/\r\n    .clone-item { display: none; }\r\n\r\n\r\n    \/* =========================================\r\n       SOCIAL PROOF (Rese\u00f1as)\r\n       ========================================= *\/\r\n    .social-pill {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 100px;\r\n        padding: 12px 35px;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .avatar-group {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .avatar-face {\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50% !important; \/* C\u00cdRCULOS FORZADOS *\/\r\n        border: 2px solid #111;\r\n        margin-left: -15px;\r\n        object-fit: cover;\r\n        background: #333; \/* Fondo por si falla imagen *\/\r\n    }\r\n    .avatar-face:first-child { margin-left: 0; }\r\n\r\n    .stars {\r\n        color: #FFD700;\r\n        font-size: 1.5rem;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .social-txt {\r\n        font-size: 1.1rem;\r\n        color: #fff;\r\n    }\r\n\r\n    .counter-num { font-weight: 800; }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE (M\u00d3VIL) - AQU\u00cd EST\u00c1 LA MAGIA\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        \r\n        \/* 1. TEXTOS: Arreglo de cortes y tama\u00f1o *\/\r\n        .title-v7 {\r\n            font-size: 2.2rem;\r\n            \/* text-wrap: balance evita palabras hu\u00e9rfanas *\/\r\n            text-wrap: balance; \r\n            padding: 0 10px;\r\n        }\r\n\r\n        .subtitle-v7 {\r\n            \/* TAMA\u00d1O GIGANTE SOLICITADO *\/\r\n            font-size: 1.4rem !important; \r\n            line-height: 1.4;\r\n            color: #ffffff !important; \/* Blanco puro para contraste m\u00e1ximo *\/\r\n            margin-bottom: 30px;\r\n            padding: 0 15px;\r\n        }\r\n\r\n        \/* 2. RECUPERAR ANIMACI\u00d3N AUTOM\u00c1TICA (SCROLL INFINITO) *\/\r\n        .carousel-track {\r\n            justify-content: flex-start; \/* Alineado a la izquierda para empezar a correr *\/\r\n            width: max-content; \/* Permite que sea largo *\/\r\n            gap: 20px;\r\n            \/* ANIMACI\u00d3N *\/\r\n            animation: scrollAuto 18s linear infinite;\r\n        }\r\n\r\n        \/* Mostrar los clones para que el bucle sea perfecto *\/\r\n        .clone-item { display: block; }\r\n\r\n        \/* Ajuste de tama\u00f1o de tarjetas en m\u00f3vil *\/\r\n        .benefit-card { width: 260px; }\r\n        .img-circle-box { width: 230px; height: 230px; }\r\n\r\n        \/* Ajuste Social Proof *\/\r\n        .social-pill {\r\n            flex-direction: column;\r\n            border-radius: 25px;\r\n            padding: 20px;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .avatar-group { margin-left: 10px; }\r\n    }\r\n\r\n    \/* LA ANIMACI\u00d3N DE \"MOVERSE SOLO\" *\/\r\n    @keyframes scrollAuto {\r\n        0% { transform: translateX(0); }\r\n        \/* Calculo: (260px ancho + 20px gap) * 3 items originales = -840px aprox *\/\r\n        100% { transform: translateX(calc(-260px * 3 - 60px)); } \r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"aprenly-wrapper-v7\">\r\n    <div class=\"aprenly-container-v7\">\r\n        \r\n        <h2 class=\"title-v7\">\r\n            El m\u00e9todo del <span class=\"green-text\">Dermat\u00f3logo #1 en M\u00e9xico<\/span> para mejorar el acn\u00e9, manchas y envejecimiento en <span class=\"green-text\">90 d\u00edas<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"subtitle-v7\">\r\n            Rutinas claras y educaci\u00f3n profesional guiada por el <span class=\"green-text\" style=\"display: inline-block;\">Dr. Javier Ruiz \u00c1vila<\/span> para el cuidado integral de tu piel.\r\n        <\/p>\r\n\r\n        <div class=\"carousel-window\">\r\n            <div class=\"carousel-track\">\r\n                \r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-text\">Elimina<br><strong>El Acn\u00e9<\/strong><\/div>\r\n                    <div class=\"img-circle-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-2.jpg\" alt=\"Acn\u00e9\" class=\"img-circle\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-text\">Retrasa el<br><strong>Envejecimiento<\/strong><\/div>\r\n                    <div class=\"img-circle-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-3.jpg\" alt=\"Envejecimiento\" class=\"img-circle\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-text\">Remueve<br><strong>Las Manchas<\/strong><\/div>\r\n                    <div class=\"img-circle-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo.jpg\" alt=\"Manchas\" class=\"img-circle\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card clone-item\">\r\n                    <div class=\"benefit-text\">Elimina<br><strong>El Acn\u00e9<\/strong><\/div>\r\n                    <div class=\"img-circle-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-2.jpg\" alt=\"Acn\u00e9\" class=\"img-circle\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card clone-item\">\r\n                    <div class=\"benefit-text\">Retrasa el<br><strong>Envejecimiento<\/strong><\/div>\r\n                    <div class=\"img-circle-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-3.jpg\" alt=\"Envejecimiento\" class=\"img-circle\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-card clone-item\">\r\n                    <div class=\"benefit-text\">Remueve<br><strong>Las Manchas<\/strong><\/div>\r\n                    <div class=\"img-circle-box\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo.jpg\" alt=\"Manchas\" class=\"img-circle\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"social-pill\">\r\n            <div class=\"avatar-group\">\r\n                <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/1-4.jpg\" class=\"avatar-face\">\r\n                <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/2-3.jpg\" class=\"avatar-face\">\r\n                <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/3-3.jpg\" class=\"avatar-face\">\r\n                <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/4-3.jpg\" class=\"avatar-face\">\r\n                <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/5-2.jpg\" class=\"avatar-face\">\r\n            <\/div>\r\n            \r\n            <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            \r\n            <p class=\"social-txt\">\r\n                M\u00e1s de <span class=\"counter-num\" data-target=\"3000\">0<\/span> personas cambiaron su piel.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ SCRIPT CONTADOR\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    const counterElement = document.querySelector(\".counter-num\");\r\n    if (!counterElement) return;\r\n\r\n    const runAnimation = () => {\r\n        const target = +counterElement.getAttribute(\"data-target\");\r\n        const duration = 2000; \r\n        const stepTime = 20; \r\n        const steps = duration \/ stepTime;\r\n        const increment = target \/ steps;\r\n        \r\n        let current = 0;\r\n        const timer = setInterval(() => {\r\n            current += increment;\r\n            if (current >= target) {\r\n                counterElement.innerText = target.toLocaleString('es-ES');\r\n                clearInterval(timer);\r\n            } else {\r\n                counterElement.innerText = Math.ceil(current).toLocaleString('es-ES');\r\n            }\r\n        }, stepTime);\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                runAnimation();\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, { threshold: 0.5 });\r\n\r\n    const section = document.querySelector(\".social-pill\");\r\n    if(section) observer.observe(section);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t            <style>\n                .elementor-element-30c0365.eael-particles-section > canvas {\n                    z-index: -1;\n                    position: absolute;\n                    top:0;\n                }\n            <\/style>\n        <div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8b87db4 e-flex e-con-boxed e-con e-parent\" data-id=\"8b87db4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5348538 e-flex e-con-boxed e-con e-child\" data-id=\"5348538\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d31b04 elementor-widget elementor-widget-video\" data-id=\"0d31b04\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"autoplay\" title=\"Reproductor de video vimeo\" src=\"https:\/\/player.vimeo.com\/video\/1144625267?autoplay=1&amp;playsinline=1&amp;color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-31f769c e-con-full e-flex e-con e-parent\" data-id=\"31f769c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f053c elementor-widget elementor-widget-html\" data-id=\"e3f053c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* === ESTILOS GENERALES === *\/\r\n    .aprenly-glass-section {\r\n        background: transparent;\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* === TARJETA DE CRISTAL (GLASS CARD) === *\/\r\n    .glass-card {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1100px; \r\n        \r\n        background: rgba(20, 20, 20, 0.6); \r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        \r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-radius: 40px; \r\n        \r\n        padding: 60px 40px; \r\n        text-align: center;\r\n        overflow: hidden;\r\n        \r\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* === DECORACI\u00d3N DE FONDO (GLOW) === *\/\r\n    .glass-glow {\r\n        position: absolute;\r\n        top: -50%;\r\n        left: 50%;\r\n        transform: translate(-50%, 0);\r\n        width: 70%;\r\n        height: 100%;\r\n        background: radial-gradient(circle, rgba(0, 243, 155, 0.15) 0%, transparent 70%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .glass-content {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 35px; \r\n    }\r\n\r\n    \/* === BOT\u00d3N PRINCIPAL (SNAKE BORDER MEJORADO) === *\/\r\n    .glass-pill-btn {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        \r\n        background: transparent; \r\n        color: #000000;\r\n        \r\n        font-size: clamp(1.4rem, 2.5vw, 1.8rem); \r\n        font-weight: 800; \r\n        text-decoration: none;\r\n        \r\n        padding: 22px 60px;\r\n        border-radius: 100px;\r\n        width: 100%;\r\n        max-width: 700px; \r\n        \r\n        \/* Enmascara la animaci\u00f3n del borde *\/\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        \r\n        \/* Fix para Safari\/Mobile para que no recorte mal el borde redondeado *\/\r\n        transform: translateZ(0); \r\n        \r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 4px 20px rgba(0, 243, 155, 0.3);\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* 1. LA SERPIENTE (L\u00ednea giratoria) - AJUSTADA *\/\r\n    .glass-pill-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        \/* Aumentado a 500% para cubrir sobradamente el \u00e1rea en cualquier rotaci\u00f3n *\/\r\n        width: 500%; \r\n        height: 500%;\r\n        \r\n        \/* Gradiente ajustado: Cola m\u00e1s larga (50%) para que no se vea cortado *\/\r\n        background: conic-gradient(\r\n            transparent 0%, \r\n            transparent 50%, \r\n            #ffffff 100% \r\n        );\r\n        \r\n        transform: translate(-50%, -50%);\r\n        \/* Velocidad ajustada ligeramente para fluidez *\/\r\n        animation: rotate-border 4s linear infinite;\r\n        z-index: -2; \r\n        will-change: transform; \/* Optimizaci\u00f3n de rendimiento *\/\r\n    }\r\n\r\n    \/* 2. EL FONDO DEL BOT\u00d3N *\/\r\n    .glass-pill-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        \/* Grosor del borde *\/\r\n        inset: 3px; \r\n        background: #00f39b; \r\n        border-radius: 999px; \r\n        z-index: -1; \r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    @keyframes rotate-border {\r\n        0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n        100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    \/* HOVER STATES *\/\r\n    .glass-pill-btn:hover {\r\n        transform: translateY(-3px) scale(1.02);\r\n        box-shadow: 0 10px 40px rgba(0, 243, 155, 0.6);\r\n    }\r\n    \r\n    .glass-pill-btn:hover::after {\r\n        background: #00ff9d;\r\n    }\r\n\r\n    \/* === CAJA DE PRECIO === *\/\r\n    .glass-price-box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .price-text {\r\n        margin: 0;\r\n        font-size: 1.6rem; \r\n        color: #d1d5db;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .highlight-price {\r\n        color: #ffffff;\r\n        font-weight: 900;\r\n        font-size: 2.8rem; \r\n    }\r\n\r\n    .guarantee-text {\r\n        margin: 0;\r\n        font-size: 1.2rem; \r\n        color: #b0b8c4;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .icon-shield {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    \/* === FOOTER DE CARACTER\u00cdSTICAS === *\/\r\n    .glass-footer {\r\n        margin-top: 20px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 20px;\r\n        font-size: 1.1rem; \r\n        color: rgba(255, 255, 255, 0.7); \r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        font-weight: 700;\r\n        border-top: 1px solid rgba(255,255,255,0.15);\r\n        padding-top: 30px;\r\n        width: 90%;\r\n    }\r\n\r\n    .dot {\r\n        color: #00f39b;\r\n        font-size: 1.2em;\r\n    }\r\n\r\n    \/* === RESPONSIVE (CELULAR) === *\/\r\n    @media (max-width: 768px) {\r\n        .aprenly-glass-section {\r\n            padding: 40px 15px; \r\n        }\r\n\r\n        .glass-card {\r\n            padding: 35px 20px; \r\n            width: 100%;\r\n            border-radius: 30px; \r\n        }\r\n        \r\n        .glass-content {\r\n            gap: 25px; \r\n        }\r\n\r\n        .glass-pill-btn {\r\n            padding: 18px 20px; \r\n            font-size: 1.2rem; \r\n            width: 100%;\r\n            white-space: normal; \r\n            text-align: center;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .highlight-price {\r\n            font-size: 2rem; \r\n        }\r\n        \r\n        .price-text {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .guarantee-text {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .glass-footer {\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            width: 100%;\r\n            font-size: 0.95rem;\r\n            padding-top: 20px; \r\n        }\r\n\r\n        .dot {\r\n            display: none; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aprenly-glass-section\">\r\n  \r\n  <div class=\"glass-card\">\r\n    \r\n    <div class=\"glass-glow\"><\/div>\r\n\r\n    <div class=\"glass-content\">\r\n      \r\n      <a href=\"https:\/\/aprenly.com\/es\/planes\/\" class=\"glass-pill-btn\">\r\n        Quiero empezar a mejorar mi piel hoy\r\n      <\/a>\r\n\r\n      <div class=\"glass-price-box\">\r\n        <p class=\"price-text\">Desde <span class=\"highlight-price\">$7.99 USD<\/span> \/ MES<\/p>\r\n        <p class=\"guarantee-text\">\r\n          <span class=\"icon-shield\">\ud83d\udee1<\/span> Garant\u00eda de devoluci\u00f3n de 30 d\u00edas\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"glass-footer\">\r\n        <span>Acceso inmediato<\/span>\r\n        <span class=\"dot\">\u2022<\/span>\r\n        <span>M\u00e9todo m\u00e9dico<\/span>\r\n        <span class=\"dot\">\u2022<\/span>\r\n        <span>Sin f\u00f3rmulas milagro<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"true\" class=\"eael-section-particles-5c459de elementor-element elementor-element-5c459de e-con-full e-flex e-con e-parent\" data-eael_ptheme_source=\"presets\" data-preset_theme=\"bubble\" data-custom_style=\"\" data-particle_opacity=\"0.2\" data-particle_speed=\"5\" data-particle-mobile-disabled=\"false\" data-id=\"5c459de\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6cf6e1 elementor-widget elementor-widget-html\" data-id=\"d6cf6e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* === 1. ESTILOS BASE PC === *\/\r\n    .dr-bio-section-v13 {\r\n        background: transparent; \r\n        color: #ffffff;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        padding: 80px 5% 0px 5%; \/* Padding inferior 0 *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-height: 80vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .dr-bio-content-v13 {\r\n        max-width: 1400px;\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr; \r\n        align-items: center;\r\n        gap: 60px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- COLUMNA TEXTO --- *\/\r\n    .bio-text-col-v13 {\r\n        padding: 20px;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .bio-title-v13 {\r\n        font-size: clamp(3rem, 5vw, 5.5rem);\r\n        font-weight: 900;\r\n        line-height: 1.05;\r\n        margin-bottom: 35px;\r\n        letter-spacing: -2px;\r\n        color: #fff;\r\n    }\r\n\r\n    .bio-description-v13 {\r\n        font-size: 1.25rem; \r\n        color: #e5e7eb; \r\n        line-height: 1.6;\r\n        margin-bottom: 25px;\r\n        font-weight: 400;\r\n        max-width: 700px;\r\n    }\r\n\r\n    .bio-description-v13 strong { color: #fff; font-weight: 700; }\r\n    .accent-green-v13 { color: #00f39b; font-weight: 700; }\r\n\r\n    \/* --- SECCI\u00d3N FORMACI\u00d3N ACAD\u00c9MICA (LOGOS) --- *\/\r\n    .academic-section-v13 {\r\n        margin-top: 50px;\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        padding-top: 30px;\r\n        width: 100%;\r\n    }\r\n\r\n    .academic-title-v13 {\r\n        font-size: 1.1rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #00f39b;\r\n        font-weight: 800;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .logos-viewport-v13 {\r\n        width: 100%;\r\n        overflow: hidden; \r\n        position: relative;\r\n    }\r\n\r\n    .logos-track-v13 {\r\n        display: block;\r\n        width: 100%;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Estilo de la IMAGEN \u00daNICA DE LOGOS *\/\r\n    .combined-logo-img {\r\n        display: inline-block;\r\n        height: auto;\r\n        max-width: 100%; \r\n        width: auto; \r\n        object-fit: contain;\r\n        opacity: 0.9;\r\n        transition: opacity 0.3s;\r\n    }\r\n    .combined-logo-img:hover { opacity: 1; }\r\n\r\n    \/* El clon se oculta en PC *\/\r\n    .logo-clone-v13 { display: none; }\r\n\r\n\r\n    \/* --- COLUMNA IMAGEN DOCTOR (PC) --- *\/\r\n    .bio-image-col-v13 {\r\n        position: relative;\r\n        height: 700px; \r\n        display: flex;\r\n        align-items: flex-end;\r\n        justify-content: center;\r\n    }\r\n\r\n    .concentric-circles-v13 {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 650px; height: 650px;\r\n        border-radius: 50%;\r\n        z-index: 0;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        box-shadow: \r\n            0 0 0 60px rgba(255, 255, 255, 0.08), \r\n            0 0 0 120px rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    .hero-doctor-img-v13 {\r\n        position: relative;\r\n        z-index: 1;\r\n        height: 100%;\r\n        width: auto;\r\n        max-width: 100%;\r\n        object-fit: contain;\r\n        mask-image: linear-gradient(to top, transparent 0%, black 10%, black 100%);\r\n        -webkit-mask-image: linear-gradient(to top, transparent 0%, black 10%, black 100%);\r\n        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5));\r\n    }\r\n\r\n    \/* === 2. RESPONSIVE M\u00d3VIL (CORREGIDO DEFINITIVO) === *\/\r\n    @media (max-width: 900px) {\r\n        .dr-bio-section-v13 {\r\n            padding: 40px 20px 0px 20px; \r\n            min-height: auto;\r\n            align-items: flex-start;\r\n        }\r\n        \r\n        .dr-bio-content-v13 {\r\n            display: flex;\r\n            flex-direction: column; \/* Apilar verticalmente *\/\r\n            gap: 30px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* --- ARREGLO IMAGEN DOCTOR M\u00d3VIL (SOLUCI\u00d3N CORTE) --- *\/\r\n        .bio-image-col-v13 {\r\n            order: -1; \/* Imagen ARRIBA *\/\r\n            width: 100%;\r\n            \/* Altura din\u00e1mica para asegurar espacio *\/\r\n            height: 55vh; \r\n            min-height: 350px; \/* Altura m\u00ednima de seguridad *\/\r\n            max-height: 600px; \/* Altura m\u00e1xima para tablets *\/\r\n            margin-bottom: -20px; \r\n            align-items: flex-end; \r\n        }\r\n\r\n        .hero-doctor-img-v13 {\r\n            height: 100%;\r\n            width: 100%;\r\n            \/* object-fit: contain asegura que la imagen NUNCA se corte *\/\r\n            object-fit: contain; \r\n            object-position: bottom center;\r\n        }\r\n\r\n        .concentric-circles-v13 {\r\n            width: 320px; height: 320px;\r\n            box-shadow: 0 0 0 25px rgba(255,255,255,0.05);\r\n        }\r\n\r\n        \/* --- ARREGLO TEXTO M\u00d3VIL --- *\/\r\n        .bio-text-col-v13 { padding: 0; }\r\n\r\n        .bio-title-v13 {\r\n            font-size: 2.8rem;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .bio-description-v13 {\r\n            font-size: 1.15rem;\r\n            color: #ffffff; \r\n            padding: 0 5px;\r\n        }\r\n\r\n        \/* --- ARREGLO LOGOS INFINITOS M\u00d3VIL --- *\/\r\n        .logos-track-v13 {\r\n            display: flex;\r\n            width: 200%; \r\n            animation: scrollSingleImage 20s linear infinite;\r\n        }\r\n\r\n        .combined-logo-img {\r\n            width: 50%; \r\n            max-width: none; \r\n            flex-shrink: 0;\r\n            padding-right: 20px; \r\n        }\r\n        \r\n        \/* Mostramos el clon en m\u00f3vil *\/\r\n        .logo-clone-v13 { display: block; }\r\n    }\r\n\r\n    @keyframes scrollSingleImage {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \r\n    }\r\n<\/style>\r\n\r\n<section class=\"dr-bio-section-v13\">\r\n    \r\n    <div class=\"dr-bio-content-v13\">\r\n        \r\n        <div class=\"bio-text-col-v13\">\r\n            <h1 class=\"bio-title-v13\">\r\n                Dr. Javier Ruiz \u00c1vila\r\n            <\/h1>\r\n            \r\n            <p class=\"bio-description-v13\">\r\n                Especialista en <span class=\"accent-green-v13\">Dermatolog\u00eda<\/span> con m\u00e1s de 30 a\u00f1os de experiencia. Ha tratado cientos de casos reales de <span class=\"accent-green-v13\">acn\u00e9<\/span> y problemas cut\u00e1neos, dando soluci\u00f3n a todo tipo de problemas relacionados con la <span class=\"accent-green-v13\">piel<\/span>.\r\n            <\/p>\r\n            \r\n            <p class=\"bio-description-v13\">\r\n                Su metodolog\u00eda se centra en corregir errores comunes, simplificar rutinas y aplicar criterios dermatol\u00f3gicos reales que s\u00ed funcionan fuera del consultorio, no solo en teor\u00eda.\r\n            <\/p>\r\n\r\n            <p class=\"bio-description-v13\" style=\"margin-bottom: 0;\">\r\n                Este curso re\u00fane ese conocimiento pr\u00e1ctico para que puedas cuidar tu piel con la misma l\u00f3gica que se aplica en una consulta <span class=\"accent-green-v13\">dermatol\u00f3gica profesional.<\/span>\r\n            <\/p>\r\n\r\n            <div class=\"academic-section-v13\">\r\n                <div class=\"academic-title-v13\">Formaci\u00f3n Acad\u00e9mica<\/div>\r\n                \r\n                <div class=\"logos-viewport-v13\">\r\n                    <div class=\"logos-track-v13\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-2.png\" alt=\"Formaci\u00f3n Acad\u00e9mica\" class=\"combined-logo-img\">\r\n                        \r\n                        <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-2.png\" alt=\"\" class=\"combined-logo-img logo-clone-v13\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"bio-image-col-v13\">\r\n            <div class=\"concentric-circles-v13\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/Diseno-sin-titulo-5.png\" alt=\"Dr. Javier Ruiz\" class=\"hero-doctor-img-v13\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <style>\n                .elementor-element-5c459de.eael-particles-section > canvas {\n                    z-index: -1;\n                    position: absolute;\n                    top:0;\n                }\n            <\/style>\n        <div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4ddcdb3 e-con-full e-flex e-con e-parent\" data-id=\"4ddcdb3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d43ffd elementor-widget elementor-widget-html\" data-id=\"3d43ffd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       ESTILOS V3 (Limpios)\r\n       ========================================= *\/\r\n    \r\n    \/* Reset b\u00e1sico local *\/\r\n    .wrapper-v3, .wrapper-v3 * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .wrapper-v3 {\r\n        width: 100%;\r\n        position: relative;\r\n        text-align: center;\r\n        padding: 40px 0 0 0; \r\n        background-color: transparent; \r\n        overflow: hidden;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* === T\u00cdTULO === *\/\r\n    .title-v3 {\r\n        font-size: clamp(1.8rem, 4vw, 3rem); \r\n        font-weight: 800;\r\n        margin-bottom: 30px !important; \r\n        color: #ffffff; \r\n        line-height: 1.2;\r\n        padding: 0 20px;\r\n        white-space: normal;\r\n    }\r\n\r\n    \/* === CARRUSEL === *\/\r\n    .marquee-wrap-v3 {\r\n        display: flex;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n        margin-bottom: 0 !important;\r\n        padding-bottom: 20px; \r\n    }\r\n\r\n    .marquee-track-v3 {\r\n        display: flex;\r\n        gap: 40px; \r\n        animation: scrollv3 54s linear infinite; \r\n        width: max-content;\r\n    }\r\n    \r\n    @keyframes scrollv3 {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(-50% - 20px)); } \r\n    }\r\n\r\n    \/* === TARJETA === *\/\r\n    .card-v3 {\r\n        width: 360px;\r\n        flex-shrink: 0;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: transparent;\r\n        box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n        height: 100%; \r\n    }\r\n\r\n    \/* AJUSTE DE ALTURA IMAGEN *\/\r\n    .card-img-box-v3 {\r\n        height: 240px; \r\n        width: 100%;\r\n        position: relative;\r\n        background: #000;\r\n        flex-shrink: 0; \r\n    }\r\n\r\n    .card-img-v3 {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block; \r\n    }\r\n\r\n    .card-txt-box-v3 {\r\n        background-color: #8CC63F; \r\n        padding: 30px 25px; \r\n        flex-grow: 1; \r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n        margin-top: -1px; \r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .stars-v3 { \r\n        color: #FFD700; \r\n        font-size: 2rem; \r\n        margin-bottom: 12px; \r\n        letter-spacing: 3px; \r\n    }\r\n    \r\n    .name-container-v3 {\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .name-v3 { \r\n        font-weight: 800; \r\n        font-size: 1.4rem; \r\n        color: #ffffff; \r\n        line-height: 1.2;\r\n    }\r\n\r\n    .age-v3 {\r\n        font-size: 1rem;\r\n        font-weight: 500;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        display: block;\r\n        margin-top: 4px;\r\n    }\r\n\r\n    .review-v3 { \r\n        font-size: 1.15rem; \r\n        line-height: 1.5; \r\n        color: #ffffff; \r\n        font-weight: 500;\r\n        text-align: justify; \r\n        hyphens: auto;\r\n    }\r\n\r\n    \/* === BOT\u00d3N (CTA) === *\/\r\n    .btn-container-v3 {\r\n        position: relative;\r\n        z-index: 10;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 40px !important; \r\n        padding-bottom: 10px;\r\n    }\r\n\r\n    .btn-v3 {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: transparent; \r\n        color: #000000;\r\n        padding: 18px 60px; \r\n        border-radius: 100px;\r\n        font-size: 1.4rem; \r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        min-width: 350px;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        transform: translateZ(0); \r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 4px 20px rgba(0, 243, 155, 0.3);\r\n        cursor: pointer;\r\n        border: none;\r\n    }\r\n\r\n    \/* 1. LA SERPIENTE *\/\r\n    .btn-v3::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 500%; \r\n        height: 500%;\r\n        background: conic-gradient(\r\n            transparent 0%, \r\n            transparent 50%, \r\n            #ffffff 100% \r\n        );\r\n        transform: translate(-50%, -50%);\r\n        animation: rotate-border 4s linear infinite;\r\n        z-index: -2; \r\n        will-change: transform;\r\n    }\r\n\r\n    \/* 2. EL FONDO DEL BOT\u00d3N *\/\r\n    .btn-v3::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 3px; \r\n        background: #00f39b; \r\n        border-radius: 999px; \r\n        z-index: -1; \r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    @keyframes rotate-border {\r\n        0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n        100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    .btn-v3:hover {\r\n        transform: translateY(-3px) scale(1.02);\r\n        box-shadow: 0 10px 40px rgba(0, 243, 155, 0.6);\r\n        color: #000;\r\n    }\r\n\r\n    .btn-v3:hover::after {\r\n        background: #00ff9d;\r\n    }\r\n\r\n    \/* === M\u00d3VIL === *\/\r\n    @media (max-width: 768px) {\r\n        .title-v3 { \r\n            font-size: 2rem; \r\n            width: 95%; \r\n            margin: 0 auto 20px auto; \r\n        }\r\n        \r\n        .card-v3 { width: 300px; } \r\n        .card-img-box-v3 { height: 200px; } \r\n\r\n        .card-txt-box-v3 { padding: 25px 20px; }\r\n        .name-v3 { font-size: 1.3rem; }\r\n        .age-v3 { font-size: 0.95rem; }\r\n        .review-v3 { font-size: 1.1rem; line-height: 1.45; } \r\n\r\n        .btn-v3 { width: 90%; min-width: auto; padding: 16px 20px; font-size: 1.2rem; }\r\n        .btn-container-v3 { margin-top: 30px !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"wrapper-v3\">\r\n    \r\n    <h2 class=\"title-v3\">Resultados reales de personas que aprendieron a cuidar su piel<\/h2>\r\n\r\n    <div class=\"marquee-wrap-v3\">\r\n        <div class=\"marquee-track-v3\">\r\n            \r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/1-3.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Eduardo Hern\u00e1ndez<\/div>\r\n                        <span class=\"age-v3\">30 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Despu\u00e9s del accidente mi piel qued\u00f3 muy maltratada: inflamaci\u00f3n, marcas y mucha sensibilidad. Ten\u00eda miedo de empeorarla usando cualquier cosa. Con la gu\u00eda del Dr. Javier entend\u00ed c\u00f3mo acompa\u00f1ar la recuperaci\u00f3n de la piel sin da\u00f1arla. Fui viendo c\u00f3mo la inflamaci\u00f3n baj\u00f3 y el aspecto del rostro mejor\u00f3 semana a semana. No es improvisar, es tener un proceso claro. Hoy mi piel se ve mucho m\u00e1s sana y eso me devolvi\u00f3 la tranquilidad.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/2-2.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Lisdet Yanez<\/div>\r\n                        <span class=\"age-v3\">50 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Sent\u00eda que mi piel ya no se ve\u00eda igual: m\u00e1s apagada, con l\u00edneas marcadas y sin vida. Nada me convenc\u00eda del todo. Gracias a las indicaciones del Dr. Javier aprend\u00ed a cuidar mi piel de forma correcta y constante. La textura mejor\u00f3, la piel se ve m\u00e1s pareja y con un aspecto mucho m\u00e1s fresco. No se trata de verse joven, sino de verse bien cuidada. Y eso s\u00ed se nota.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/3-2.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Henry Gallardo<\/div>\r\n                        <span class=\"age-v3\">31 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">La neta mi acn\u00e9 ya estaba bien intenso: granos, marcas y la piel s\u00faper dispareja. Prob\u00e9 mil cosas y nada me ayudaba. Siguiendo el m\u00e9todo entend\u00ed c\u00f3mo tratar el acn\u00e9 sin empeorarlo. Con el tiempo los brotes bajaron un chorro y la piel se ve mucho m\u00e1s limpia. No es cuento, s\u00ed hay resultados si haces las cosas bien. Yo s\u00ed not\u00e9 el cambio.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/4-2.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Astrid Romero<\/div>\r\n                        <span class=\"age-v3\">24 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Mi piel pas\u00f3 por una etapa horrible: brotes constantes, rojeces y mucha sensibilidad. Me afectaba un mont\u00f3n emocionalmente. Con el acompa\u00f1amiento del Dr. Javier aprend\u00ed a tratar mi piel con calma y sin agredirla. Poco a poco los brotes se controlaron y la piel empez\u00f3 a verse m\u00e1s bonita y sana. No fue de un d\u00eda para otro, pero el cambio es real. Hoy me siento mucho m\u00e1s segura.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/5-1.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Vianney Sosa<\/div>\r\n                        <span class=\"age-v3\">21 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Siempre tuve la piel delicada, con rojeces y granitos que aparec\u00edan sin raz\u00f3n. Usaba productos sin saber si eran para m\u00ed. Gracias a las recomendaciones del Dr. Javier arm\u00e9 una rutina que s\u00ed tiene sentido para mi tipo de piel. La piel se calm\u00f3, se ve m\u00e1s uniforme y con mejor textura. M\u00e1s que un tratamiento, fue aprender a entender mi piel.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/6.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Alexis Brayan<\/div>\r\n                        <span class=\"age-v3\">25 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Ten\u00eda acn\u00e9 activo, marcas y una textura muy marcada que me bajaban mucho la confianza. Nada me funcionaba a largo plazo. Aplicando lo que explica el Dr. Javier entend\u00ed c\u00f3mo manejar el acn\u00e9 de ra\u00edz. Los brotes disminuyeron, la piel se ve m\u00e1s pareja y mucho m\u00e1s limpia. No es una soluci\u00f3n r\u00e1pida, es un proceso bien explicado que s\u00ed da resultados.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/7.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Dany Torres<\/div>\r\n                        <span class=\"age-v3\">53 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Con los a\u00f1os empec\u00e9 a notar mi piel m\u00e1s cansada, sobre todo alrededor de los ojos. Sent\u00eda que el rostro no reflejaba c\u00f3mo me sent\u00eda. Siguiendo el paso a paso de la Mentoria aprend\u00ed a cuidar mejor mi piel y a ser constante. El rostro se ve m\u00e1s firme, m\u00e1s uniforme y con mejor aspecto. No es cambiar tu cara, es mejorarla.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n             <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/1-3.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Eduardo Hern\u00e1ndez<\/div>\r\n                        <span class=\"age-v3\">30 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Despu\u00e9s del accidente mi piel qued\u00f3 muy maltratada: inflamaci\u00f3n, marcas y mucha sensibilidad. Ten\u00eda miedo de empeorarla usando cualquier cosa. Con la gu\u00eda del Dr. Javier entend\u00ed c\u00f3mo acompa\u00f1ar la recuperaci\u00f3n de la piel sin da\u00f1arla. Fui viendo c\u00f3mo la inflamaci\u00f3n baj\u00f3 y el aspecto del rostro mejor\u00f3 semana a semana. No es improvisar, es tener un proceso claro. Hoy mi piel se ve mucho m\u00e1s sana y eso me devolvi\u00f3 la tranquilidad.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/2-2.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Lisdet Yanez<\/div>\r\n                        <span class=\"age-v3\">50 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Sent\u00eda que mi piel ya no se ve\u00eda igual: m\u00e1s apagada, con l\u00edneas marcadas y sin vida. Nada me convenc\u00eda del todo. Gracias a las indicaciones del Dr. Javier aprend\u00ed a cuidar mi piel de forma correcta y constante. La textura mejor\u00f3, la piel se ve m\u00e1s pareja y con un aspecto mucho m\u00e1s fresco. No se trata de verse joven, sino de verse bien cuidada. Y eso s\u00ed se nota.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/3-2.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Henry Gallardo<\/div>\r\n                        <span class=\"age-v3\">31 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">La neta mi acn\u00e9 ya estaba bien intenso: granos, marcas y la piel s\u00faper dispareja. Prob\u00e9 mil cosas y nada me ayudaba. Siguiendo el m\u00e9todo entend\u00ed c\u00f3mo tratar el acn\u00e9 sin empeorarlo. Con el tiempo los brotes bajaron un chorro y la piel se ve mucho m\u00e1s limpia. No es cuento, s\u00ed hay resultados si haces las cosas bien. Yo s\u00ed not\u00e9 el cambio.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/4-2.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Astrid Romero<\/div>\r\n                        <span class=\"age-v3\">24 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Mi piel pas\u00f3 por una etapa horrible: brotes constantes, rojeces y mucha sensibilidad. Me afectaba un mont\u00f3n emocionalmente. Con el acompa\u00f1amiento del Dr. Javier aprend\u00ed a tratar mi piel con calma y sin agredirla. Poco a poco los brotes se controlaron y la piel empez\u00f3 a verse m\u00e1s bonita y sana. No fue de un d\u00eda para otro, pero el cambio es real. Hoy me siento mucho m\u00e1s segura.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/5-1.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Vianney Sosa<\/div>\r\n                        <span class=\"age-v3\">21 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Siempre tuve la piel delicada, con rojeces y granitos que aparec\u00edan sin raz\u00f3n. Usaba productos sin saber si eran para m\u00ed. Gracias a las recomendaciones del Dr. Javier arm\u00e9 una rutina que s\u00ed tiene sentido para mi tipo de piel. La piel se calm\u00f3, se ve m\u00e1s uniforme y con mejor textura. M\u00e1s que un tratamiento, fue aprender a entender mi piel.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/6.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Alexis Brayan<\/div>\r\n                        <span class=\"age-v3\">25 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Ten\u00eda acn\u00e9 activo, marcas y una textura muy marcada que me bajaban mucho la confianza. Nada me funcionaba a largo plazo. Aplicando lo que explica el Dr. Javier entend\u00ed c\u00f3mo manejar el acn\u00e9 de ra\u00edz. Los brotes disminuyeron, la piel se ve m\u00e1s pareja y mucho m\u00e1s limpia. No es una soluci\u00f3n r\u00e1pida, es un proceso bien explicado que s\u00ed da resultados.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-v3\">\r\n                <div class=\"card-img-box-v3\"><img decoding=\"async\" src=\"https:\/\/aprenly.com\/wp-content\/uploads\/2025\/12\/7.jpg\" alt=\"Cliente\" class=\"card-img-v3\"><\/div>\r\n                <div class=\"card-txt-box-v3\">\r\n                    <div class=\"stars-v3\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"name-container-v3\">\r\n                        <div class=\"name-v3\">Dany Torres<\/div>\r\n                        <span class=\"age-v3\">53 a\u00f1os<\/span>\r\n                    <\/div>\r\n                    <div class=\"review-v3\">Con los a\u00f1os empec\u00e9 a notar mi piel m\u00e1s cansada, sobre todo alrededor de los ojos. Sent\u00eda que el rostro no reflejaba c\u00f3mo me sent\u00eda. Siguiendo el paso a paso de la Mentoria aprend\u00ed a cuidar mejor mi piel y a ser constante. El rostro se ve m\u00e1s firme, m\u00e1s uniforme y con mejor aspecto. No es cambiar tu cara, es mejorarla.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"btn-container-v3\">\r\n        <a href=\"https:\/\/aprenly.com\/es\/planes\/\" class=\"btn-v3\">Quiero mejorar mi piel desde hoy<\/a>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-67af013 e-con-full e-flex e-con e-parent\" data-id=\"67af013\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5536f80 elementor-widget elementor-widget-html\" data-id=\"5536f80\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. CONTENEDOR DE LA SECCI\u00d3N *\/\r\n    .skills-section-container {\r\n        width: 100%;\r\n        max-width: 1200px; \r\n        margin: 0 auto;\r\n        padding: 60px 20px; \r\n        background-color: transparent; \r\n        font-family: 'Open Sans', sans-serif; \r\n    }\r\n\r\n    \/* 2. T\u00cdTULO PRINCIPAL *\/\r\n    .skills-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #ffffff;\r\n        margin-bottom: 60px; \r\n    }\r\n\r\n    \/* 3. REJILLA (2 COLUMNAS) *\/\r\n    .skills-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 50px; \r\n    }\r\n\r\n    \/* 4. ESTILOS DE CADA COLUMNA *\/\r\n    .skill-column {\r\n        padding: 30px;\r\n        border-radius: 16px;\r\n\r\n        \/* EFECTO LIQUID GLASS VERDE *\/\r\n        background: linear-gradient(\r\n            135deg,\r\n            rgba(0, 243, 155, 0.15),  \r\n            rgba(255, 255, 255, 0.03) \r\n        );\r\n        backdrop-filter: blur(12px);          \r\n        -webkit-backdrop-filter: blur(12px); \r\n        border: 1px solid rgba(0, 243, 155, 0.3); \r\n        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); \r\n        \r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n    \r\n    \/* Agregamos un peque\u00f1o brillo extra a la columna entera al pasar el mouse *\/\r\n    .skill-column:hover {\r\n        box-shadow: 0 8px 32px 0 rgba(0, 243, 155, 0.2);\r\n    }\r\n\r\n    .skill-column h3 {\r\n        font-size: 20px; \r\n        font-weight: 700;\r\n        color: #00f39b; \r\n        margin: 0 0 5px 0;\r\n    }\r\n\r\n    .module-subtitle {\r\n        display: block;\r\n        font-size: 14px;\r\n        color: #cccccc;\r\n        font-style: italic;\r\n        margin-bottom: 15px;\r\n        padding-bottom: 10px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    \/* 5. LISTA DE ELEMENTOS *\/\r\n    .skill-list {\r\n        list-style: none; \r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .skill-item {\r\n        display: flex; \r\n        align-items: flex-start;\r\n        margin-bottom: 12px;\r\n        font-size: 15px;\r\n        color: #ffffff; \r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* 6. RESULTADO FINAL *\/\r\n    .module-result {\r\n        margin-top: 20px;\r\n        padding: 15px; \r\n        background: rgba(0, 243, 155, 0.08); \r\n        border-left: 4px solid #00f39b; \r\n        color: #ffffff;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        border-radius: 0 8px 8px 0; \r\n        \r\n        margin-left: 0; \r\n        width: 100%; \r\n        box-sizing: border-box; \r\n    }\r\n\r\n    \/* 7. EL ICONO DE CHECK VERDE *\/\r\n    .check-icon {\r\n        flex-shrink: 0; \r\n        width: 20px;\r\n        height: 20px;\r\n        margin-right: 12px;\r\n        margin-top: 2px; \r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%2300bf71' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7' \/%3E%3C\/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n    }\r\n\r\n    \/* 8. RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .skills-grid {\r\n            grid-template-columns: 1fr; \r\n            gap: 40px;\r\n        }\r\n        .skills-main-title {\r\n            font-size: 28px;\r\n            margin-bottom: 40px;\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       NUEVO CSS PARA ICONOS EN LOS T\u00cdTULOS (SIMPLIFICADO)\r\n       ========================================= *\/\r\n\r\n    \/* 1. Ajuste base para el t\u00edtulo *\/\r\n    .skill-column h3 {\r\n        display: flex;\r\n        align-items: center; \r\n    }\r\n\r\n    \/* 2. Estilo base del icono (SIN NE\u00d3N INTENSO) *\/\r\n    .skill-column h3::before {\r\n        content: ''; \r\n        display: inline-block;\r\n        width: 32px;  \r\n        height: 32px; \r\n        margin-right: 15px;\r\n        \r\n        \/* Aseguramos que no haya fondo base *\/\r\n        background-color: transparent;\r\n        \r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        \r\n        \/* Transici\u00f3n suave para el hover *\/\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* 3. ESTADO HOVER (LIMPIO, SIN CUADRADO) *\/\r\n    .skill-column:hover h3::before {\r\n        \/* Al pasar el mouse, el icono crece un poco y tiene un brillo muy sutil y pegado *\/\r\n        transform: scale(1.1);\r\n        filter: drop-shadow(0 0 4px rgba(0, 243, 155, 0.8));\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       ASIGNACI\u00d3N DE ICONOS\r\n       ========================================= *\/\r\n\r\n    .skill-column:nth-child(1) h3::before {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f39b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 15c6.667-6 13.333 0 20-6'\/%3E%3Cpath d='M9 22c1.798-1.998 2.518-3.995 2.807-5.993'\/%3E%3Cpath d='M15 2c-1.798 1.998-2.518 3.995-2.807 5.993'\/%3E%3Cpath d='M17 6l-2.5-2.5'\/%3E%3Cpath d='M14 8l-1-1'\/%3E%3Cpath d='M7 18l2.5 2.5'\/%3E%3Cpath d='M3.5 14.5l.5.5'\/%3E%3Cpath d='M20 9l.5.5'\/%3E%3Cpath d='M6.5 12.5l1 1'\/%3E%3Cpath d='M16.5 10.5l1 1'\/%3E%3Cpath d='M10 16l1.5 1.5'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .skill-column:nth-child(2) h3::before {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f39b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4'\/%3E%3Cpath d='M12 2v6'\/%3E%3Cpath d='M12 8l-5 7v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-4l-5-7z'\/%3E%3Cpath d='M8.5 14h7'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .skill-column:nth-child(3) h3::before {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f39b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'\/%3E%3Cpath d='M12 6v6'\/%3E%3Cpath d='M9 9h6'\/%3E%3Cpath d='M12 18h.01'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .skill-column:nth-child(4) h3::before {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f39b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'\/%3E%3Cpath d='M12 8a4 4 0 1 0 4 4'\/%3E%3C\/svg%3E\");\r\n    }\r\n<\/style>\r\n\r\n<div class=\"skills-section-container\">\r\n    \r\n    <h2 class=\"skills-main-title\">Lo que aprender\u00e1s en esta mentor\u00eda<\/h2>\r\n\r\n    <div class=\"skills-grid\">\r\n        \r\n        <div class=\"skill-column\">\r\n            <h3>M\u00f3dulo 1: \u00bfQu\u00e9 tipo de piel eres?<\/h3>\r\n            <span class=\"module-subtitle\">Deja de adivinar y conoce tu ADN dermatol\u00f3gico.<\/span>\r\n            <ul class=\"skill-list\">\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Identifica tu biotipo real con criterios m\u00e9dicos, no de influencers.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Distingue entre imperfecciones comunes y alertas como la ros\u00e1cea.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Conoce la verdadera resistencia de tu barrera cut\u00e1nea.<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n            <div class=\"module-result\">Resultado: Nunca volver\u00e1s a gastar en el producto equivocado.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"skill-column\">\r\n            <h3>M\u00f3dulo 2: Rutina personalizada<\/h3>\r\n            <span class=\"module-subtitle\">La ciencia del \"menos es m\u00e1s\".<\/span>\r\n            <ul class=\"skill-list\">\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Crea tu rutina AM\/PM con el orden exacto de aplicaci\u00f3n.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Aprende a combinar activos potentes sin irritar tu cara.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Domina la limpieza profunda que respeta tu flora natural.<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n            <div class=\"module-result\">Resultado: Una rutina cl\u00ednica, eficiente y econ\u00f3mica.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"skill-column\">\r\n            <h3>M\u00f3dulo 3: Acn\u00e9 y Manchas<\/h3>\r\n            <span class=\"module-subtitle\">Protocolos para imperfecciones rebeldes.<\/span>\r\n            <ul class=\"skill-list\">\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Descubre si tus brotes son hormonales, bacterianos o por estr\u00e9s.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Trata granitos activos sin dejar marcas ni cicatrices.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Despigmentaci\u00f3n inteligente: borra manchas de sol, melasma y acn\u00e9.<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n            <div class=\"module-result\">Resultado: Textura lisa y uniforme con t\u00e9cnicas de dermatolog\u00eda cosm\u00e9tica.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"skill-column\">\r\n            <h3>M\u00f3dulo 4: Hidrataci\u00f3n y Protecci\u00f3n Solar<\/h3>\r\n            <span class=\"module-subtitle\">Tu seguro de vida contra el envejecimiento.<\/span>\r\n            <ul class=\"skill-list\">\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Logra el efecto Glowy Skin diferenciando hidrataci\u00f3n de humectaci\u00f3n.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Elige el filtro solar perfecto (mineral vs. qu\u00edmico) para ti.<\/span>\r\n                <\/li>\r\n                <li class=\"skill-item\">\r\n                    <div class=\"check-icon\"><\/div>\r\n                    <span>Prevenci\u00f3n del da\u00f1o solar con visi\u00f3n de dermato-oncolog\u00eda.<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n            <div class=\"module-result\">Resultado: Piel luminosa y protegida a largo plazo.<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-978472e e-con-full e-flex e-con e-parent\" data-id=\"978472e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f081d4 elementor-widget elementor-widget-html\" data-id=\"3f081d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       ESTILOS BASE\r\n       ========================================= *\/\r\n    .wrapper-video-section, .wrapper-video-section * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .wrapper-video-section {\r\n        width: 100%;\r\n        position: relative;\r\n        text-align: center;\r\n        padding: 60px 0; \r\n        background-color: transparent;\r\n        overflow: hidden; \r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n    }\r\n\r\n    \/* === T\u00cdTULO === *\/\r\n    .title-video {\r\n        font-size: clamp(1.8rem, 4vw, 3rem); \r\n        font-weight: 800;\r\n        margin-bottom: 40px !important; \r\n        color: #ffffff; \/* Blanco directo *\/\r\n        line-height: 1.2;\r\n        padding: 0 20px;\r\n        white-space: normal;\r\n        max-width: 1000px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    \/* === CONTENEDOR PRINCIPAL DEL CARRUSEL === *\/\r\n    .carousel-container-relative {\r\n        position: relative; \/* Para posicionar las flechas *\/\r\n        width: 100%;\r\n        max-width: 1400px; \/* Limite de ancho para pantallas gigantes *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* === SCROLL MANUAL === *\/\r\n    .video-scroll-container {\r\n        display: flex;\r\n        gap: 30px;\r\n        overflow-x: auto; \r\n        overflow-y: hidden;\r\n        padding: 20px 5%; \r\n        width: 100%;\r\n        \r\n        \/* Efecto de inercia en m\u00f3viles *\/\r\n        -webkit-overflow-scrolling: touch; \r\n        scroll-behavior: smooth;\r\n        \r\n        \/* Alineaci\u00f3n *\/\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    \/* === BARRA DE SCROLL PERSONALIZADA (SOLO PC) === *\/\r\n    \/* Dise\u00f1o fino y elegante para que se pueda usar con el mouse *\/\r\n    .video-scroll-container::-webkit-scrollbar {\r\n        height: 8px; \/* Altura de la barra horizontal *\/\r\n        display: block; \/* Visible en PC *\/\r\n    }\r\n\r\n    .video-scroll-container::-webkit-scrollbar-track {\r\n        background: rgba(255, 255, 255, 0.1); \r\n        border-radius: 4px;\r\n        margin: 0 5%; \/* Margen para que no toque los bordes *\/\r\n    }\r\n\r\n    .video-scroll-container::-webkit-scrollbar-thumb {\r\n        background: #555; \r\n        border-radius: 4px;\r\n        transition: background 0.3s;\r\n    }\r\n\r\n    .video-scroll-container::-webkit-scrollbar-thumb:hover {\r\n        background: #00f39b; \/* Verde al pasar el mouse *\/\r\n        cursor: grab;\r\n    }\r\n\r\n    \/* === BOTONES DE NAVEGACI\u00d3N (FLECHAS) === *\/\r\n    .nav-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 50px;\r\n        height: 50px;\r\n        background-color: #ffffff;\r\n        border-radius: 50%;\r\n        border: none;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n        cursor: pointer;\r\n        z-index: 20;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s ease;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .nav-btn:hover {\r\n        background-color: #00f39b; \/* Verde hover *\/\r\n        transform: translateY(-50%) scale(1.1);\r\n        opacity: 1;\r\n        box-shadow: 0 0 20px rgba(0, 243, 155, 0.6);\r\n    }\r\n\r\n    .nav-btn svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: #000000;\r\n        transition: fill 0.3s ease;\r\n    }\r\n\r\n    .prev-btn { left: 20px; }\r\n    .next-btn { right: 20px; }\r\n\r\n    \/* === TARJETA DE VIDEO (C\u00c1PSULA) === *\/\r\n    .video-card {\r\n        width: 280px;\r\n        height: 500px; \r\n        flex-shrink: 0; \r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: #000; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        position: relative;\r\n        cursor: pointer; \r\n        transition: transform 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    .video-card:hover {\r\n        border-color: #00f39b; \r\n        transform: scale(1.02);\r\n        z-index: 5;\r\n    }\r\n\r\n    .video-preview-iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n        display: block;\r\n        pointer-events: none; \r\n        object-fit: cover;\r\n        opacity: 0.7; \r\n    }\r\n\r\n    \/* === CAPA DE INFORMACI\u00d3N (OVERLAY) === *\/\r\n    .card-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 100%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        padding: 20px;\r\n        text-align: left;\r\n        pointer-events: none; \r\n    }\r\n\r\n    .quote-text {\r\n        font-size: 1.1rem;\r\n        color: #fff;\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n        margin-bottom: 8px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .author-text {\r\n        font-size: 0.9rem;\r\n        color: #00f39b; \r\n        font-weight: 600;\r\n        margin-bottom: 5px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* \u00cdCONO DE PLAY CENTRADO *\/\r\n    .play-icon-overlay {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 60px;\r\n        height: 60px;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(5px);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 2px solid rgba(255, 255, 255, 0.6);\r\n        transition: all 0.3s ease;\r\n        z-index: 10;\r\n    }\r\n\r\n    .video-card:hover .play-icon-overlay {\r\n        background: #00f39b; \r\n        border-color: #00f39b;\r\n        transform: translate(-50%, -50%) scale(1.1);\r\n    }\r\n\r\n    .play-triangle {\r\n        width: 0; \r\n        height: 0; \r\n        border-top: 10px solid transparent;\r\n        border-bottom: 10px solid transparent;\r\n        border-left: 18px solid #fff;\r\n        margin-left: 4px;\r\n    }\r\n    \r\n    .video-card:hover .play-triangle {\r\n        border-left-color: #000;\r\n    }\r\n\r\n    \/* === MODAL (LIGHTBOX) === *\/\r\n    .video-modal {\r\n        display: none; \r\n        position: fixed;\r\n        z-index: 999999; \r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.95); \r\n        backdrop-filter: blur(5px);\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .video-modal.active {\r\n        display: flex;\r\n        opacity: 1;\r\n    }\r\n\r\n    .modal-content-wrapper {\r\n        position: relative;\r\n        width: 90%;\r\n        max-width: 1000px;\r\n        aspect-ratio: 16\/9; \r\n        max-height: 90vh;\r\n        z-index: 1000000; \r\n    }\r\n\r\n    \/* Para videos verticales en modal (PC) *\/\r\n    .modal-content-wrapper.vertical-mode {\r\n        aspect-ratio: 9\/16;\r\n        width: auto;\r\n        height: 85vh;\r\n    }\r\n\r\n    .modal-iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 12px;\r\n        box-shadow: 0 0 50px rgba(0, 243, 155, 0.1);\r\n        background: #000;\r\n        border: none;\r\n    }\r\n\r\n    \/* === BOT\u00d3N DE CERRAR (FIXED) === *\/\r\n    .close-modal {\r\n        position: fixed; \r\n        top: 30px;\r\n        right: 30px;\r\n        width: 50px;\r\n        height: 50px;\r\n        background: #ffffff; \r\n        border: 2px solid #ffffff;\r\n        border-radius: 50%;\r\n        color: #000000; \r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        z-index: 2000000; \r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.8);\r\n        transition: all 0.3s ease;\r\n        line-height: 0; \r\n        padding-bottom: 4px; \r\n    }\r\n\r\n    .close-modal:hover { \r\n        background: #00f39b; \r\n        border-color: #00f39b;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* === RESPONSIVE M\u00d3VIL === *\/\r\n    @media (max-width: 768px) {\r\n        .title-video { font-size: 2rem; margin-bottom: 30px !important; }\r\n        .video-card { width: 240px; height: 400px; }\r\n        .quote-text { font-size: 1rem; }\r\n        \r\n        \/* OCULTAMOS FLECHAS Y BARRA SCROLL EN M\u00d3VIL (Porque usan el dedo) *\/\r\n        .nav-btn { display: none !important; }\r\n        .video-scroll-container::-webkit-scrollbar { display: none; }\r\n        \r\n        .video-scroll-container {\r\n            padding: 20px 20px; \r\n            gap: 15px;\r\n        }\r\n\r\n        .play-icon-overlay { width: 50px; height: 50px; }\r\n        \r\n        .modal-content-wrapper.vertical-mode {\r\n            height: 75vh; \r\n            width: auto;\r\n            aspect-ratio: 9\/16;\r\n            margin-top: 0; \r\n        }\r\n\r\n        .close-modal {\r\n            top: 15px; \r\n            right: 15px;\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"wrapper-video-section\">\r\n    \r\n    <h2 class=\"title-video\">Resultados que hablan por s\u00ed solos, casos reales guiados por el Dr. Javier<\/h2>\r\n\r\n    <div class=\"carousel-container-relative\">\r\n        \r\n        <button class=\"nav-btn prev-btn\" onclick=\"scrollVideos(-1)\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"><\/path><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"video-scroll-container\" id=\"videoScrollBox\">\r\n                \r\n                <div class=\"video-card\" onclick=\"openModal('1146466579')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466579?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    \r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Caso de \u00c9xito<\/div>\r\n                            <div class=\"quote-text\">\"Super\u00f3 bastante las expectativas de dise\u00f1o y funcionamiento.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466630')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466630?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Paciente Feliz<\/div>\r\n                            <div class=\"quote-text\">\"La mejor inversi\u00f3n que he hecho para mi piel.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466670')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466670?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Cambio Real<\/div>\r\n                            <div class=\"quote-text\">\"Aprend\u00ed a cuidar mi rostro sin complicaciones.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466719')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466719?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Sin Marcas<\/div>\r\n                            <div class=\"quote-text\">\"Los resultados se notaron desde las primeras semanas.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466772')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466772?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Nueva Rutina<\/div>\r\n                            <div class=\"quote-text\">\"Entend\u00ed qu\u00e9 productos realmente necesita mi piel.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466799')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466799?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Confianza Total<\/div>\r\n                            <div class=\"quote-text\">\"Recuper\u00e9 la seguridad en mi mismo gracias al Dr. Javier.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466830')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466830?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Piel Sana<\/div>\r\n                            <div class=\"quote-text\">\"Un m\u00e9todo claro y efectivo, 100% recomendado.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466854')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466854?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Resultados<\/div>\r\n                            <div class=\"quote-text\">\"Nunca hab\u00eda visto mi piel tan limpia y radiante.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"video-card\" onclick=\"openModal('1146466920')\">\r\n                    <iframe class=\"video-preview-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1146466920?background=1&autoplay=0&loop=0&byline=0&title=0\" allowfullscreen><\/iframe>\r\n                    <div class=\"card-overlay\">\r\n                        <div class=\"play-icon-overlay\"><div class=\"play-triangle\"><\/div><\/div>\r\n                        <div>\r\n                            <div class=\"author-text\">Agradecido<\/div>\r\n                            <div class=\"quote-text\">\"Gracias Dr. por cambiar la salud de mi piel.\"<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button class=\"nav-btn next-btn\" onclick=\"scrollVideos(1)\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"><\/path><\/svg>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"videoModal\" class=\"video-modal\" onclick=\"closeModal()\">\r\n        <div class=\"close-modal\" onclick=\"closeModal()\">\u2715<\/div>\r\n\r\n        <div class=\"modal-content-wrapper vertical-mode\" onclick=\"event.stopPropagation()\">\r\n            <iframe id=\"modalIframe\" class=\"modal-iframe\" src=\"\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ === L\u00d3GICA DE NAVEGACI\u00d3N (FLECHAS) ===\r\n    function scrollVideos(direction) {\r\n        const container = document.getElementById('videoScrollBox');\r\n        const scrollAmount = 320; \/\/ Ancho de tarjeta + espacio aprox\r\n        \r\n        container.scrollBy({\r\n            left: scrollAmount * direction,\r\n            behavior: 'smooth'\r\n        });\r\n    }\r\n\r\n    \/\/ === L\u00d3GICA DE MODAL (VIDEOS) ===\r\n    const modal = document.getElementById(\"videoModal\");\r\n    const modalIframe = document.getElementById(\"modalIframe\");\r\n\r\n    function openModal(videoId) {\r\n        \/\/ Autoplay activado\r\n        const vimeoUrl = `https:\/\/player.vimeo.com\/video\/${videoId}?autoplay=1&badge=0&autopause=0&player_id=0&app_id=58479`;\r\n        modalIframe.src = vimeoUrl;\r\n        \r\n        modal.classList.add(\"active\");\r\n        document.body.style.overflow = \"hidden\"; \/\/ Bloquea scroll de fondo\r\n    }\r\n\r\n    function closeModal() {\r\n        modal.classList.remove(\"active\");\r\n        \r\n        setTimeout(() => {\r\n            modalIframe.src = \"\"; \/\/ Detiene video\r\n        }, 300);\r\n        \r\n        document.body.style.overflow = \"auto\"; \r\n    }\r\n\r\n    document.addEventListener(\"keydown\", function(event) {\r\n        if (event.key === \"Escape\") {\r\n            closeModal();\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"true\" class=\"eael-section-particles-f4a3fe5 elementor-element elementor-element-f4a3fe5 e-con-full e-flex e-con e-parent\" data-eael_ptheme_source=\"presets\" data-preset_theme=\"nasa\" data-custom_style=\"\" data-particle_opacity=\"0.1\" data-particle_speed=\"1\" data-particle-mobile-disabled=\"false\" data-id=\"f4a3fe5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0126a2 elementor-widget elementor-widget-html\" data-id=\"c0126a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* Contenedor Principal y Reseteo Local *\/\n    .pricing-wrapper-unique {\n        width: 100%;\n        background: transparent;\n        color: white;\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n\n    .pricing-wrapper-unique * { box-sizing: border-box; }\n\n    \/* SECCI\u00d3N DE PRECIOS *\/\n    .pricing-wrapper-unique .platzi-clone-container {\n        width: 100%;\n        padding: 60px 20px 40px 20px; \n    }\n\n    .pricing-wrapper-unique .pricing-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n        align-items: stretch; \n    }\n\n    .pricing-wrapper-unique .pricing-card {\n        background-color: rgba(255, 255, 255, 0.03); \n        border: 1px solid rgba(0, 243, 155, 0.2);\n        border-radius: 16px;\n        padding: 32px;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        backdrop-filter: blur(10px);\n    }\n\n    .pricing-wrapper-unique .pricing-card:hover {\n        border-color: #00f39b;\n        transform: translateY(-5px);\n        box-shadow: 0 15px 40px rgba(0, 243, 155, 0.15);\n        background-color: rgba(255, 255, 255, 0.05);\n        z-index: 2;\n    }\n\n    .pricing-wrapper-unique .plan-header {\n        margin-bottom: 24px;\n        border-bottom: 1px solid rgba(255,255,255,0.1);\n        padding-bottom: 24px;\n    }\n\n    .pricing-wrapper-unique .plan-title { font-size: 26px; font-weight: 800; margin: 0 0 8px 0; color: #ffffff; letter-spacing: -0.5px; }\n    .pricing-wrapper-unique .plan-subtitle { font-size: 15px; color: #a0aec0; margin: 0; line-height: 1.4; min-height: 42px; }\n\n    .pricing-wrapper-unique .price-block { margin-top: 16px; }\n    .pricing-wrapper-unique .discount-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 14px; flex-wrap: wrap; }\n    .pricing-wrapper-unique .old-price { color: #94a3b8; text-decoration: line-through; font-weight: 500; }\n    .pricing-wrapper-unique .save-badge { background: rgba(0, 243, 155, 0.15); color: #00f39b; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; }\n\n    \/* BADGES *\/\n    .pricing-wrapper-unique .limit-badge {\n        background: linear-gradient(135deg, #ff4d4d 0%, #ff0000 100%); \n        color: #ffffff; border: 2px solid #ffffff; \n        font-size: 14px; font-weight: 900; padding: 8px 15px; border-radius: 50px; \n        text-transform: uppercase; letter-spacing: 1px;\n        box-shadow: 0 0 20px rgba(255, 0, 0, 0.6);\n        animation: pulse 1.5s infinite ease-in-out;\n        display: table; margin: 10px auto 20px auto;\n    }\n\n    .pricing-wrapper-unique .special-badge {\n        position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n        background: #00f39b; color: #052e1f; font-size: 11px; font-weight: 800;\n        padding: 6px 16px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px;\n        box-shadow: 0 4px 15px rgba(0, 243, 155, 0.3); white-space: nowrap;\n    }\n\n    .pricing-wrapper-unique .guarantee-text { display: block; font-size: 13px; color: #e2e8f0; margin-top: 12px; font-weight: 500; line-height: 1.4; }\n    .pricing-wrapper-unique .guarantee-highlight { color: #00f39b; font-weight: 700; }\n\n    @keyframes pulse {\n        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.7); }\n        50% { transform: scale(1.08); box-shadow: 0 0 25px 5px rgba(255, 0, 0, 0.5); }\n        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 77, 0); }\n    }\n\n    .pricing-wrapper-unique .price-wrapper { display: flex; align-items: baseline; }\n    .pricing-wrapper-unique .currency { font-size: 24px; font-weight: 600; margin-right: 4px; color: #ffffff; }\n    .pricing-wrapper-unique .amount { font-size: 48px; font-weight: 800; color: #ffffff; line-height: 1; }\n    .pricing-wrapper-unique .period { font-size: 16px; color: #a0aec0; margin-left: 8px; }\n\n    .pricing-wrapper-unique .features { list-style: none; padding: 0; margin: 0 0 32px 0; flex-grow: 1; }\n    .pricing-wrapper-unique .features li { display: flex; align-items: flex-start; margin-bottom: 16px; font-size: 14px; line-height: 1.5; color: #e2e8f0; }\n    .pricing-wrapper-unique .features li strong { color: #ffffff; font-weight: 700; }\n    .pricing-wrapper-unique .check-icon { min-width: 20px; height: 20px; margin-right: 12px; margin-top: 3px; color: #00f39b; }\n    .pricing-wrapper-unique .cross-icon { min-width: 20px; height: 20px; margin-right: 12px; margin-top: 3px; color: #64748b; }\n    .pricing-wrapper-unique .excluded-text { color: #94a3b8; }\n\n    .pricing-wrapper-unique .btn-action { \n        display: block; width: 100%; padding: 16px; border-radius: 12px; \n        text-align: center; text-decoration: none; font-weight: 800; font-size: 16px; \n        transition: all 0.2s ease; cursor: pointer; \n        margin-top: auto;\n    }\n    .pricing-wrapper-unique .btn-outline { background: transparent; border: 2px solid #00f39b; color: #00f39b; }\n    .pricing-wrapper-unique .btn-outline:hover { background: rgba(0, 243, 155, 0.15); color: #ffffff; border-color: #00f39b; box-shadow: 0 0 20px rgba(0, 243, 155, 0.4); }\n    .pricing-wrapper-unique .btn-solid { background: linear-gradient(135deg, #00d486 0%, #00a86b 100%); border: none; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }\n    .pricing-wrapper-unique .btn-solid:hover { background: linear-gradient(135deg, #00f39b 0%, #00d486 100%); box-shadow: 0 5px 25px rgba(0, 243, 155, 0.5); transform: scale(1.02); }\n    .pricing-wrapper-unique .card-premium { border: 1px solid rgba(0, 243, 155, 0.5); background-color: rgba(0, 243, 155, 0.02); box-shadow: 0 0 40px rgba(0, 243, 155, 0.08); }\n\n    \/* SECCI\u00d3N FAQ *\/\n    .pricing-wrapper-unique .faq-section { padding: 0px 20px 40px 20px; max-width: 900px; margin: 0 auto; }\n    .pricing-wrapper-unique .faq-title { text-align: center; font-size: clamp(2.5rem, 5vw, 3.5rem); margin-bottom: 50px; font-weight: 900; margin-top: 40px; color: #ffffff !important; letter-spacing: -1px; }\n    .pricing-wrapper-unique .faq-item { background-color: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; margin-bottom: 20px; overflow: hidden; transition: all 0.3s ease; }\n    .pricing-wrapper-unique .faq-item:hover { border-color: rgba(0, 243, 155, 0.5); background-color: rgba(255, 255, 255, 0.05); }\n    .pricing-wrapper-unique .faq-question { padding: 25px 30px; font-size: 1.3rem; font-weight: 700; cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; line-height: 1.3; color: #ffffff; }\n    .pricing-wrapper-unique .faq-icon { width: 28px; height: 28px; transition: transform 0.3s ease; flex-shrink: 0; margin-left: 20px; color: #00f39b; }\n    .pricing-wrapper-unique .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; padding: 0 30px; color: #e2e8f0; font-size: 1.1rem; line-height: 1.7; font-weight: 400; }\n    .pricing-wrapper-unique .faq-item.active { background-color: rgba(255, 255, 255, 0.08); border-color: #00f39b; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }\n    .pricing-wrapper-unique .faq-item.active .faq-answer { padding-bottom: 30px; }\n    .pricing-wrapper-unique .faq-item.active .faq-icon { transform: rotate(180deg); }\n    .pricing-wrapper-unique .faq-item.active .faq-question { color: #00f39b; }\n\n    @media (max-width: 600px) {\n        .pricing-wrapper-unique .faq-title { font-size: 2.2rem; margin-bottom: 30px; }\n        .pricing-wrapper-unique .faq-question { font-size: 1.15rem; padding: 20px 20px; }\n        .pricing-wrapper-unique .faq-answer { font-size: 1rem; padding: 0 20px; }\n    }\n<\/style>\n\n<div class=\"pricing-wrapper-unique\">\n    <div class=\"platzi-clone-container\">\n        <div class=\"pricing-grid\">\n            \n            <div class=\"pricing-card\">\n                <div class=\"plan-header\">\n                    <h3 class=\"plan-title\">Plan Starter<\/h3>\n                    <p class=\"plan-subtitle\">Tu primer paso para aprender, cuidar y mejorar tu piel.<\/p>\n                    <div class=\"price-block\">\n                        <div class=\"discount-row\">\n                            <span class=\"old-price\">Antes $19.99<\/span>\n                            <span class=\"save-badge\">AHORRA HOY<\/span>\n                        <\/div>\n                        <div class=\"price-wrapper\">\n                            <span class=\"currency\">$<\/span>\n                            <span class=\"amount\">7.99<\/span>\n                            <span class=\"period\">USD\/mes<\/span>\n                        <\/div>\n                    <\/div>\n                    <span class=\"guarantee-text\">\n                        \ud83d\udee1\ufe0f <span class=\"guarantee-highlight\">Compra 100% segura:<\/span> 30 d\u00edas de garant\u00eda de satisfacci\u00f3n o te devolvemos tu dinero.\n                    <\/span>\n                <\/div>\n                <ul class=\"features\">\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">1 Clase Mensual<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">1 Masterclass Mensual<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Concurso y Din\u00e1micas<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Newsletter Mensual<\/span><\/li>\n                <\/ul>\n                <a href=\"https:\/\/aprenly.com\/es\/registro\/?plan=starter\" class=\"btn-action btn-outline\">Suscr\u00edbete a Plan Starter<\/a>\n            <\/div>\n\n            <div class=\"pricing-card\">\n                <div class=\"plan-header\">\n                    <h3 class=\"plan-title\">Plan Esencial<\/h3>\n                    <p class=\"plan-subtitle\">Recupera el control de tu piel a tu propio ritmo.<\/p>\n                    <div class=\"price-block\">\n                        <div class=\"discount-row\">\n                            <span class=\"old-price\">Antes $49.99<\/span>\n                            <span class=\"save-badge\">AHORRA HOY<\/span>\n                        <\/div>\n                        <div class=\"price-wrapper\">\n                            <span class=\"currency\">$<\/span>\n                            <span class=\"amount\">29.99<\/span>\n                            <span class=\"period\">USD\/mes<\/span>\n                        <\/div>\n                    <\/div>\n                    <span class=\"guarantee-text\">\n                        \ud83d\udee1\ufe0f <span class=\"guarantee-highlight\">Compra 100% segura:<\/span> 30 d\u00edas de garant\u00eda de satisfacci\u00f3n o te devolvemos tu dinero.\n                    <\/span>\n                <\/div>\n                <ul class=\"features\">\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Acceso total a Skin Mastery<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Gu\u00edas Descargables: Newsletter.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Constancia de Participaci\u00f3n (digital).<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Concursos y Din\u00e1micas.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Eventos.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Comunidad General.<\/span><\/li>\n                    <li><svg class=\"cross-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg><span class=\"feature-text excluded-text\">Acceso a Comunidad VIP.<\/span><\/li>\n                    <li><svg class=\"cross-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg><span class=\"feature-text excluded-text\">10% de descuento en consultas (online\/presencial).<\/span><\/li>\n                    <li><svg class=\"cross-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg><span class=\"feature-text excluded-text\">Acceso al \"Derma-Chat\".<\/span><\/li>\n                <\/ul>\n                <a href=\"https:\/\/aprenly.com\/es\/registro\/?plan=esencial\" class=\"btn-action btn-outline\">Suscr\u00edbete a Plan Esencial<\/a>\n            <\/div>\n\n            <div class=\"pricing-card card-premium\">\n                <div class=\"special-badge\">RECOMENDADO POR EL DR.<\/div>\n                <div class=\"limit-badge\">\ud83d\udd25 CUPOS LIMITADOS<\/div>\n                <div class=\"plan-header\">\n                    <h3 class=\"plan-title\">Plan Premium<\/h3>\n                    <p class=\"plan-subtitle\">La experiencia completa: Aprendizaje + Mentor\u00eda + Tecnolog\u00eda.<\/p>\n                    <div class=\"price-block\">\n                        <div class=\"discount-row\">\n                            <span class=\"old-price\">Antes $119.99<\/span>\n                            <span class=\"save-badge\">AHORRA HOY<\/span>\n                        <\/div>\n                        <div class=\"price-wrapper\">\n                            <span class=\"currency\">$<\/span>\n                            <span class=\"amount\">59.99<\/span>\n                            <span class=\"period\">USD\/mes<\/span>\n                        <\/div>\n                    <\/div>\n                    <span class=\"guarantee-text\">\n                        \ud83d\udee1\ufe0f <span class=\"guarantee-highlight\">Compra 100% segura:<\/span> 30 d\u00edas de garant\u00eda de satisfacci\u00f3n o te devolvemos tu dinero.\n                    <\/span>\n                <\/div>\n                <ul class=\"features\">\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Acceso total a Skin Mastery<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Gu\u00edas Descargables: Newsletter.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Constancia de Participaci\u00f3n (digital).<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Concursos y Din\u00e1micas exclusivos.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Acceso a Eventos especiales.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Beneficios adicionales de la comunidad.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\"><strong>Acceso a Comunidad VIP.<\/strong><\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\"><strong>10% de descuento<\/strong> en consultas (online\/presencial).<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Mentor\u00eda en vivo con el Dr. Javier Derma.<\/span><\/li>\n                    <li><svg class=\"check-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span class=\"feature-text\">Acceso al <strong>\"Derma-Chat\"<\/strong> (WhatsApp).<\/span><\/li>\n                <\/ul>\n                <a href=\"https:\/\/aprenly.com\/es\/registro\/?plan=premium\" class=\"btn-action btn-solid\">Suscr\u00edbete a Plan Premium<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"faq-section\">\n        <h2 class=\"faq-title\">Preguntas Frecuentes<\/h2>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfEn cu\u00e1nto tiempo se empiezan a notar resultados en mi piel?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>Cada piel es diferente y los resultados pueden variar. Algunas personas pueden notar cambios en las primeras semanas, como una mejor\u00eda en el control del acn\u00e9, una reducci\u00f3n progresiva de manchas y una piel con textura m\u00e1s uniforme. Con la aplicaci\u00f3n constante de la rutina recomendada, los cambios suelen ser graduales y sostenibles, sin promesas milagro.<\/p>\n                <p style=\"font-size: 0.9em; opacity: 0.7; margin-top: 15px;\">La informaci\u00f3n proporcionada es de car\u00e1cter educativo e informativo y no constituye diagn\u00f3stico, tratamiento ni asesoramiento m\u00e9dico. Para una evaluaci\u00f3n personalizada o cualquier condici\u00f3n espec\u00edfica de la piel, se recomienda consultar a tu dermat\u00f3logo de cabecera. Consulta t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfQu\u00e9 incluye exactamente el curso y c\u00f3mo se accede?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>El curso incluye clases en video f\u00e1ciles de seguir, con una clase nueva por semana, explicadas por el Dr. Javier, donde aprender\u00e1s sobre acn\u00e9, manchas, envejecimiento, c\u00f3mo armar tu rutina ideal y qu\u00e9 errores evitar. El acceso es 100% online a trav\u00e9s de la plataforma Aprenly, eligiendo el plan que prefieras y avanzando a tu propio ritmo. Leer t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfNecesito comprar productos costosos o marcas espec\u00edficas?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>No. El curso te ense\u00f1a a elegir correctamente seg\u00fan tu tipo de piel, sin depender de marcas caras. Aprender\u00e1s a armar una rutina efectiva adaptada a tu presupuesto, evitando gastos innecesarios y productos que no necesitas. Leer t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfQu\u00e9 garant\u00eda tengo de que este curso s\u00ed vale la pena?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>Tu inscripci\u00f3n est\u00e1 respaldada por una garant\u00eda de satisfacci\u00f3n de 30 d\u00edas, conforme a las pol\u00edticas de Aprenly. Si durante ese periodo consideras que el curso no es para ti y cumples con las condiciones de uso establecidas, puedes solicitar la revisi\u00f3n de tu caso para un reembolso. Esto te permite inscribirte con tranquilidad y sin riesgo innecesario. Leer t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfPuedo ver el curso a mi ritmo o tiene horarios fijos?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>El acceso es 100% online y bajo demanda, por lo que puedes ver las lecciones cuando quieras y las veces que necesites, desde cualquier dispositivo. Leer t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfEste curso es solo teor\u00eda o tambi\u00e9n es pr\u00e1ctico?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>El curso tiene un enfoque pr\u00e1ctico y orientado a la aplicaci\u00f3n diaria del conocimiento. Las lecciones est\u00e1n dise\u00f1adas para ayudarte a comprender tu piel y adaptar tu rutina de cuidado de forma informada. La implementaci\u00f3n y los resultados pueden variar seg\u00fan cada persona.<\/p>\n                <p style=\"font-size: 0.9em; opacity: 0.7; margin-top: 15px;\">La informaci\u00f3n proporcionada es de car\u00e1cter educativo y no sustituye la consulta con un dermat\u00f3logo de cabecera. Leer t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfCu\u00e1l es el objetivo de esta mentor\u00eda?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>El objetivo principal de esta mentor\u00eda es que entiendas y conozcas tu piel de verdad. Muchas veces no sabemos qu\u00e9 le sucede a nuestra piel y terminamos usando lo primero que encontramos. Aqu\u00ed te ofrecemos un conocimiento educativo para que entiendas mejor tu piel y sepas c\u00f3mo cuidarla.<\/p>\n                <p>Adem\u00e1s, buscamos que el doctor tenga cercan\u00eda con los usuarios en cualquier parte del mundo, ofreciendo un apoyo m\u00e1s directo y din\u00e1mico, porque sabemos que el cuidado de la piel tambi\u00e9n impacta psicol\u00f3gicamente.<\/p>\n                <p>Ten en cuenta que esta mentor\u00eda es \u00fanicamente educativa, basada en la experiencia del doctor con otros pacientes. No tiene un uso cl\u00ednico ni permite autodiagnosticar a nadie. Es solo para que aprendas y entiendas tu piel mejor.<\/p>\n                <p style=\"font-size: 0.9em; opacity: 0.7;\">Leer t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <div class=\"faq-question\">\n                \u00bfQu\u00e9 es el DermaChat?\n                <svg class=\"faq-icon\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n            <\/div>\n            <div class=\"faq-answer\">\n                <p>El DermaChat es un chat uno a uno donde podr\u00e1s comunicarte directamente con el doctor o con su equipo de dermat\u00f3logos para recibir orientaci\u00f3n y resolver dudas sobre tu piel.<\/p>\n                <p style=\"font-size: 0.9em; opacity: 0.7; margin-top: 15px;\">La informaci\u00f3n brindada a trav\u00e9s de WhatsApp o correo es educativa y orientativa, por lo que no constituye un diagn\u00f3stico ni un an\u00e1lisis cl\u00ednico final y no sustituye una consulta m\u00e9dica presencial.<\/p>\n                <p style=\"font-size: 0.9em; opacity: 0.7;\">Incluye una consulta preliminar al mes, la cual puede realizarse por WhatsApp o por correo electr\u00f3nico. Aplican t\u00e9rminos y condiciones.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const wrapper = document.querySelector('.pricing-wrapper-unique');\n    if(wrapper) {\n        const faqItems = wrapper.querySelectorAll(\".faq-item\");\n        faqItems.forEach(item => {\n            const question = item.querySelector(\".faq-question\");\n            question.addEventListener(\"click\", () => {\n                const isActive = item.classList.contains(\"active\");\n                faqItems.forEach(otherItem => {\n                    otherItem.classList.remove(\"active\");\n                    otherItem.querySelector(\".faq-answer\").style.maxHeight = null;\n                });\n                if (!isActive) {\n                    item.classList.add(\"active\");\n                    const answer = item.querySelector(\".faq-answer\");\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\n                }\n            });\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <style>\n                .elementor-element-f4a3fe5.eael-particles-section > canvas {\n                    z-index: -1;\n                    position: absolute;\n                    top:0;\n                }\n            <\/style>\n        <div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-30f484a e-con-full e-flex e-con e-parent\" data-id=\"30f484a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a419186 elementor-widget elementor-widget-html\" data-id=\"a419186\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       ESTILOS: CTA (Llamada a la acci\u00f3n)\r\n       ========================================= *\/\r\n    \r\n    \/* Usamos un ID o clase \u00fanica para no afectar al resto de la web *\/\r\n    .cta-wrapper-unique {\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .cta-container {\r\n        font-family: 'Inter', sans-serif;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 4rem 1rem;\r\n        width: 100%;\r\n        position: relative;\r\n        background: transparent;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cta-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cta-split-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n        max-width: 800px; \r\n        \/* Fondo tipo cristal oscuro *\/\r\n        background: rgba(255, 255, 255, 0.08); \r\n        backdrop-filter: blur(15px); \r\n        -webkit-backdrop-filter: blur(15px);\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(255, 255, 255, 0.15); \r\n        overflow: hidden;\r\n        box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.4); \r\n        transition: all 0.3s ease-in-out;\r\n        text-align: center; \r\n        transform: translateZ(0); \r\n    }\r\n\r\n    .cta-split-card:hover { transform: scale(1.02); }\r\n\r\n    .cta-content-side {\r\n        flex: 1;\r\n        padding: 3rem 2rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center; \r\n    }\r\n\r\n    .cta-title {\r\n        font-size: clamp(2rem, 5vw, 3.5rem); \r\n        font-weight: 900;\r\n        color: #ffffff; \r\n        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); \r\n        line-height: 1.1;\r\n        margin-bottom: 0.75rem;\r\n        margin-top: 0;\r\n    }\r\n\r\n    .cta-subtitle {\r\n        font-size: clamp(1rem, 3vw, 1.25rem);\r\n        color: #cccccc; \r\n        margin-bottom: 2.5rem;\r\n        max-width: 600px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .cta-button {\r\n        display: inline-block;\r\n        padding: 1.2rem 3.5rem;\r\n        font-size: 1.25rem;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        color: #0d0d0d; \r\n        background-color: #00bf71; \r\n        border: none;\r\n        border-radius: 10px;\r\n        transition: all 0.3s ease-in-out;\r\n        box-shadow: 0 4px 15px rgba(0, 191, 113, 0.4); \r\n        cursor: pointer;\r\n    }\r\n\r\n    .cta-button:hover {\r\n        background-color: #00a863;\r\n        box-shadow: 0 6px 20px rgba(0, 191, 113, 0.6);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE (M\u00d3VIL)\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .cta-container {\r\n            display: block !important;\r\n            padding: 40px 20px !important;\r\n            height: auto !important;\r\n        }\r\n        .cta-split-card {\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n            transform: none !important;\r\n        }\r\n        .cta-title { font-size: 2rem; }\r\n        .cta-content-side { padding: 2.5rem 1.5rem; }\r\n        .cta-button { width: 100%; text-align: center; padding: 1rem 1rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cta-wrapper-unique\">\r\n    <div class=\"cta-container\">\r\n        <div class=\"cta-split-card\">\r\n            <div class=\"cta-content-side\">\r\n                <h2 class=\"cta-title\">\u00bfListo para entender tu piel y evolucionar tu pr\u00e1ctica?<\/h2>\r\n                <p class=\"cta-subtitle\">\r\n                    Accede a una mentor\u00eda estructurada, clara y basada en casos reales del Dr. Javier Derma.\r\n                <\/p>\r\n                <a href=\"https:\/\/aprenly.com\/es\/planes\/\" class=\"cta-button\">\r\n                    \u00a1Inscr\u00edbete AHORA!\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>El m\u00e9todo del Dermat\u00f3logo #1 en M\u00e9xico para mejorar el acn\u00e9, manchas y envejecimiento en 90 d\u00edas Rutinas claras y educaci\u00f3n profesional guiada por el Dr. Javier Ruiz \u00c1vila para el cuidado integral de tu piel. EliminaEl Acn\u00e9 Retrasa elEnvejecimiento RemueveLas Manchas EliminaEl Acn\u00e9 Retrasa elEnvejecimiento RemueveLas Manchas \u2605\u2605\u2605\u2605\u2605 M\u00e1s de 0 personas cambiaron su&#8230;<\/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-26533","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\/26533","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=26533"}],"version-history":[{"count":757,"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/pages\/26533\/revisions"}],"predecessor-version":[{"id":29492,"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/pages\/26533\/revisions\/29492"}],"wp:attachment":[{"href":"https:\/\/aprenly.com\/es\/wp-json\/wp\/v2\/media?parent=26533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}