{"id":21,"date":"2026-05-09T10:16:44","date_gmt":"2026-05-09T15:16:44","guid":{"rendered":"http:\/\/localhost\/mkt\/?page_id=21"},"modified":"2026-05-26T18:23:20","modified_gmt":"2026-05-26T23:23:20","slug":"services","status":"publish","type":"page","link":"https:\/\/jorgealvarez.me\/en\/servicios\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c1494f e-con-full e-flex e-con e-parent\" data-id=\"2c1494f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fc805 elementor-widget elementor-widget-html\" data-id=\"36fc805\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-services-hero\">\n    <div class=\"ja-hero-container\">\n        \n        <div class=\"ja-hero-content\">\n            <span class=\"ja-hero-badge\">Servicios<\/span>\n            <h1 class=\"ja-hero-title\">\n                Soluciones digitales enfocadas en crecimiento, conversi\u00f3n y rendimiento.\n            <\/h1>\n            <p class=\"ja-hero-text\">\n                Desarrollo estrategias, experiencias web y ecosistemas digitales orientados a adquisici\u00f3n, performance y escalabilidad.\n            <\/p>\n            <div class=\"ja-hero-buttons\">\n                <a href=\"https:\/\/jorgealvarez.me\/contacto\/\" class=\"ja-btn-primary\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ja-btn-icon\">\n                        <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                        <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                    <\/svg>\n                    Escr\u00edbeme por aqu\u00ed\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"ja-hero-image-box\">\n            <img decoding=\"async\" src=\"https:\/\/jorgealvarez.me\/wp-content\/uploads\/Servicios-1200x675.png\" alt=\"Soluciones digitales y anal\u00edtica\">\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-services-hero {\n    position: relative;\n    background: #ffffff;\n    padding: 50px 20px;\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; \/* Apilado vertical en m\u00f3viles *\/\n    gap: 40px;\n}\n\n\/* CONTENIDO --- *\/\n.ja-hero-content {\n    width: 100%;\n}\n\n.ja-hero-badge {\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\n.ja-hero-title {\n    margin: 0 0 20px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 34px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 800;\n}\n\n.ja-hero-text {\n    margin: 0 0 32px;\n    color: #475569;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\/* BOT\u00d3N --- *\/\n.ja-hero-buttons {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\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; \/* Fuerza color de texto blanco siempre *\/\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n\n.ja-btn-icon {\n    color: #ffffff !important; \/* Fuerza color de icono blanco siempre *\/\n    flex-shrink: 0;\n}\n\n.ja-btn-primary:hover {\n    background: #EA7A00 !important; \/* Naranja m\u00e1s oscuro en hover *\/\n    color: #ffffff !important;      \/* Asegura el texto blanco en el estado hover *\/\n}\n\n.ja-btn-primary:hover .ja-btn-icon {\n    color: #ffffff !important;      \/* Asegura el icono blanco en el estado hover *\/\n}\n\n\/* IMAGEN EN M\u00d3VIL --- *\/\n.ja-hero-image-box {\n    width: 100%;\n}\n\n.ja-hero-image-box img {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\n    display: block;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para pantallas grandes)\n   ========================================================================== *\/\n\n\/* Tablets y phablets *\/\n@media (min-width: 640px) {\n    .ja-hero-title {\n        font-size: 42px;\n    }\n    .ja-hero-buttons {\n        flex-direction: row;\n    }\n    .ja-btn-primary {\n        width: auto;\n    }\n}\n\n\/* Escritorio mediano \/ Laptops *\/\n@media (min-width: 1024px) {\n    .ja-services-hero {\n        padding: 100px 40px;\n    }\n\n    .ja-hero-container {\n        flex-direction: row; \/* Layout horizontal lado a lado *\/\n        align-items: center;\n        gap: 64px;\n    }\n\n    .ja-hero-content {\n        flex: 1;\n        max-width: 680px;\n    }\n\n    .ja-hero-title {\n        font-size: 58px;\n        line-height: 1.08;\n        letter-spacing: -2.5px;\n        margin-bottom: 24px;\n    }\n\n    .ja-hero-text {\n        font-size: 18px;\n        margin-bottom: 40px;\n    }\n\n    .ja-btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 12px 30px rgba(255, 138, 0, 0.25);\n    }\n\n    \/* IMAGEN EN DESKTOP --- *\/\n    .ja-hero-image-box {\n        flex: 1;\n        max-width: 600px;\n    }\n\n    .ja-hero-image-box img {\n        border-radius: 24px;\n        box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80cffc4 e-con-full e-flex e-con e-parent\" data-id=\"80cffc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dee95c8 elementor-widget elementor-widget-html\" data-id=\"dee95c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-banner-strategy\">\n    <div class=\"ja-banner-container\">\n        \n        <h2 class=\"ja-banner-title\">\n            Estrategia, tecnolog\u00eda y marketing digital trabajando juntos.\n        <\/h2>\n        \n        <p class=\"ja-banner-text\">\n            Cada servicio est\u00e1 dise\u00f1ado para integrarse dentro de una estrategia digital enfocada en experiencia de usuario, adquisici\u00f3n y crecimiento sostenible.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-banner-strategy {\n    position: relative;\n    background: #F8FAFC; \/* Fondo claro sutil e id\u00e9ntico a la imagen *\/\n    padding: 60px 20px;  \/* Espaciado interno controlado para m\u00f3viles *\/\n    text-align: center;\n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-banner-container {\n    max-width: 960px; \/* Ancho m\u00e1ximo \u00f3ptimo para la lectura del p\u00e1rrafo largo *\/\n    margin: 0 auto;\n}\n\n.ja-banner-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 26px; \/* Escalado responsivo inicial *\/\n    line-height: 1.25;\n    letter-spacing: -0.5px;\n    font-weight: 700;\n}\n\n.ja-banner-text {\n    margin: 0;\n    color: #334155;\n    font-size: 15px;\n    line-height: 1.65;\n    max-width: 100%;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para pantallas grandes)\n   ========================================================================== *\/\n\n\/* Tablets en adelante *\/\n@media (min-width: 768px) {\n    .ja-banner-strategy {\n        padding: 80px 40px;\n    }\n\n    .ja-banner-title {\n        font-size: 34px;\n        line-height: 1.2;\n        letter-spacing: -1px;\n        margin-bottom: 20px;\n    }\n\n    .ja-banner-text {\n        font-size: 16px;\n        line-height: 1.7;\n    }\n}\n\n\/* Pantallas de Escritorio y Laptops Grandes *\/\n@media (min-width: 1024px) {\n    .ja-banner-strategy {\n        padding: 100px 40px; \/* Espaciado amplio y premium original *\/\n    }\n\n    .ja-banner-title {\n        font-size: 42px;\n        line-height: 1.15;\n        letter-spacing: -1.5px;\n        margin-bottom: 24px;\n    }\n\n    .ja-banner-text {\n        font-size: 18px;\n        line-height: 1.8;\n        max-width: 820px; \/* Mantiene la proporci\u00f3n visual exacta de tu captura *\/\n        margin: 0 auto;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c88698 e-con-full e-flex e-con e-parent\" data-id=\"5c88698\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c58acd5 elementor-widget elementor-widget-html\" data-id=\"c58acd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-catalog-section\">\n    <div class=\"ja-catalog-container\">\n\n        <div class=\"ja-catalog-grid\">\n            \n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/diseno-web-wordpress\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-brands fa-wordpress\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">Dise\u00f1o Web WordPress<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Sitios web modernos, r\u00e1pidos y enfocados en conversi\u00f3n utilizando WordPress y Elementor Pro.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/growth-marketing\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-solid fa-chart-line\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">Growth Marketing<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Estrategias digitales enfocadas en adquisici\u00f3n, optimizaci\u00f3n y crecimiento sostenible.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/meta-ads\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-brands fa-meta\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">Meta Ads<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Campa\u00f1as enfocadas en generaci\u00f3n de leads, conversiones y performance publicitario.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/google-ads\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-brands fa-google\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">Google Ads<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Implementaci\u00f3n y optimizaci\u00f3n de campa\u00f1as orientadas a resultados y escalabilidad.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/seo\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">SEO<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Optimizaci\u00f3n SEO t\u00e9cnica y estrat\u00e9gica para mejorar posicionamiento y tr\u00e1fico org\u00e1nico.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/automatizacion\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-solid fa-gears\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">Automatizaci\u00f3n Digital<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Integraci\u00f3n de procesos, workflows y herramientas para optimizar operaciones digitales.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/ecommerce\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-solid fa-cart-shopping\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">eCommerce<\/h3>\n                <p class=\"ja-catalog-text\">\n                    Optimizaci\u00f3n de experiencias de compra, conversi\u00f3n y crecimiento para comercio electr\u00f3nico.\n                <\/p>\n            <\/a>\n\n            <a href=\"https:\/\/jorgealvarez.me\/servicios\/consultoria-digital\/\" class=\"ja-catalog-item\">\n                <div class=\"ja-catalog-icon\">\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\n                <\/div>\n                <h3 class=\"ja-catalog-title\">Consultor\u00eda Digital<\/h3>\n                <p class=\"ja-catalog-text\">\n                    An\u00e1lisis estrat\u00e9gico y optimizaci\u00f3n de ecosistemas digitales orientados a crecimiento.\n                <\/p>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-catalog-section {\n    position: relative;\n    background: #F8FAFC; \/* Fondo claro sutil e id\u00e9ntico al screenshot *\/\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-catalog-container {\n    max-width: 1320px;\n    margin: 0 auto;\n}\n\n\/* GRID --- *\/\n.ja-catalog-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Una sola columna fluida en m\u00f3viles *\/\n    gap: 32px; \/* Espaciado c\u00f3modo para lectura vertical *\/\n}\n\n\/* TARJETAS INTERACTIVAS --- *\/\n.ja-catalog-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center; \/* Alineaci\u00f3n centrada id\u00e9ntica a tu dise\u00f1o *\/\n    text-align: center;\n    text-decoration: none;\n    background: transparent;\n    padding: 10px;\n    transition: transform 0.3s ease;\n}\n\n\/* CONTENEDOR DE ICONOS --- *\/\n.ja-catalog-icon {\n    font-size: 32px;\n    color: #334155; \/* Color neutro profesional *\/\n    margin-bottom: 20px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: color 0.3s ease;\n}\n\n.ja-catalog-title {\n    margin: 0 0 14px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 1.3;\n}\n\n.ja-catalog-text {\n    margin: 0;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.65;\n    max-width: 280px; \/* Limita el ancho del texto para conservar la estructura de bloques *\/\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para pantallas grandes)\n   ========================================================================== *\/\n\n\/* Tablets (Evoluciona a 2 columnas) *\/\n@media (min-width: 640px) {\n    .ja-catalog-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px 24px;\n    }\n}\n\n\/* Escritorio mediano \/ Laptops (Evoluciona a 3 columnas) *\/\n@media (min-width: 900px) {\n    .ja-catalog-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 48px 28px;\n    }\n}\n\n\/* Escritorio grande \/ Monitores de alta resoluci\u00f3n (4 columnas exactas) *\/\n@media (min-width: 1200px) {\n    .ja-catalog-section {\n        padding: 100px 40px;\n    }\n\n    .ja-catalog-grid {\n        grid-template-columns: repeat(4, 1fr); \/* Fila de 4 elementos perfecta *\/\n        gap: 64px 32px; \/* Mayor separaci\u00f3n elegante *\/\n    }\n\n    \/* MICRO-INTERACCIONES EN ESCRITORIO *\/\n    .ja-catalog-item:hover {\n        transform: translateY(-4px); \/* Sutil efecto de elevaci\u00f3n flotante *\/\n    }\n\n    .ja-catalog-item:hover .ja-catalog-icon {\n        color: #FF8A00; \/* El icono cambia suavemente al naranja corporativo *\/\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66dd953 e-con-full e-flex e-con e-parent\" data-id=\"66dd953\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d8a1f0 elementor-widget elementor-widget-html\" data-id=\"7d8a1f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-tech-section\">\n    <div class=\"ja-tech-container\">\n\n        <div class=\"ja-tech-header\">\n            <h2>Tecnolog\u00edas y \u00e1reas con las que trabajo<\/h2>\n        <\/div>\n\n        <div class=\"ja-tech-grid\">\n            \n            <div class=\"ja-tech-pill\">WordPress<\/div>\n            <div class=\"ja-tech-pill\">Elementor Pro<\/div>\n            <div class=\"ja-tech-pill\">SEO<\/div>\n            <div class=\"ja-tech-pill\">Meta Ads<\/div>\n\n            <div class=\"ja-tech-pill\">Google Ads<\/div>\n            <div class=\"ja-tech-pill\">Make<\/div>\n            <div class=\"ja-tech-pill\">UX\/UI<\/div>\n            <div class=\"ja-tech-pill\">Performance<\/div>\n\n            <div class=\"ja-tech-pill\">Automatizaci\u00f3n<\/div>\n            <div class=\"ja-tech-pill\">eCommerce<\/div>\n            <div class=\"ja-tech-pill\">Landing Pages<\/div>\n            <div class=\"ja-tech-pill\">Anal\u00edtica Digital<\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-tech-section {\n    position: relative;\n    background: #F8FAFC; \/* Fondo claro sutil id\u00e9ntico al screenshot *\/\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n    text-align: center;\n}\n\n.ja-tech-container {\n    max-width: 1140px; \/* Ancho id\u00f3neo para contener las filas de 4 elementos *\/\n    margin: 0 auto;\n}\n\n\/* HEADER --- *\/\n.ja-tech-header h2 {\n    margin: 0 0 32px;\n    color: #475569; \/* Gris pizarra elegante y corporativo *\/\n    font-family: 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    letter-spacing: -0.2px;\n}\n\n\/* GRID \/ FLEX INICIAL PARA M\u00d3VILES --- *\/\n.ja-tech-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px; \/* Margen m\u00e1s compacto para aprovechar pantallas verticales *\/\n}\n\n\/* ETIQUETAS (PILLS) --- *\/\n.ja-tech-pill {\n    background: #F8FAFC; \/* El color interno coincide con el fondo *\/\n    color: #0F172A;\n    border: 1px solid #E2E8F0; \/* Borde suave id\u00e9ntico a la imagen *\/\n    border-radius: 999px; \/* Formato p\u00edldora redondeada *\/\n    padding: 14px 28px;\n    font-size: 15px;\n    font-weight: 600;\n    font-family: 'Inter', sans-serif;\n    min-width: 140px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Escalabilidad progresiva para pantallas grandes)\n   ========================================================================== *\/\n\n\/* Tablets en adelante (Evoluciona a un formato ordenado de 2 columnas) *\/\n@media (min-width: 640px) {\n    .ja-tech-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px 20px;\n    }\n    .ja-tech-pill {\n        width: 100%;\n        min-height: 52px;\n    }\n}\n\n\/* Escritorio mediano \/ Laptops (Evoluciona a un formato de 3 columnas) *\/\n@media (min-width: 900px) {\n    .ja-tech-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 18px 24px;\n    }\n}\n\n\/* Escritorio grande \/ Monitores de alta resoluci\u00f3n (4 columnas exactas como la imagen) *\/\n@media (min-width: 1100px) {\n    .ja-tech-section {\n        padding: 80px 40px;\n    }\n\n    .ja-tech-header h2 {\n        margin-bottom: 42px;\n        font-size: 19px;\n    }\n\n    .ja-tech-grid {\n        grid-template-columns: repeat(4, 1fr); \/* 4 bloques perfectos alineados *\/\n        gap: 24px 28px; \/* Espaciado id\u00e9ntico al layout original *\/\n    }\n\n    .ja-tech-pill {\n        min-height: 56px;\n        font-size: 16px;\n        padding: 16px 32px;\n        transition: border-color 0.3s ease, background-color 0.3s ease;\n    }\n\n    \/* MICRO-INTERACCI\u00d3N DE DISE\u00d1O EN PC *\/\n    .ja-tech-pill:hover {\n        border-color: #CBD5E1; \/* El borde se oscurece ligeramente con elegancia *\/\n        background-color: #ffffff; \/* Sutil contraste de iluminaci\u00f3n al posarse *\/\n        cursor: default;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed98690 e-con-full e-flex e-con e-parent\" data-id=\"ed98690\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-175b822 elementor-widget elementor-widget-html\" data-id=\"175b822\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-faq-section\">\n    <div class=\"ja-faq-container\">\n        \n        <div class=\"ja-faq-header\">\n            <span class=\"ja-faq-label\">FAQ<\/span>\n            <h2 class=\"ja-faq-title\">Preguntas Frecuentes<\/h2>\n            <p class=\"ja-faq-subtitle\">Todo lo que necesitas saber sobre c\u00f3mo trabajo y c\u00f3mo puedo ayudarte a potenciar tu negocio digital.<\/p>\n        <\/div>\n\n        <div class=\"ja-faq-grid\">\n\n            <details class=\"ja-faq-item\" open>\n                <summary class=\"ja-faq-question\">\n                    \u00bfTrabajas en proyectos internacionales?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed. Trabajo activamente con empresas, marcas y negocios digitales en toda Latinoam\u00e9rica y Estados Unidos, desarrollando estrategias y soluciones optimizadas que se adaptan con precisi\u00f3n a las din\u00e1micas de distintos mercados y objetivos comerciales.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfDesarrollas sitios web biling\u00fces?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, dise\u00f1o y desarrollo sitios web completamente biling\u00fces (espa\u00f1ol e ingl\u00e9s). Estructuro el proyecto desde cero utilizando las mejores pr\u00e1cticas de arquitectura t\u00e9cnica, garantizando una experiencia de usuario (UX) fluida y una optimizaci\u00f3n robusta para SEO internacional.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfTrabajas con WordPress y Elementor Pro?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, es una de mis herramientas principales. Desarrollo sitios web modernos y escalables utilizando WordPress combin\u00e1ndolo con Elementor Pro. Mi enfoque no se limita a lo visual: priorizo estrat\u00e9gicamente la velocidad de carga, la flexibilidad t\u00e9cnica, la seguridad y, sobre todo, que la plataforma sea f\u00e1cil de administrar para ti en el d\u00eda a d\u00eda.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfLos sitios web son responsive?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>Por supuesto. Todos los proyectos se planifican y ejecutan bajo un enfoque estricto de dise\u00f1o responsivo. Esto garantiza que la navegaci\u00f3n, los elementos visuales y los embudos de conversi\u00f3n se adapten a la perfecci\u00f3n en ordenadores, tablets y tel\u00e9fonos m\u00f3viles.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfIncluyes optimizaci\u00f3n SEO?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed. Cada sitio web que desarrollo se entrega con una base t\u00e9cnica s\u00f3lida para el posicionamiento org\u00e1nico. Esto incluye optimizaci\u00f3n de velocidad de carga, jerarqu\u00eda sem\u00e1ntica del contenido, configuraci\u00f3n de etiquetas clave y la implementaci\u00f3n de las mejores pr\u00e1cticas que Google exige para indexar y rankear tu negocio.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfPuedes optimizar un sitio web ya existente?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, realizo auditor\u00edas exhaustivas de sitios web activos para identificar cuellos de botella. A partir de ah\u00ed, ejecuto optimizaciones profundas enfocadas en mejorar la velocidad de carga, corregir la estructura visual, perfeccionar la experiencia de usuario (UX) y potenciar el SEO para elevar tu tasa de conversi\u00f3n actual.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfTrabajas campa\u00f1as de Meta Ads y Google Ads?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed. Dise\u00f1o, gestiono y optimizo campa\u00f1as publicitarias pagadas tanto en Meta Ads (Facebook e Instagram) como en Google Ads. Las estrategias est\u00e1n orientadas en fases l\u00f3gicas: desde la atracci\u00f3n de tr\u00e1fico cualificado hasta la captaci\u00f3n directa de leads y el retorno de inversi\u00f3n.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfPuedes optimizar campa\u00f1as publicitarias ya activas?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed. Analizo tus campa\u00f1as vigentes para auditar la segmentaci\u00f3n, los copies, los creativos y las landing pages. El objetivo es identificar d\u00f3nde se est\u00e1 perdiendo presupuesto para mejorar m\u00e9tricas clave como el Coste por Lead (CPL), el Click-Through Rate (CTR) y el Retorno de la Inversi\u00f3n Publicitaria (ROAS).<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfTrabajas automatizaciones digitales?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed. Desarrollo integraciones y flujos de automatizaci\u00f3n avanzados conectando herramientas como Make, formularios web, sistemas CRM y otras plataformas comerciales. Esto permite eliminar tareas manuales repetitivas, agilizar el seguimiento de clientes y optimizar tus procesos de venta operativos.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfTrabajas proyectos de eCommerce?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, dise\u00f1o e implemento estrategias e infraestructuras digitales para tiendas online. Mis desarrollos est\u00e1n enfocados en optimizar todo el ciclo del usuario: desde la adquisici\u00f3n de visitas, la fluidez en la experiencia de compra y la pasarela de pagos, hasta el rendimiento general para un crecimiento comercial escalable.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfQu\u00e9 herramientas de anal\u00edtica digital utilizas?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>Utilizo herramientas l\u00edderes del mercado como Google Analytics 4 (GA4), Google Tag Manager y herramientas de mapas de calor para medir el comportamiento de los usuarios, analizar las fuentes de tr\u00e1fico y configurar eventos de conversi\u00f3n exactos que gu\u00eden las decisiones estrat\u00e9gicas de crecimiento.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfOfreces servicios de consultor\u00eda digital estrat\u00e9gica?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, brindo consultor\u00eda para analizar a fondo tu ecosistema actual, diagnosticar tus canales digitales y dise\u00f1ar una hoja de ruta personalizada de crecimiento centrada en mejorar tus flujos operacionales y aumentar el rendimiento de tu negocio a largo plazo.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfC\u00f3mo es el proceso para iniciar un proyecto?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>El proceso comienza con una fase de diagn\u00f3stico inicial donde conversamos sobre tus metas comerciales, requerimientos t\u00e9cnicos y audiencia. A partir de all\u00ed, presento una propuesta estrat\u00e9gica estructurada y transparente para dar paso a la planificaci\u00f3n, ejecuci\u00f3n y optimizaci\u00f3n continua.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfOfreces soporte y mantenimiento tras el lanzamiento?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, pongo a tu disposici\u00f3n planes opcionales de mantenimiento preventivo y soporte t\u00e9cnico continuo que cubren actualizaciones de seguridad, monitorizaci\u00f3n del servidor, copias de respaldo de datos y ajustes de optimizaci\u00f3n t\u00e9cnica para que tu plataforma siga rindiendo al 100% sin ca\u00eddas.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfQu\u00e9 es el Growth Marketing y c\u00f3mo beneficia a mi empresa?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>A diferencia del marketing convencional que solo busca visibilidad, el Growth Marketing utiliza an\u00e1lisis de datos y experimentaci\u00f3n continua para optimizar todo tu embudo de ventas (adquisici\u00f3n, retenci\u00f3n y monetizaci\u00f3n). Su beneficio es directo: lograr un crecimiento predecible, escalable y con un coste eficiente.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfImplementas integraciones con pasarelas de pago y CRM?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed, integro tu plataforma web con las principales pasarelas de pago (Stripe, PayPal, Culqi, etc.) y sistemas CRM automatizados (HubSpot, ActiveCampaign, Salesforce). El objetivo es centralizar tus datos para que tus registros de ventas y clientes potenciales se sincronicen de manera autom\u00e1tica.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfCu\u00e1nto tiempo toma desarrollar un proyecto web o de optimizaci\u00f3n?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>El tiempo promedio oscila entre 3 y 6 semanas, dependiendo enteramente de la complejidad t\u00e9cnica, la cantidad de integraciones requeridas y el volumen de contenidos. Desde el primer d\u00eda establezco un cronograma claro con hitos de entrega precisos para asegurar un despliegue sin retrasos.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"ja-faq-item\">\n                <summary class=\"ja-faq-question\">\n                    \u00bfEntrega de reportes y m\u00e9tricas de rendimiento de campa\u00f1as?\n                    <span class=\"ja-faq-icon\"><\/span>\n                <\/summary>\n                <div class=\"ja-faq-answer\">\n                    <p>S\u00ed. Trabajo con total transparencia mediante tableros e informes estrat\u00e9gicos peri\u00f3dicos donde analizamos juntos las m\u00e9tricas clave de rendimiento (KPIs). De esta manera tendr\u00e1s visibilidad exacta sobre tus conversiones, la procedencia de los clientes potenciales y el retorno de inversi\u00f3n real.<\/p>\n                <\/div>\n            <\/details>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   DISE\u00d1O FAQ --- MOBILE FIRST\n   ========================================================================== *\/\n.ja-faq-section {\n    background-color: #F8FAFC;\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-faq-container {\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* Encabezado *\/\n.ja-faq-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.ja-faq-label {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n}\n\n.ja-faq-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 28px;\n    font-weight: 800;\n    letter-spacing: -0.5px;\n}\n\n.ja-faq-subtitle {\n    margin: 0 auto;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.6;\n    max-width: 600px;\n}\n\n\/* Grid de acordeones *\/\n.ja-faq-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n\/* Estilo individual de cada Item (Acorde\u00f3n) *\/\n.ja-faq-item {\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    border-radius: 16px;\n    overflow: hidden;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n\/* Eliminar la flecha nativa de los navegadores *\/\n.ja-faq-item summary::-webkit-details-marker {\n    display: none;\n}\n.ja-faq-item summary {\n    list-style: none;\n}\n\n\/* Cabecera del acorde\u00f3n (Pregunta) *\/\n.ja-faq-question {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    color: #0F172A;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    user-select: none;\n    transition: color 0.3s ease;\n}\n\n\/* Icono personalizado +\/- *\/\n.ja-faq-icon {\n    position: relative;\n    display: block;\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n}\n\n\/* L\u00ednea Horizontal del s\u00edmbolo *\/\n.ja-faq-icon::before {\n    content: \"\";\n    position: absolute;\n    top: 9px;\n    left: 2px;\n    width: 16px;\n    height: 2px;\n    background-color: #0F172A;\n    transition: transform 0.3s ease;\n}\n\n\/* L\u00ednea Vertical del s\u00edmbolo *\/\n.ja-faq-icon::after {\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    left: 9px;\n    width: 2px;\n    height: 16px;\n    background-color: #0F172A;\n    transition: transform 0.3s ease;\n}\n\n\/* Cuerpo del acorde\u00f3n (Respuesta) *\/\n.ja-faq-answer {\n    padding: 0 24px 24px 24px;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n.ja-faq-answer p {\n    margin: 0;\n}\n\n\/* ESTADOS HOVER Y ABIERTO (OPEN) *\/\n.ja-faq-item:hover {\n    border-color: #CBD5E1;\n}\n\n\/* Cuando el acorde\u00f3n est\u00e1 abierto *\/\n.ja-faq-item[open] {\n    border-color: #FF8A00;\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);\n}\n\n.ja-faq-item[open] .ja-faq-question {\n    color: #FF8A00;\n}\n\n\/* Animaci\u00f3n del icono a un s\u00edmbolo de menos (-) *\/\n.ja-faq-item[open] .ja-faq-icon::before {\n    background-color: #FF8A00;\n}\n\n.ja-faq-item[open] .ja-faq-icon::after {\n    transform: rotate(90deg);\n    opacity: 0;\n}\n\n\n\/* ==========================================================================\n   MEDIA QUERIES (Pantallas de Escritorio y Laptops)\n   ========================================================================== *\/\n@media (min-width: 768px) {\n    .ja-faq-section {\n        padding: 100px 40px;\n    }\n\n    .ja-faq-header {\n        margin-bottom: 60px;\n    }\n\n    .ja-faq-title {\n        font-size: 38px;\n        letter-spacing: -1px;\n    }\n\n    .ja-faq-subtitle {\n        font-size: 17px;\n    }\n\n    .ja-faq-question {\n        padding: 24px 32px;\n        font-size: 18px;\n    }\n\n    .ja-faq-answer {\n        padding: 0 32px 28px 32px;\n        font-size: 16px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const faqItems = document.querySelectorAll(\".ja-faq-item\");\n\n    faqItems.forEach((currentItem) => {\n        const summary = currentItem.querySelector(\"summary\");\n        \n        summary.addEventListener(\"click\", function (e) {\n            \/\/ Previene el comportamiento por defecto temporalmente para controlarlo con script\n            e.preventDefault();\n            \n            \/\/ Si el elemento clicado ya estaba abierto, simplemente lo cerramos\n            if (currentItem.hasAttribute(\"open\")) {\n                currentItem.removeAttribute(\"open\");\n            } else {\n                \/\/ Primero cerramos CUALQUIER otra pregunta que est\u00e9 abierta actualmente\n                faqItems.forEach((item) => {\n                    if (item.hasAttribute(\"open\")) {\n                        item.removeAttribute(\"open\");\n                    }\n                });\n                \/\/ Finalmente abrimos la pregunta seleccionada\n                currentItem.setAttribute(\"open\", \"\");\n            }\n        });\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d4aac2 e-con-full e-flex e-con e-parent\" data-id=\"9d4aac2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaab3b8 elementor-widget elementor-widget-html\" data-id=\"aaab3b8\" 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\n        <div class=\"ja-cta-header\">\n            <span class=\"ja-cta-label\">Hablemos<\/span>\n            <h2 class=\"ja-cta-title\">Experiencias digitales construidas para crecer.<\/h2>\n            <p class=\"ja-cta-text\">\n                Trabajo con marcas, negocios y proyectos digitales que buscan optimizar su presencia online, mejorar conversiones y construir estrategias sostenibles.\n            <\/p>\n        <\/div>\n\n        <div class=\"ja-cta-buttons\">\n            <a href=\"https:\/\/jorgealvarez.me\/contacto\/\" class=\"ja-btn-cta\">\n                <i class=\"fa-solid fa-paper-plane\"><\/i> Escr\u00edbeme por aqu\u00ed\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-cta-section {\n    position: relative;\n    background: #F8FAFC; \/* Fondo claro sutil id\u00e9ntico a la captura *\/\n    padding: 60px 20px;\n    text-align: center;\n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n}\n\n.ja-cta-container {\n    max-width: 820px; \/* Ancho m\u00e1ximo ideal para la lectura del bloque de texto *\/\n    margin: 0 auto;\n}\n\n\/* HEADER --- *\/\n.ja-cta-header {\n    margin-bottom: 32px;\n}\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\n.ja-cta-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 26px; \/* Ajuste responsivo inicial *\/\n    line-height: 1.25;\n    letter-spacing: -0.5px;\n    font-weight: 700;\n}\n\n.ja-cta-text {\n    margin: 0;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n\/* BOTONES --- *\/\n.ja-cta-buttons {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n}\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; \/* Mantiene el texto blanco pase lo que pase *\/\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%; \/* Bot\u00f3n completo y c\u00f3modo en pantallas t\u00e1ctiles m\u00f3viles *\/\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\n.ja-btn-cta i {\n    font-size: 14px;\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    .ja-cta-title {\n        font-size: 34px;\n        line-height: 1.2;\n        letter-spacing: -1px;\n    }\n\n    .ja-btn-cta {\n        width: auto; \/* El bot\u00f3n recupera su tama\u00f1o natural contenido *\/\n    }\n}\n\n\/* Escritorio mediano \/ Laptops y Pantallas de alta resoluci\u00f3n *\/\n@media (min-width: 1024px) {\n    .ja-cta-section {\n        padding: 100px 40px; \/* Margen premium amplio de la imagen original *\/\n    }\n\n    .ja-cta-header {\n        margin-bottom: 40px;\n    }\n\n    .ja-cta-title {\n        font-size: 42px;\n        line-height: 1.15;\n        letter-spacing: -1.5px;\n        margin-bottom: 20px;\n    }\n\n    .ja-cta-text {\n        font-size: 18px;\n        line-height: 1.75;\n        max-width: 760px; \/* Conserva exactamente las proporciones de saltos de l\u00ednea de la captura *\/\n        margin: 0 auto;\n    }\n\n    \/* EFECTOS DE INTERACCI\u00d3N EN PC *\/\n    .ja-btn-cta:hover {\n        background: #EA7A00 !important;\n        transform: translateY(-2px);\n        box-shadow: 0 15px 30px rgba(255, 138, 0, 0.25);\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicios Soluciones digitales enfocadas en crecimiento, conversi\u00f3n y rendimiento. Desarrollo estrategias, experiencias web y ecosistemas digitales orientados a adquisici\u00f3n, performance y escalabilidad. Escr\u00edbeme por aqu\u00ed Estrategia, tecnolog\u00eda y marketing digital trabajando juntos. Cada servicio est\u00e1 dise\u00f1ado para integrarse dentro de una estrategia digital enfocada en experiencia de usuario, adquisici\u00f3n y crecimiento sostenible. Dise\u00f1o Web WordPress &#8230; <a title=\"Services\" class=\"read-more\" href=\"https:\/\/jorgealvarez.me\/en\/servicios\/\" aria-label=\"Read more about Servicios\">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-21","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/21","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=21"}],"version-history":[{"count":37,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":9368,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/9368"}],"wp:attachment":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}