{"id":13,"date":"2026-05-09T10:12:50","date_gmt":"2026-05-09T15:12:50","guid":{"rendered":"http:\/\/localhost\/mkt\/?page_id=13"},"modified":"2026-05-27T14:21:45","modified_gmt":"2026-05-27T19:21:45","slug":"inicio","status":"publish","type":"page","link":"https:\/\/jorgealvarez.me\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8ab4a e-con-full e-flex e-con e-parent\" data-id=\"fc8ab4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7240bfc elementor-widget elementor-widget-html\" data-id=\"7240bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-home-hero\">\n    <div class=\"ja-hero-container\">\n        \n        <div class=\"ja-hero-content\">\n            <span class=\"ja-hero-badge\">\n                <i class=\"fa-solid fa-rocket\"><\/i> Growth Marketing &amp; Web Solutions\n            <\/span>\n            <h1 class=\"ja-hero-title\">\n                Growth Marketing and web development for companies that want to <span class=\"ja-highlight\">scale<\/span>\n            <\/h1>\n            <p class=\"ja-hero-text\">\n                Specialist in Growth Marketing, WordPress, and digital automation. I develop strategies focused on conversion, acquisition, and scalability for brands and businesses.\n            <\/p>\n            \n            <div class=\"ja-hero-buttons\">\n                <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-btn-primary\">\n                    <i class=\"fa-solid fa-rocket\"><\/i> Let's work together <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n                <a href=\"https:\/\/jorgealvarez.me\/en\/services\/\" class=\"ja-btn-secondary\">\n                    <i class=\"fa-solid fa-play\"><\/i> View Services\n                <\/a>\n            <\/div>\n\n            <div class=\"ja-hero-trust-bar\">\n                <div class=\"ja-trust-item\">\n                    <div class=\"ja-trust-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <div class=\"ja-trust-text\"><strong>10+ years<\/strong> <span>of experience<\/span><\/div>\n                <\/div>\n                <div class=\"ja-trust-item\">\n                    <div class=\"ja-trust-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <div class=\"ja-trust-text\"><strong>Specialist in<\/strong> <span>WordPress and Growth<\/span><\/div>\n                <\/div>\n                <div class=\"ja-trust-item\">\n                    <div class=\"ja-trust-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <div class=\"ja-trust-text\"><strong>Projects in<\/strong> <span>LATAM &amp; USA<\/span><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"ja-hero-image-box\">\n            <div class=\"ja-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/jorgealvarez.me\/wp-content\/uploads\/jorge-2024.png\"\" alt=\"Jorge Alvarez - Growth Marketing &amp; Web Development Specialist\">\n                <div class=\"ja-floating-badge\">\n                    <i class=\"fa-solid fa-chart-line\"><\/i>\n                    <span>Results-Oriented<\/span>\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.ja-home-hero {\n    position: relative;\n    background: #ffffff;\n    padding: 40px 20px 60px;\n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-hero-container {\n    max-width: 1320px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n}\n\n.ja-hero-content {\n    width: 100%;\n}\n\n\/* BADGE SUPERIOR *\/\n.ja-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #FF8A00;\n    background: rgba(255, 138, 0, 0.06);\n    border: 1px solid rgba(255, 138, 0, 0.15);\n    padding: 8px 16px;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 24px;\n}\n\n\/* T\u00cdTULO PRINCIPAL *\/\n.ja-hero-title {\n    margin: 0 0 20px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 36px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 800;\n}\n\n.ja-highlight {\n    color: #FF8A00;\n    position: relative;\n    display: inline-block;\n}\n\n\/* TEXTO DESCRIPTIVO *\/\n.ja-hero-text {\n    margin: 0 0 32px;\n    color: #475569;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\/* BOTONES *\/\n.ja-hero-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    margin-bottom: 40px;\n}\n\n.ja-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 28px;\n    border-radius: 14px;\n    background: #FF8A00;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    box-shadow: 0 8px 24px rgba(255, 138, 0, 0.15);\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n\n.ja-btn-primary:hover {\n    background: #EA7A00 !important;\n}\n\n.ja-btn-primary i:last-child {\n    font-size: 12px;\n    transition: transform 0.2s ease;\n}\n\n.ja-btn-primary:hover i:last-child {\n    transform: translateX(4px);\n}\n\n.ja-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 28px;\n    border-radius: 14px;\n    background: #ffffff;\n    color: #0F172A !important;\n    border: 1px solid #E2E8F0;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease;\n}\n\n.ja-btn-secondary:hover {\n    background: #F8FAFC !important;\n    border-color: #CBD5E1;\n}\n\n\/* BARRA DE CONFIANZA \/ PILAS *\/\n.ja-hero-trust-bar {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    background: #F8FAFC;\n    border: 1px solid #E2E8F0;\n    border-radius: 20px;\n    padding: 16px;\n}\n\n.ja-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.ja-trust-icon {\n    width: 24px;\n    height: 24px;\n    background: rgba(255, 138, 0, 0.1);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.ja-trust-icon i {\n    color: #FF8A00;\n    font-size: 11px;\n}\n\n.ja-trust-text {\n    color: #334155;\n    font-size: 14px;\n    line-height: 1.3;\n}\n\n.ja-trust-text strong {\n    color: #0F172A;\n    display: block;\n}\n\n\/* CONTENEDOR DE IMAGEN MULTIMEDIA *\/\n.ja-hero-image-box {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n.ja-image-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 540px;\n}\n\n.ja-image-wrapper img {\n    width: 100%;\n    height: auto;\n    border-radius: 32px;\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);\n    display: block;\n}\n\n\/* BADGE FLOTANTE *\/\n.ja-floating-badge {\n    position: absolute;\n    bottom: 20px;\n    right: 20px;\n    background: #FF8A00;\n    color: #ffffff;\n    padding: 16px 20px;\n    border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(255, 138, 0, 0.3);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    text-align: center;\n    width: 120px;\n}\n\n.ja-floating-badge i {\n    font-size: 24px;\n}\n\n.ja-floating-badge span {\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n\n\/* Tablets *\/\n@media (min-width: 640px) {\n    .ja-hero-title { font-size: 46px; }\n    .ja-hero-buttons { flex-direction: row; }\n    .ja-btn-primary, .ja-btn-secondary { width: auto; }\n    \n    .ja-hero-trust-bar {\n        flex-direction: row;\n        justify-content: space-between;\n        padding: 20px 24px;\n    }\n    .ja-trust-text strong { display: inline; margin-right: 4px; }\n}\n\n\/* Escritorio *\/\n@media (min-width: 1024px) {\n    .ja-home-hero { padding: 80px 40px 100px; }\n    .ja-hero-container { flex-direction: row; align-items: center; gap: 64px; }\n    .ja-hero-content { flex: 1.1; max-width: 680px; }\n    .ja-hero-image-box { flex: 0.9; }\n    \n    .ja-hero-title { \n        font-size: 56px; \n        line-height: 1.1; \n        letter-spacing: -2px; \n        margin-bottom: 24px; \n    }\n    .ja-hero-text { font-size: 18px; margin-bottom: 40px; }\n    \n    .ja-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(255, 138, 0, 0.25); }\n    .ja-btn-secondary:hover { transform: translateY(-2px); }\n    \n    .ja-image-wrapper img { transition: transform 0.5s ease; }\n    .ja-image-wrapper:hover img { transform: scale(1.02); }\n    \n    .ja-floating-badge {\n        bottom: 30px;\n        right: -10px;\n        width: 140px;\n        padding: 20px;\n        animation: ja-float 4s ease-in-out infinite;\n    }\n}\n\n\/* Micro-interacci\u00f3n flotante *\/\n@keyframes ja-float {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\n    100% { transform: translateY(0px); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d103570 e-con-full e-flex e-con e-parent\" data-id=\"d103570\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90f339d elementor-widget elementor-widget-html\" data-id=\"90f339d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Strategic Expertise<\/title>\n    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Manrope:wght@800&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* ==========================================================================\n           1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para pantallas peque\u00f1as)\n           ========================================================================== *\/\n        .ja-experience-section {\n            position: relative;\n            overflow: hidden;\n            background: #F8FAFC;\n            padding: 60px 20px;\n        }\n\n        .ja-exp-bg {\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at top right, rgba(255,138,0,.07), transparent 45%);\n            pointer-events: none;\n        }\n\n        .ja-exp-container {\n            position: relative;\n            z-index: 2;\n            max-width: 1320px;\n            margin: auto;\n        }\n\n        \/* HEADER --- *\/\n        .ja-exp-header {\n            max-width: 900px;\n            margin: 0 auto 40px;\n            text-align: center;\n        }\n\n        .ja-exp-label {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 8px 16px;\n            border-radius: 999px;\n            background: rgba(255,138,0,.08);\n            border: 1px solid rgba(255,138,0,.14);\n            color: #FF8A00;\n            font-size: 11px;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            font-family: 'Inter', sans-serif;\n        }\n\n        .ja-exp-header h2 {\n            margin: 0;\n            color: #0F172A;\n            font-size: 32px;\n            line-height: 1.15;\n            letter-spacing: -1px;\n            font-weight: 800;\n            font-family: 'Manrope', sans-serif;\n        }\n\n        .ja-exp-header p {\n            margin: 16px auto 0;\n            color: #64748B;\n            font-size: 16px;\n            line-height: 1.6;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* GRID --- *\/\n        .ja-exp-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n\n        \/* CARDS --- *\/\n        .ja-exp-card {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            padding: 30px 24px;\n            border-radius: 24px;\n            background: rgba(255, 255, 255, 0.85);\n            border: 1px solid rgba(15, 23, 42, 0.08);\n            backdrop-filter: blur(12px);\n            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n            overflow: hidden;\n        }\n\n        .ja-exp-card::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, rgba(255,138,0,.04), rgba(255,138,0,0));\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .ja-exp-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(255,138,0,.2);\n            box-shadow: 0 20px 40px rgba(15,23,42,.06);\n        }\n\n        .ja-exp-card:hover::before {\n            opacity: 1;\n        }\n\n        \/* CARD DESTACADA (+10 A\u00f1os) *\/\n        .ja-exp-card.featured {\n            background: linear-gradient(135deg, rgba(255,138,0,.06), rgba(255,255,255,.95));\n            border-color: rgba(255,138,0,.18);\n        }\n\n        \/* ELEMENTOS INTERNOS DE LAS CARDS *\/\n        .ja-exp-number {\n            color: #FF8A00;\n            font-size: 56px;\n            line-height: 1;\n            letter-spacing: -2px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            font-family: 'Manrope', sans-serif;\n        }\n\n        .ja-exp-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 16px;\n            background: rgba(255,138,0,.08);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            flex-shrink: 0;\n        }\n\n        .ja-exp-icon i {\n            color: #FF8A00;\n            font-size: 24px;\n        }\n\n        .ja-exp-card h3 {\n            margin: 0 0 12px;\n            color: #0F172A;\n            font-size: 24px;\n            line-height: 1.2;\n            letter-spacing: -0.5px;\n            font-weight: 800;\n            font-family: 'Manrope', sans-serif;\n            word-wrap: break-word; \/* Previene desbordamientos de texto largo *\/\n        }\n\n        .ja-exp-card p {\n            margin: 0;\n            color: #64748B;\n            font-size: 15px;\n            line-height: 1.6;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* ==========================================================================\n           2. MEDIA QUERIES (Escalabilidad progresiva para pantallas m\u00e1s grandes)\n           ========================================================================== *\/\n\n        \/* Tablets (Vista en 2 columnas) *\/\n        @media (min-width: 640px) {\n            .ja-exp-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .ja-exp-header h2 {\n                font-size: 42px;\n            }\n        }\n\n        \/* Escritorio mediano *\/\n        @media (min-width: 768px) {\n            .ja-experience-section {\n                padding: 90px 40px;\n            }\n            .ja-exp-header h2 {\n                font-size: 48px;\n            }\n            .ja-exp-header p {\n                font-size: 18px;\n            }\n        }\n\n        \/* Escritorio grande (4 columnas - Dise\u00f1o id\u00e9ntico a la imagen) *\/\n        @media (min-width: 1024px) {\n            .ja-experience-section {\n                padding: 110px 32px;\n            }\n            .ja-exp-header {\n                margin-bottom: 70px;\n            }\n            .ja-exp-header h2 {\n                font-size: 56px;\n                letter-spacing: -2px;\n            }\n            .ja-exp-grid {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 24px;\n            }\n            .ja-exp-card {\n                min-height: 340px;\n                padding: 38px 32px;\n            }\n            .ja-exp-number {\n                font-size: 68px;\n            }\n            .ja-exp-card h3 {\n                font-size: 28px;\n                letter-spacing: -1px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"ja-experience-section\">\n        <div class=\"ja-exp-bg\"><\/div>\n        <div class=\"ja-exp-container\">\n\n            <div class=\"ja-exp-header\">\n                <span class=\"ja-exp-label\">Strategic Experience<\/span>\n                <h2>Digital strategies built from real-world experience<\/h2>\n                <p>I develop digital solutions focused on growth, performance, automation, and conversion for businesses, brands, and companies across multiple industries.<\/p>\n            <\/div>\n\n            <div class=\"ja-exp-grid\">\n\n                <div class=\"ja-exp-card featured\">\n                    <div class=\"ja-exp-number\">+10<\/div>\n                    <h3>Years of experience<\/h3>\n                    <p>Experience in digital marketing, eCommerce, performance, and sustainable growth.<\/p>\n                <\/div>\n\n                <div class=\"ja-exp-card\">\n                    <div class=\"ja-exp-icon\">\n                        <i class=\"fa-solid fa-code\"><\/i>\n                    <\/div>\n                    <h3>WordPress &amp; Growth<\/h3>\n                    <p>Web development oriented toward conversion, UX\/UI, and digital performance.<\/p>\n                <\/div>\n\n                <div class=\"ja-exp-card\">\n                    <div class=\"ja-exp-icon\">\n                        <i class=\"fa-solid fa-earth-americas\"><\/i>\n                    <\/div>\n                    <h3>LATAM &amp; USA<\/h3>\n                    <p>Digital strategies and projects for international markets.<\/p>\n                <\/div>\n\n                <div class=\"ja-exp-card\">\n                    <div class=\"ja-exp-icon\">\n                        <i class=\"fa-solid fa-bolt\"><\/i>\n                    <\/div>\n                    <h3>Automation<\/h3>\n                    <p>Integration of workflows, processes, forms, and sales automation.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45aff9a e-con-full e-flex e-con e-parent\" data-id=\"45aff9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce4435 elementor-widget elementor-widget-html\" data-id=\"1ce4435\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-industries-section\">\n  <div class=\"ja-industries-container\">\n\n    <div class=\"ja-industries-header\">\n      <span class=\"ja-industries-label\">INDUSTRIES<\/span>\n      <h2>Experience in multiple digital industries<\/h2>\n      <p>\n        Strategies focused on performance, conversion, and digital growth applied across different ecosystems and business models.\n      <\/p>\n    <\/div>\n\n    <div class=\"ja-industries-grid\">\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-plane-departure\"><\/i><\/div>\n        <span>Tourism<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-cart-shopping\"><\/i><\/div>\n        <span>eCommerce<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-shop\"><\/i><\/div>\n        <span>Retail<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\n        <span>Digital Marketing<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-robot\"><\/i><\/div>\n        <span>Automation<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-comments-dollar\"><\/i><\/div>\n        <span>Consulting<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\n        <span>Performance Marketing<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-code-branch\"><\/i><\/div>\n        <span>WordPress<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\n        <span>SEO<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n        <span>Growth Marketing<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-rectangle-ad\"><\/i><\/div>\n        <span>Digital Advertising<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-user-plus\"><\/i><\/div>\n        <span>Lead Generation<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-bezier-curve\"><\/i><\/div>\n        <span>UX\/UI<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\n        <span>Digital Analytics<\/span>\n      <\/div>\n\n      <div class=\"ja-industry-card\">\n        <div class=\"ja-industry-icon\"><i class=\"fa-solid fa-crosshairs\"><\/i><\/div>\n        <span>Digital Conversion<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Estilos por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-industries-section {\n    position: relative;\n    padding: 80px 20px;\n    background: #050816;\n    overflow: hidden;\n}\n\n.ja-industries-section::before {\n    content: '';\n    position: absolute;\n    width: 350px;\n    height: 350px;\n    background: radial-gradient(circle, rgba(255,138,0,.10) 0%, rgba(255,138,0,0) 70%);\n    top: -100px;\n    right: -100px;\n    pointer-events: none;\n}\n\n.ja-industries-container {\n    max-width: 1320px;\n    margin: auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* HEADER --- *\/\n.ja-industries-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 56px;\n}\n\n.ja-industries-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 16px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 999px;\n    background: rgba(255,255,255,.03);\n    color: #FF8A00;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-industries-header h2 {\n    margin: 0;\n    color: #FFFFFF;\n    font-size: 34px;\n    line-height: 1.1;\n    letter-spacing: -1px;\n    font-weight: 700;\n    font-family: 'Manrope', sans-serif;\n}\n\n.ja-industries-header p {\n    margin: 20px auto 0;\n    color: rgba(255,255,255,.68);\n    font-size: 16px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n}\n\n\/* GRID --- *\/\n.ja-industries-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Una sola columna en dispositivos m\u00f3viles *\/\n    gap: 18px;\n}\n\n\/* CARDS --- *\/\n.ja-industry-card {\n    position: relative;\n    display: flex;\n    flex-direction: column; \/* Flujo vertical para evitar que el texto y el icono colapsen *\/\n    align-items: center;\n    justify-content: center;\n    min-height: auto;\n    padding: 30px 20px;\n    border-radius: 22px;\n    background: rgba(255,255,255,.03);\n    border: 1px solid rgba(255,255,255,.06);\n    backdrop-filter: blur(10px);\n    transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;\n    overflow: hidden;\n}\n\n.ja-industry-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,138,0,.08), rgba(255,138,0,0));\n    opacity: 0;\n    transition: opacity .3s ease;\n}\n\n\/* CONTENEDOR DE ICONOS --- *\/\n.ja-industry-icon {\n    position: relative;\n    z-index: 2;\n    margin-bottom: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #FF8A00;\n    font-size: 26px;\n    transition: transform 0.3s ease;\n}\n\n.ja-industry-card span {\n    position: relative;\n    z-index: 2;\n    color: #FFFFFF;\n    text-align: center;\n    font-size: 20px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 600;\n    font-family: 'Manrope', sans-serif;\n}\n\n\/* EFECTOS HOVER --- *\/\n.ja-industry-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(255,138,0,.22);\n    background: rgba(255,255,255,.05);\n    box-shadow: 0 20px 40px rgba(0,0,0,.4);\n}\n\n.ja-industry-card:hover .ja-industry-icon {\n    transform: scale(1.1);\n}\n\n.ja-industry-card:hover::before {\n    opacity: 1;\n}\n\n.ja-industry-card.featured {\n    background: linear-gradient(135deg, rgba(255,138,0,.12), rgba(255,255,255,.02));\n    border-color: rgba(255,138,0,.2);\n}\n\n.ja-industry-card.featured span {\n    color: #FF8A00;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para Desktop)\n   ========================================================================== *\/\n\n\/* Tablets (Escala a 2 columnas) *\/\n@media (min-width: 640px) {\n    .ja-industries-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .ja-industry-card {\n        padding: 36px 24px;\n    }\n    .ja-industry-card span {\n        font-size: 22px;\n    }\n}\n\n\/* Escritorios Medianos \/ Laptops (Escala a 3 columnas) *\/\n@media (min-width: 900px) {\n    .ja-industries-section {\n        padding: 110px 24px;\n    }\n    .ja-industries-header h2 {\n        font-size: 48px;\n    }\n    .ja-industries-header p {\n        font-size: 18px;\n    }\n    .ja-industries-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    .ja-industry-card span {\n        font-size: 24px;\n    }\n}\n\n\/* Pantallas Grandes (Estructura final id\u00e9ntica a 4 columnas) *\/\n@media (min-width: 1200px) {\n    .ja-industries-section {\n        padding: 140px 32px;\n    }\n    .ja-industries-section::before {\n        width: 700px;\n        height: 700px;\n        top: -250px;\n        right: -250px;\n    }\n    .ja-industries-header {\n        margin-bottom: 80px;\n    }\n    .ja-industries-header h2 {\n        font-size: 56px;\n        letter-spacing: -2px;\n    }\n    .ja-industries-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n    }\n    .ja-industry-card {\n        border-radius: 28px;\n        padding: 40px 24px;\n    }\n    .ja-industry-icon {\n        font-size: 32px;\n        margin-bottom: 16px;\n    }\n    .ja-industry-card span {\n        font-size: 28px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8d1363 e-con-full e-flex e-con e-parent\" data-id=\"e8d1363\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c633c elementor-widget elementor-widget-html\" data-id=\"17c633c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-services-section\">\n    <div class=\"ja-services-bg\"><\/div>\n    <div class=\"ja-services-container\">\n\n        <div class=\"ja-services-header\">\n            <span class=\"ja-services-label\">Strategic Services<\/span>\n            <h2>Growth and conversion-focused digital solutions<\/h2>\n            <p>\n                I combine strategy, UX\/UI, web development, and performance marketing to build modern digital ecosystems focused on acquisition, optimization, and scalability.\n            <\/p>\n        <\/div>\n\n        <div class=\"ja-services-grid\">\n\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/diseno-web-wordpress\/\" class=\"ja-service-card\">\n                <div class=\"ja-service-icon\">\n                    <i class=\"fa-solid fa-laptop-code\"><\/i>\n                <\/div>\n                <h3>WordPress Web Design<\/h3>\n                <p>\n                    Development of fast, modern, and conversion-optimized websites using WordPress and Elementor Pro.\n                <\/p>\n                <div class=\"ja-service-tags\">\n                    <span>WordPress<\/span>\n                    <span>UX\/UI<\/span>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/growth-marketing\/\" class=\"ja-service-card featured\">\n                <div class=\"ja-service-icon\">\n                    <i class=\"fa-solid fa-chart-line\"><\/i>\n                <\/div>\n                <h3>Growth Marketing<\/h3>\n                <p>\n                    Digital strategies focused on acquisition, optimization, and sustainable growth for brands and businesses.\n                <\/p>\n                <div class=\"ja-service-tags\">\n                    <span>Growth<\/span>\n                    <span>Analytics<\/span>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/meta-ads\/\" class=\"ja-service-card\">\n                <div class=\"ja-service-icon\">\n                    <i class=\"fa-solid fa-bullhorn\"><\/i>\n                <\/div>\n                <h3>Meta Ads<\/h3>\n                <p>\n                    Facebook and Instagram campaigns focused on lead generation, conversions, and advertising performance.\n                <\/p>\n                <div class=\"ja-service-tags\">\n                    <span>Meta<\/span>\n                    <span>Leads<\/span>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/google-ads\/\" class=\"ja-service-card\">\n                <div class=\"ja-service-icon\">\n                    <i class=\"fa-solid fa-magnifying-glass\"><\/i>\n                <\/div>\n                <h3>Google Ads<\/h3>\n                <p>\n                    Implementing and optimizing Search, Display, and remarketing campaigns driven by results.\n                <\/p>\n                <div class=\"ja-service-tags\">\n                    <span>Google<\/span>\n                    <span>PPC<\/span>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/seo\/\" class=\"ja-service-card\">\n                <div class=\"ja-service-icon\">\n                    <i class=\"fa-solid fa-chart-gantt\"><\/i>\n                <\/div>\n                <h3>SEO<\/h3>\n                <p>\n                    Optimizing technical and strategic SEO to improve rankings, organic traffic, and digital visibility.\n                <\/p>\n                <div class=\"ja-service-tags\">\n                    <span>SEO<\/span>\n                    <span>Core Web Vitals<\/span>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/automation\/\" class=\"ja-service-card\">\n                <div class=\"ja-service-icon\">\n                    <i class=\"fa-solid fa-microchip\"><\/i>\n                <\/div>\n                <h3>Digital Automation<\/h3>\n                <p>\n                    Integrating processes, forms, and tools to automate sales workflows and digital operations.\n                <\/p>\n                <div class=\"ja-service-tags\">\n                    <span>Make<\/span>\n                    <span>CRM<\/span>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-services-section {\n    position: relative;\n    padding: 60px 20px;\n    background: #F8FAFC;\n    overflow: hidden;\n}\n\n.ja-services-bg {\n    position: absolute;\n    width: 350px;\n    height: 350px;\n    top: -100px;\n    right: -100px;\n    background: radial-gradient(circle, rgba(255,138,0,.08) 0%, rgba(255,138,0,0) 70%);\n    pointer-events: none;\n}\n\n.ja-services-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1320px;\n    margin: auto;\n}\n\n\/* HEADER --- *\/\n.ja-services-header {\n    max-width: 980px;\n    margin: 0 auto 44px;\n    text-align: center;\n}\n\n.ja-services-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 16px;\n    border-radius: 999px;\n    background: rgba(255,138,0,.08);\n    border: 1px solid rgba(255,138,0,.12);\n    color: #FF8A00;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-services-header h2 {\n    margin: 0;\n    color: #0F172A;\n    font-size: 32px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 800;\n    font-family: 'Manrope', sans-serif;\n}\n\n.ja-services-header p {\n    margin: 16px auto 0;\n    color: #64748B;\n    font-size: 16px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n}\n\n\/* GRID --- *\/\n.ja-services-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* 1 columna por defecto en m\u00f3vil *\/\n    gap: 20px;\n}\n\n\/* CARDS --- *\/\n.ja-service-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 30px 24px;\n    border-radius: 24px;\n    background: #FFFFFF;\n    border: 1px solid rgba(15,23,42,.06);\n    text-decoration: none !important;\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n    overflow: hidden;\n}\n\n.ja-service-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,138,0,.04), rgba(255,138,0,0));\n    opacity: 0;\n    transition: opacity .3s ease;\n}\n\n.ja-service-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 40px rgba(15, 23, 42, .06);\n    border-color: rgba(255,138,0,.16);\n}\n\n.ja-service-card:hover::before {\n    opacity: 1;\n}\n\n\/* CARD DESTACADA (Growth Marketing) *\/\n.ja-service-card.featured {\n    background: linear-gradient(135deg, rgba(255,138,0,.04), #FFFFFF 100%);\n    border-color: rgba(255,138,0,.14);\n}\n\n\/* INTERIORES DE CARD --- *\/\n.ja-service-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255,138,0,.08);\n    margin-bottom: 24px;\n    flex-shrink: 0;\n}\n\n.ja-service-icon i {\n    font-size: 24px;\n    color: #FF8A00;\n}\n\n.ja-service-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    color: #0F172A;\n    font-size: 22px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n    font-family: 'Manrope', sans-serif;\n    word-wrap: break-word;\n}\n\n.ja-service-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: #64748B;\n    font-size: 15px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n    flex-grow: 1; \/* Empuja los tags hacia el fondo de manera uniforme *\/\n}\n\n\/* TAGS --- *\/\n.ja-service-tags {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n.ja-service-tags span {\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: #F1F5F9;\n    border: 1px solid rgba(15,23,42,.04);\n    color: #334155;\n    font-size: 12px;\n    font-weight: 500;\n    font-family: 'Inter', sans-serif;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad para pantallas m\u00e1s grandes)\n   ========================================================================== *\/\n\n\/* Tablets (Vista en 2 columnas) *\/\n@media (min-width: 640px) {\n    .ja-services-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .ja-services-header h2 {\n        font-size: 42px;\n    }\n}\n\n\/* Laptops \/ Escritorios Medianos (Vista en 3 columnas estables) *\/\n@media (min-width: 1024px) {\n    .ja-services-section {\n        padding: 140px 32px;\n    }\n    .ja-services-bg {\n        width: 700px;\n        height: 700px;\n        top: -300px;\n        right: -250px;\n    }\n    .ja-services-header {\n        margin-bottom: 80px;\n    }\n    .ja-services-header h2 {\n        font-size: 56px;\n        letter-spacing: -2px;\n    }\n    .ja-services-header p {\n        font-size: 19px;\n        margin-top: 24px;\n    }\n    .ja-services-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }\n    .ja-service-card {\n        padding: 40px;\n        border-radius: 28px;\n    }\n    .ja-service-icon {\n        width: 70px;\n        height: 70px;\n        border-radius: 20px;\n        margin-bottom: 30px;\n    }\n    .ja-service-icon i {\n        font-size: 28px;\n    }\n    .ja-service-card h3 {\n        font-size: 28px;\n        margin-bottom: 16px;\n        letter-spacing: -1px;\n    }\n    .ja-service-card p {\n        font-size: 16px;\n    }\n    .ja-service-tags {\n        margin-top: 30px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76e58ad e-con-full e-flex e-con e-parent\" data-id=\"76e58ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3507f4 elementor-widget elementor-widget-html\" data-id=\"f3507f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-cases-section\">\n    <div class=\"ja-cases-bg\"><\/div>\n    <div class=\"ja-cases-container\">\n\n        <div class=\"ja-cases-header\">\n            <span class=\"ja-cases-label\">Success Stories<\/span>\n            <h2>Results driven by strategy, optimization, and digital growth.<\/h2>\n            <p>\n                Every project blends digital expertise, performance marketing, automation, and UX\/UI to build ecosystems geared toward acquisition, conversion, and scalability.\n            <\/p>\n        <\/div>\n\n        <div class=\"ja-cases-grid\">\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-top\">\n                    <span class=\"ja-case-category\">Tourism<\/span>\n                <\/div>\n                <h3>+240% Leads<\/h3>\n                <p>\n                    Optimizing campaigns and landing pages geared toward acquisition, performance, and conversion for the tourism sector.\n                <\/p>\n                <div class=\"ja-case-tags\">\n                    <span>#MetaAds<\/span>\n                    <span>#LandingPages<\/span>\n                    <span>#Automation<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card featured\">\n                <div class=\"ja-case-top\">\n                    <span class=\"ja-case-category\">eCommerce<\/span>\n                <\/div>\n                <h3>Optimized ROAS<\/h3>\n                <p>\n                    Driving digital strategies focused on performance, conversion, and sustainable growth for e-commerce.\n                <\/p>\n                <div class=\"ja-case-tags\">\n                    <span>#GoogleAds<\/span>\n                    <span>#SEO<\/span>\n                    <span>#Conversion<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-top\">\n                    <span class=\"ja-case-category\">WordPress<\/span>\n                <\/div>\n                <h3>Speed Optimization<\/h3>\n                <p>\n                    Developing modern websites built for speed, UX\/UI, and technical SEO optimization.\n                <\/p>\n                <div class=\"ja-case-tags\">\n                    <span>#UXUI<\/span>\n                    <span>#Performance<\/span>\n                    <span>#SEO<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-top\">\n                    <span class=\"ja-case-category\">Lead Generation<\/span>\n                <\/div>\n                <h3>Sales Automation<\/h3>\n                <p>\n                    Form, CRM, and digital automation integration driven by process optimization and conversion.\n                <\/p>\n                <div class=\"ja-case-tags\">\n                    <span>#Make<\/span>\n                    <span>#CRM<\/span>\n                    <span>#Automation<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-top\">\n                    <span class=\"ja-case-category\">Digital Marketing<\/span>\n                <\/div>\n                <h3>Omnichannel Growth<\/h3>\n                <p>\n                    Acquisition strategies, digital campaigns, and search optimization geared for results.\n                <\/p>\n                <div class=\"ja-case-tags\">\n                    <span>#Growth<\/span>\n                    <span>#Ads<\/span>\n                    <span>#Analytics<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-top\">\n                    <span class=\"ja-case-category\">Consulting<\/span>\n                <\/div>\n                <h3>Conversion &amp; Performance Optimization<\/h3>\n                <p>\n                    Digital Ecosystems: Analysis, UX &amp; Performance Optimization.\n                <\/p>\n                <div class=\"ja-case-tags\">\n                    <span>#Growth<\/span>\n                    <span>#SEO<\/span>\n                    <span>#UX<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-cases-section {\n    position: relative;\n    padding: 60px 20px;\n    background: #050816;\n    overflow: hidden;\n}\n\n.ja-cases-bg {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at top right, rgba(255,138,0,.10), transparent 50%);\n    pointer-events: none;\n}\n\n.ja-cases-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1320px;\n    margin: auto;\n}\n\n\/* HEADER --- *\/\n.ja-cases-header {\n    max-width: 980px;\n    margin: 0 auto 44px;\n    text-align: center;\n}\n\n.ja-cases-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 16px;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,.08);\n    background: rgba(255,255,255,.03);\n    color: #FF8A00;\n    font-size: 11px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    font-weight: 600;\n    margin-bottom: 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-cases-header h2 {\n    margin: 0;\n    color: #FFFFFF;\n    font-size: 32px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 700;\n    font-family: 'Manrope', sans-serif;\n}\n\n.ja-cases-header p {\n    margin: 16px auto 0;\n    color: rgba(255,255,255,.68);\n    font-size: 16px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n}\n\n\/* GRID --- *\/\n.ja-cases-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Una sola columna en m\u00f3vil *\/\n    gap: 20px;\n}\n\n\/* CARDS --- *\/\n.ja-case-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 30px 24px;\n    border-radius: 24px;\n    background: rgba(255,255,255,.03);\n    border: 1px solid rgba(255,255,255,.06);\n    backdrop-filter: blur(14px);\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n    overflow: hidden;\n}\n\n.ja-case-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,138,0,.06), rgba(255,138,0,0));\n    opacity: 0;\n    transition: opacity .3s ease;\n}\n\n.ja-case-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(255,138,0,.2);\n    box-shadow: 0 20px 50px rgba(0,0,0,.5);\n}\n\n.ja-case-card:hover::before {\n    opacity: 1;\n}\n\n\/* CARD DESTACADA (eCommerce) *\/\n.ja-case-card.featured {\n    border-color: rgba(255,138,0,.16);\n    background: linear-gradient(135deg, rgba(255,138,0,.06), rgba(255,255,255,.02));\n}\n\n\/* INTERIORES DE CARD --- *\/\n.ja-case-top {\n    margin-bottom: 20px;\n}\n\n.ja-case-category {\n    display: inline-flex;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.04);\n    border: 1px solid rgba(255,255,255,.06);\n    color: #FF8A00;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-case-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    color: #FFFFFF;\n    font-size: 24px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 700;\n    font-family: 'Manrope', sans-serif;\n    word-wrap: break-word;\n}\n\n.ja-case-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: rgba(255,255,255,.72);\n    font-size: 15px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n    flex-grow: 1; \/* Distribuye espacio y empuja los tags sim\u00e9tricamente *\/\n}\n\n\/* TAGS \/ HASHTAGS --- *\/\n.ja-case-tags {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n.ja-case-tags span {\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.04);\n    border: 1px solid rgba(255,255,255,.06);\n    color: rgba(255,255,255,0.9);\n    font-size: 12px;\n    font-family: 'Inter', sans-serif;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para Desktop)\n   ========================================================================== *\/\n\n\/* Tablets en adelante (Vista en 2 columnas) *\/\n@media (min-width: 640px) {\n    .ja-cases-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .ja-cases-header h2 {\n        font-size: 42px;\n    }\n}\n\n\/* Laptops \/ Escritorios Medianos (Vista en 3 columnas estables) *\/\n@media (min-width: 1024px) {\n    .ja-cases-section {\n        padding: 140px 32px;\n    }\n    .ja-cases-header {\n        margin-bottom: 80px;\n    }\n    .ja-cases-header h2 {\n        font-size: 56px;\n        letter-spacing: -2px;\n    }\n    .ja-cases-header p {\n        font-size: 19px;\n        margin-top: 24px;\n    }\n    .ja-cases-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }\n    .ja-case-card {\n        padding: 42px;\n        border-radius: 32px;\n    }\n    .ja-case-top {\n        margin-bottom: 28px;\n    }\n    .ja-case-category {\n        padding: 8px 16px;\n        font-size: 12px;\n    }\n    .ja-case-card h3 {\n        font-size: 32px;\n        margin-bottom: 16px;\n        letter-spacing: -1px;\n    }\n    .ja-case-card p {\n        font-size: 16px;\n    }\n    .ja-case-tags {\n        margin-top: 30px;\n        gap: 10px;\n    }\n    .ja-case-tags span {\n        padding: 8px 14px;\n        font-size: 13px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca1046c e-con-full e-flex e-con e-parent\" data-id=\"ca1046c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef7a54d elementor-widget elementor-widget-html\" data-id=\"ef7a54d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-process-section\">\n    <div class=\"ja-process-bg\"><\/div>\n    <div class=\"ja-process-container\">\n\n        <div class=\"ja-process-header\">\n            <span class=\"ja-process-label\">How I Work<\/span>\n            <h2>Every project follows a transparent, results-oriented process.<\/h2>\n            <p>\n                From initial analysis to continuous optimization, every stage is engineered to build functional, scalable, and conversion-driven digital solutions.\n            <\/p>\n        <\/div>\n\n        <div class=\"ja-process-grid\">\n            \n            <div class=\"ja-process-line\"><\/div>\n\n            <div class=\"ja-process-card\">\n                <div class=\"ja-step-number\">01<\/div>\n                <div class=\"ja-step-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                        <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                    <\/svg>\n                <\/div>\n                <h3>Discovery &amp; Strategy<\/h3>\n                <p>Goals, audience, digital ecosystem, and growth opportunity mapping.<\/p>\n            <\/div>\n\n            <div class=\"ja-process-card\">\n                <div class=\"ja-step-number\">02<\/div>\n                <div class=\"ja-step-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                        <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                        <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                        <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                    <\/svg>\n                <\/div>\n                <h3>Strategic Blueprint<\/h3>\n                <p>Defining structure, UX\/UI, architecture, and a conversion-driven strategy.<\/p>\n            <\/div>\n\n            <div class=\"ja-process-card\">\n                <div class=\"ja-step-number\">03<\/div>\n                <div class=\"ja-step-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n                        <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <h3>Implementation &amp; Deployment<\/h3>\n                <p>Developing, configuring, and deploying optimized, scalable digital solutions.<\/p>\n            <\/div>\n\n            <div class=\"ja-process-card\">\n                <div class=\"ja-step-number\">04<\/div>\n                <div class=\"ja-step-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <h3>Continuous Optimization<\/h3>\n                <p>Ongoing monitoring, analysis, and refinement driven by performance, conversion, and results.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-process-section {\n    position: relative;\n    overflow: hidden;\n    background: #F8FAFC;\n    padding: 60px 20px;\n}\n\n.ja-process-bg {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at top center, rgba(255,138,0,.06), transparent 45%);\n    pointer-events: none;\n}\n\n.ja-process-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1320px;\n    margin: auto;\n}\n\n\/* HEADER --- *\/\n.ja-process-header {\n    max-width: 980px;\n    margin: 0 auto 44px;\n    text-align: center;\n}\n\n.ja-process-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 16px;\n    border-radius: 999px;\n    background: rgba(255,138,0,.08);\n    border: 1px solid rgba(255,138,0,.14);\n    color: #FF8A00;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-process-header h2 {\n    margin: 0;\n    color: #0F172A;\n    font-size: 32px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 800;\n    font-family: 'Manrope', sans-serif;\n}\n\n.ja-process-header p {\n    margin: 16px auto 0;\n    color: #64748B;\n    font-size: 16px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n}\n\n\/* GRID --- *\/\n.ja-process-grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr; \/* Una sola columna en m\u00f3vil *\/\n    gap: 20px;\n}\n\n\/* LINEA INTERCARD (Oculta por defecto en m\u00f3vil para evitar bugs visuales) *\/\n.ja-process-line {\n    display: none;\n}\n\n\/* CARDS --- *\/\n.ja-process-card {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    padding: 30px 24px;\n    border-radius: 24px;\n    background: rgba(255,255,255,.85);\n    border: 1px solid rgba(15,23,42,.06);\n    backdrop-filter: blur(14px);\n    overflow: hidden;\n    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n}\n\n.ja-process-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,138,0,.04), transparent);\n    opacity: 0;\n    transition: opacity .3s ease;\n}\n\n.ja-process-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(255,138,0,.16);\n    box-shadow: 0 20px 40px rgba(15,23,42,.06);\n}\n\n.ja-process-card:hover::before {\n    opacity: 1;\n}\n\n\/* INTERIORES DE CARD --- *\/\n.ja-step-number {\n    color: #FF8A00;\n    font-size: 15px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    margin-bottom: 16px;\n    font-family: 'Manrope', sans-serif;\n}\n\n.ja-step-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 18px;\n    background: rgba(255,138,0,.08);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    flex-shrink: 0;\n}\n\n.ja-step-icon svg {\n    width: 26px;\n    height: 26px;\n    color: #0F172A;\n}\n\n.ja-process-card h3 {\n    margin: 0 0 12px;\n    color: #0F172A;\n    font-size: 22px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n    font-family: 'Manrope', sans-serif;\n}\n\n.ja-process-card p {\n    margin: 0;\n    color: #64748B;\n    font-size: 15px;\n    line-height: 1.6;\n    font-family: 'Inter', sans-serif;\n    flex-grow: 1;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para pantallas grandes)\n   ========================================================================== *\/\n\n\/* Tablets en adelante (2 columnas estables) *\/\n@media (min-width: 640px) {\n    .ja-process-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .ja-process-header h2 {\n        font-size: 42px;\n    }\n}\n\n\/* Escritorios Medianos y Laptops *\/\n@media (min-width: 1024px) {\n    .ja-process-section {\n        padding: 120px 32px;\n    }\n    .ja-process-header {\n        margin-bottom: 80px;\n    }\n    .ja-process-header h2 {\n        font-size: 56px;\n        letter-spacing: -2px;\n    }\n    .ja-process-header p {\n        font-size: 19px;\n        margin-top: 24px;\n    }\n    .ja-process-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n    }\n    \n    \/* Activar y posicionar la l\u00ednea conectora solo en pantallas horizontales *\/\n    .ja-process-line {\n        display: block;\n        position: absolute;\n        top: 110px; \/* Alineado perfectamente al centro de las cajas de los iconos *\/\n        left: 10%;\n        right: 10%;\n        height: 1px;\n        background: linear-gradient(90deg, rgba(255,138,0,0) 0%, rgba(255,138,0,.25) 20%, rgba(255,138,0,.25) 80%, rgba(255,138,0,0) 100%);\n        z-index: 1;\n    }\n\n    .ja-process-card {\n        min-height: 380px;\n        padding: 40px 34px;\n        border-radius: 28px;\n    }\n    .ja-step-number {\n        font-size: 16px;\n        margin-bottom: 20px;\n    }\n    .ja-step-icon {\n        width: 70px;\n        height: 70px;\n        border-radius: 22px;\n        margin-bottom: 28px;\n    }\n    .ja-step-icon svg {\n        width: 30px;\n        height: 30px;\n    }\n    .ja-process-card h3 {\n        font-size: 26px;\n        letter-spacing: -1px;\n        margin-bottom: 16px;\n    }\n    .ja-process-card p {\n        font-size: 16px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e699aa7 e-con-full e-flex e-con e-parent\" data-id=\"e699aa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38474df elementor-widget elementor-widget-html\" data-id=\"38474df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-cta-section\">\n    <div class=\"ja-cta-container\">\n        <div class=\"ja-cta-header\">\n            <span class=\"ja-cta-label\">Let's Talk<\/span>\n            <h2 class=\"ja-cta-title\">Digital experiences built to scale.<\/h2>\n            <p class=\"ja-cta-text\">\n                I partner with brands, businesses, and digital ventures looking to optimize their online presence, boost conversions, and build sustainable growth strategies.\n            <\/p>\n        <\/div>\n        <div class=\"ja-cta-buttons\">\n            <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-btn-cta\">\n                <i class=\"fa-solid fa-paper-plane\"><\/i> Get in touch\n            <\/a>\n            <a href=\"https:\/\/jorgealvarez.me\/en\/services\/\" class=\"ja-btn-secondary\">\n                <i class=\"fa-solid fa-briefcase\"><\/i> View Services\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.ja-cta-section {\n    position: relative;\n    background: #F8FAFC;\n    padding: 60px 20px;\n    text-align: center;\n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n}\n.ja-cta-container {\n    max-width: 820px;\n    margin: 0 auto;\n}\n.ja-cta-header { \n    margin-bottom: 32px; \n}\n.ja-cta-label {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 16px;\n}\n.ja-cta-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 26px;\n    line-height: 1.25;\n    letter-spacing: -0.5px;\n    font-weight: 700;\n}\n.ja-cta-text { \n    margin: 0; \n    color: #475569; \n    font-size: 15px; \n    line-height: 1.65; \n}\n.ja-cta-buttons { \n    display: flex; \n    flex-direction: column; \n    align-items: center; \n    gap: 16px;\n    width: 100%; \n}\n.ja-btn-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 32px;\n    border-radius: 14px;\n    background: #FF8A00;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    box-shadow: 0 10px 25px rgba(255, 138, 0, 0.15);\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n.ja-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 32px;\n    border-radius: 14px;\n    background: #0F172A;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n\n@media (min-width: 640px) {\n    .ja-cta-title { font-size: 34px; line-height: 1.2; letter-spacing: -1px; }\n    .ja-cta-buttons {\n        flex-direction: row;\n        justify-content: center;\n        gap: 20px;\n    }\n    .ja-btn-cta, .ja-btn-secondary { width: auto; }\n}\n\n@media (min-width: 1024px) {\n    .ja-cta-section { padding: 100px 40px; }\n    .ja-cta-header { margin-bottom: 40px; }\n    .ja-cta-title { font-size: 42px; line-height: 1.15; letter-spacing: -1.5px; margin-bottom: 20px; }\n    .ja-cta-text { font-size: 18px; line-height: 1.75; max-width: 760px; margin: 0 auto; }\n    .ja-btn-cta:hover { background: #EA7A00 !important; transform: translateY(-2px); box-shadow: 0 15px 30px rgba(255, 138, 0, 0.25); }\n    .ja-btn-secondary:hover { background: #1E293B !important; transform: translateY(-2px); box-shadow: 0 15px 30px rgba(15, 23, 42, 0.18); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Growth Marketing &#038; Web Solutions Growth Marketing y desarrollo web para empresas que quieren escalar Especialista en Growth Marketing, WordPress y automatizaci\u00f3n digital. Desarrollo estrategias enfocadas en conversi\u00f3n, adquisici\u00f3n y escalabilidad para marcas y negocios. Trabajemos juntos Ver servicios +10 a\u00f1os de experiencia Especialista en WordPress y Growth Proyectos en LATAM y USA<\/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-13","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":118,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":9385,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/9385"}],"wp:attachment":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}