{"id":19,"date":"2026-05-09T10:16:33","date_gmt":"2026-05-09T15:16:33","guid":{"rendered":"http:\/\/localhost\/mkt\/?page_id=19"},"modified":"2026-05-26T17:59:45","modified_gmt":"2026-05-26T22:59:45","slug":"sobre-mi","status":"publish","type":"page","link":"https:\/\/jorgealvarez.me\/en\/sobre-mi\/","title":{"rendered":"About me"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-193bb18 e-con-full e-flex e-con e-parent\" data-id=\"193bb18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40aeaaa elementor-widget elementor-widget-html\" data-id=\"40aeaaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about-section\">\n    <div class=\"about-bg-glow\"><\/div>\n    <div class=\"about-container\">\n\n        <div class=\"about-top\">\n            <div class=\"about-image\">\n                <img decoding=\"async\" src=\"https:\/\/jorgealvarez.me\/wp-content\/uploads\/jorge-2024.png\" alt=\"Jorge Antonio Alvarez\">\n            <\/div>\n\n            <div class=\"about-content\">\n                <div class=\"about-badge\">About me<\/div>\n                \n                <h2 class=\"about-title\">\n                    Digital Strategy,<br>Growth &amp; Web Experience\n                <\/h2>\n\n                <p class=\"about-text\">\n                    I'm <span class=\"about-highlight\">Jorge Antonio Alvarez<\/span>, Growth Marketing, digital performance, and web development specialist focused on conversion and digital experience.\n                <\/p>\n\n                <p class=\"about-text\">\n                    For over a decade, I have driven projects across digital acquisition, automation, eCommerce, UX\/UI, and sustainable growth strategies.\n                <\/p>\n\n                <div class=\"about-specialties\">\n                    <span class=\"about-specialty\">Growth Marketing<\/span>\n                    <span class=\"about-specialty\">WordPress<\/span>\n                    <span class=\"about-specialty\">UX\/UI<\/span>\n                    <span class=\"about-specialty\">Meta Ads<\/span>\n                    <span class=\"about-specialty\">Google Ads<\/span>\n                    <span class=\"about-specialty\">SEO<\/span>\n                <\/div>\n\n                <div class=\"about-buttons\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"about-button-primary\">Let's work together<\/a>\n                    <a href=\"https:\/\/linkedin.com\/in\/jorgealvarezelias\" target=\"_blank\" class=\"about-button-secondary\" rel=\"noopener\">LinkedIn Profile<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"about-stats\">\n            <div class=\"about-stat\">\n                <div class=\"about-number\">\n                    <span class=\"counter\" data-target=\"10\">0<\/span>\n                    <span class=\"symbol suffix-plus\">+<\/span>\n                <\/div>\n                <div class=\"about-label\">\n                    Years of experience driving digital marketing and online growth.\n                <\/div>\n            <\/div>\n\n            <div class=\"about-stat\">\n                <div class=\"about-number\">\n                    <span class=\"counter\" data-target=\"100\">0<\/span>\n                    <span class=\"symbol suffix-plus\">+<\/span>\n                <\/div>\n                <div class=\"about-label\">\n                    Digital projects, campaigns, and experiences delivered.\n                <\/div>\n            <\/div>\n\n            <div class=\"about-stat\">\n                <div class=\"about-number\">\n                    <span class=\"counter\" data-target=\"360\">0<\/span>\n                    <span class=\"symbol suffix-deg\">\u00b0<\/span>\n                <\/div>\n                <div class=\"about-label\">\n                    Comprehensive digital strategy focused on performance and conversion.\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.about-section {\n    position: relative;\n    background: #050816;\n    padding: 60px 20px;\n    overflow: hidden;\n    font-family: \"Inter\", sans-serif;\n}\n\n.about-bg-glow {\n    position: absolute;\n    top: -150px;\n    right: -150px;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(255,138,0,0.10) 0%, rgba(255,138,0,0) 70%);\n    pointer-events: none;\n}\n\n.about-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1320px;\n    margin: 0 auto;\n}\n\n\/* TOP GRID & ESTRUCTURA --- *\/\n.about-top {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 40px;\n}\n\n\/* AVATAR\/IMAGEN EN M\u00d3VIL --- *\/\n.about-image {\n    position: relative;\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n    overflow: hidden;\n    background: #0B1120;\n    border: 2px solid rgba(255, 138, 0, 0.2);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.5);\n    flex-shrink: 0;\n}\n\n.about-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    display: block;\n}\n\n.about-image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0));\n}\n\n\/* CONTENIDO --- *\/\n.about-content {\n    width: 100%;\n    text-align: center;\n}\n\n.about-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 6px 14px;\n    border-radius: 999px;\n    background: rgba(255,138,0,0.08);\n    border: 1px solid rgba(255,138,0,0.16);\n    color: #FF8A00;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n}\n\n.about-title {\n    margin: 0 0 20px;\n    font-family: \"Manrope\", sans-serif;\n    font-size: 30px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 800;\n    color: #ffffff;\n}\n\n.about-text {\n    font-size: 15px;\n    line-height: 1.65;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0 0 16px;\n}\n\n.about-highlight {\n    color: #ffffff;\n    font-weight: 600;\n}\n\n\/* ESPECIALIDADES --- *\/\n.about-specialties {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 28px;\n    justify-content: center;\n}\n\n.about-specialty {\n    padding: 8px 14px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(255,255,255,0.06);\n    color: rgba(255, 255, 255, 0.85);\n    font-size: 12px;\n    font-weight: 500;\n}\n\n\/* BOTONES --- *\/\n.about-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-top: 36px;\n}\n\n.about-button-primary,\n.about-button-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 24px;\n    border-radius: 14px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n    width: 100%;\n}\n\n.about-button-primary {\n    background: linear-gradient(135deg, #FF8A00, #EA7A00);\n    color: #ffffff;\n}\n\n.about-button-secondary {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    color: #ffffff;\n}\n\n\/* ESTAD\u00cdSTICAS --- *\/\n.about-stats {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    margin-top: 48px;\n}\n\n.about-stat {\n    padding: 24px;\n    border-radius: 20px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(255,255,255,0.05);\n    backdrop-filter: blur(10px);\n}\n\n.about-number {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 2px;\n    margin-bottom: 8px;\n}\n\n.counter {\n    font-size: 38px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: -1px;\n    color: #ffffff;\n    font-family: \"Manrope\", sans-serif;\n}\n\n.symbol {\n    font-size: 22px;\n    line-height: 1;\n    font-weight: 700;\n    color: #FF8A00;\n}\n\n.suffix-plus { order: 2; }\n.suffix-deg { order: 2; }\n\n.about-label {\n    font-size: 14px;\n    line-height: 1.5;\n    color: rgba(255,255,255,0.6);\n    text-align: center;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para pantallas grandes)\n   ========================================================================== *\/\n\n\/* Tablets en adelante *\/\n@media (min-width: 640px) {\n    .about-buttons {\n        flex-direction: row;\n        justify-content: center;\n    }\n    .about-button-primary,\n    .about-button-secondary {\n        width: auto;\n    }\n    .about-stats {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n\/* Escritorio \/ Pantallas de Laptop Grandes *\/\n@media (min-width: 1024px) {\n    .about-section {\n        padding: 120px 40px;\n    }\n    \n    .about-bg-glow {\n        width: 720px;\n        height: 720px;\n        top: -320px;\n        right: -220px;\n    }\n\n    .about-top {\n        display: grid;\n        grid-template-columns: 320px 1fr;\n        gap: 64px;\n        align-items: flex-start;\n    }\n\n    \/* Transformaci\u00f3n a tarjeta angular en escritorio *\/\n    .about-image {\n        width: 100%;\n        height: auto;\n        aspect-ratio: 1 \/ 1;\n        border-radius: 28px;\n        border: 1px solid rgba(255,255,255,0.06);\n        box-shadow: 0 24px 60px rgba(0,0,0,0.35);\n    }\n\n    .about-content {\n        text-align: left;\n    }\n\n    .about-title {\n        font-size: 52px;\n        line-height: 1.05;\n        letter-spacing: -2px;\n        margin-bottom: 24px;\n    }\n\n    .about-text {\n        font-size: 17px;\n        line-height: 1.8;\n        margin-bottom: 20px;\n    }\n\n    .about-specialties {\n        justify-content: flex-start;\n        gap: 10px;\n    }\n    \n    .about-specialty {\n        font-size: 13px;\n        padding: 10px 16px;\n        transition: all 0.25s ease;\n    }\n\n    .about-specialty:hover {\n        border-color: rgba(255,138,0,0.3);\n        background: rgba(255,138,0,0.02);\n        transform: translateY(-2px);\n    }\n\n    .about-buttons {\n        justify-content: flex-start;\n        gap: 16px;\n    }\n\n    .about-button-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 35px rgba(255,138,0,0.25);\n    }\n\n    .about-button-secondary:hover {\n        transform: translateY(-3px);\n        border-color: rgba(255,255,255,0.18);\n        background: rgba(255,255,255,0.08);\n    }\n\n    \/* CONTADORES EN DESKTOP --- *\/\n    .about-stats {\n        margin-top: 64px;\n        gap: 24px;\n    }\n    \n    .about-stat {\n        padding: 36px 32px;\n        border-radius: 24px;\n        transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n\n    .about-stat:hover {\n        transform: translateY(-5px);\n        border-color: rgba(255,138,0,0.2);\n    }\n\n    .about-number {\n        justify-content: flex-start;\n    }\n\n    .counter {\n        font-size: 46px;\n    }\n\n    .about-label {\n        text-align: left;\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const statsSection = document.querySelector(\".about-stats\");\n    const counters = document.querySelectorAll(\".counter\");\n    \n    if (!statsSection || counters.length === 0) return;\n\n    const startCounting = () => {\n        counters.forEach(counter => {\n            const target = parseInt(counter.getAttribute(\"data-target\"), 10);\n            let current = 0;\n            const step = target \/ 60;\n\n            const updateValue = () => {\n                current += step;\n                if (current < target) {\n                    counter.innerText = Math.floor(current);\n                    requestAnimationFrame(updateValue);\n                } else {\n                    counter.innerText = target;\n                }\n            };\n            updateValue();\n        });\n    };\n\n    \/\/ La animaci\u00f3n solo se activa cuando el elemento entra en el viewport\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                startCounting();\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.2 });\n\n    observer.observe(statsSection);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Sobre m\u00ed Estrategia digital,growth y experiencia web Soy Jorge Antonio Alvarez, especialista en Growth Marketing, performance digital y desarrollo web enfocado en conversi\u00f3n y experiencia digital. Durante m\u00e1s de una d\u00e9cada he participado en proyectos relacionados con adquisici\u00f3n digital, automatizaci\u00f3n, eCommerce, UX\/UI y estrategias enfocadas en crecimiento sostenible. Growth Marketing WordPress UX\/UI Meta Ads Google &#8230; <a title=\"About me\" class=\"read-more\" href=\"https:\/\/jorgealvarez.me\/en\/sobre-mi\/\" aria-label=\"Read more about Sobre m\u00ed\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":22,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":9346,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/9346"}],"wp:attachment":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}