{"id":7,"date":"2026-06-03T20:05:33","date_gmt":"2026-06-03T20:05:33","guid":{"rendered":"https:\/\/jonatanvega.com.ar\/?page_id=7"},"modified":"2026-06-03T20:38:09","modified_gmt":"2026-06-03T20:38:09","slug":"jonatan-vega","status":"publish","type":"page","link":"https:\/\/jonatanvega.com.ar\/","title":{"rendered":"Jonatan Vega"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-727a51e9 e-flex e-con-boxed e-con e-parent\" data-id=\"727a51e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3223fcee elementor-widget elementor-widget-text-editor\" data-id=\"3223fcee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>  <\/p>\n<p><style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --navy: #0f1e31;\n    --navy-mid: #1a2e4a;\n    --navy-light: #243d5f;\n    --red: #8B1A2A;\n    --red-bright: #b82236;\n    --green: #4a7a28;\n    --green-light: #5e9a32;\n    --cream: #f5f0e8;\n    --cream-dark: #ede5d4;\n    --white: #ffffff;\n    --gold: #c8920a;\n    --text-dark: #0f1e31;\n    --text-mid: #3d5166;\n    --text-light: #6b839a;\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--cream);\n    color: var(--text-dark);\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    padding: 0 5vw;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(15,30,49,0.96);\n    backdrop-filter: blur(10px);\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n  }\n  .nav-logo {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    text-decoration: none;\n  }\n  .nav-logo-mark {\n    width: 36px; height: 36px;\n    background: var(--red);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Playfair Display', serif;\n    font-size: 18px;\n    font-weight: 900;\n    color: #fff;\n    letter-spacing: -1px;\n  }\n  .nav-logo-text {\n    font-size: 13px;\n    font-weight: 500;\n    color: #fff;\n    line-height: 1.2;\n  }\n  .nav-logo-text span {\n    display: block;\n    font-size: 10px;\n    color: #7a9bb5;\n    font-weight: 300;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n  .nav-links {\n    display: flex;\n    align-items: center;\n    gap: 28px;\n    list-style: none;\n  }\n  .nav-links a {\n    font-size: 13px;\n    color: #9ab;\n    text-decoration: none;\n    letter-spacing: 0.04em;\n    transition: color 0.2s;\n  }\n  .nav-links a:hover { color: #fff; }\n  .nav-cta {\n    background: var(--red);\n    color: #fff !important;\n    padding: 8px 18px;\n    border-radius: 6px;\n    font-weight: 500 !important;\n    letter-spacing: 0 !important;\n    transition: background 0.2s !important;\n  }\n  .nav-cta:hover { background: var(--red-bright) !important; }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    min-height: 100vh;\n    background: var(--navy);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    position: relative;\n    overflow: hidden;\n    padding-top: 64px;\n  }\n\n  .hero-bg-texture {\n    position: absolute;\n    inset: 0;\n    background-image:\n      radial-gradient(ellipse 60% 80% at 70% 50%, rgba(74,122,40,0.12) 0%, transparent 60%),\n      radial-gradient(ellipse 40% 60% at 20% 80%, rgba(139,26,42,0.15) 0%, transparent 50%);\n    pointer-events: none;\n  }\n  .hero-grid-lines {\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 60px 60px;\n    pointer-events: none;\n  }\n\n  .hero-left {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 80px 6vw 80px 8vw;\n    position: relative;\n    z-index: 2;\n  }\n\n  .hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(139,26,42,0.2);\n    border: 1px solid rgba(139,26,42,0.4);\n    color: #e87a8a;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    padding: 6px 14px;\n    border-radius: 100px;\n    width: fit-content;\n    margin-bottom: 28px;\n    animation: fadeUp 0.8s ease both;\n  }\n  .hero-eyebrow::before {\n    content: '';\n    width: 6px; height: 6px;\n    background: var(--red-bright);\n    border-radius: 50%;\n    animation: pulse 2s ease infinite;\n  }\n\n  @keyframes pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(0.8); }\n  }\n\n  .hero-headline {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(42px, 5.5vw, 76px);\n    font-weight: 900;\n    color: #fff;\n    line-height: 1.0;\n    letter-spacing: -0.02em;\n    margin-bottom: 12px;\n    animation: fadeUp 0.8s 0.1s ease both;\n  }\n  .hero-headline .accent {\n    color: var(--green-light);\n    display: block;\n  }\n  .hero-headline .accent-red {\n    color: #e87a8a;\n  }\n\n  .hero-sub {\n    font-size: 17px;\n    color: #7a9bb5;\n    line-height: 1.6;\n    max-width: 440px;\n    margin-bottom: 40px;\n    font-weight: 300;\n    animation: fadeUp 0.8s 0.2s ease both;\n  }\n\n  .hero-actions {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    animation: fadeUp 0.8s 0.3s ease both;\n  }\n  .btn-primary {\n    background: var(--red);\n    color: #fff;\n    padding: 14px 28px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    text-decoration: none;\n    transition: all 0.2s;\n    border: 2px solid var(--red);\n    display: inline-flex; align-items: center; gap: 8px;\n  }\n  .btn-primary:hover { background: var(--red-bright); border-color: var(--red-bright); transform: translateY(-1px); }\n  .btn-secondary {\n    background: transparent;\n    color: #fff;\n    padding: 14px 28px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    text-decoration: none;\n    transition: all 0.2s;\n    border: 2px solid rgba(255,255,255,0.2);\n  }\n  .btn-secondary:hover { border-color: rgba(255,255,255,0.5); transform: translateY(-1px); }\n\n  .hero-stats {\n    display: flex;\n    gap: 40px;\n    margin-top: 56px;\n    padding-top: 40px;\n    border-top: 1px solid rgba(255,255,255,0.08);\n    animation: fadeUp 0.8s 0.4s ease both;\n  }\n  .hero-stat-num {\n    font-family: 'Playfair Display', serif;\n    font-size: 36px;\n    font-weight: 700;\n    color: #fff;\n    line-height: 1;\n    margin-bottom: 4px;\n  }\n  .hero-stat-num span { font-size: 20px; color: var(--green-light); }\n  .hero-stat-lbl {\n    font-size: 12px;\n    color: #5a7a95;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .hero-right {\n    position: relative;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    overflow: hidden;\n  }\n  .hero-photo-bg {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 90%;\n    height: 85%;\n    background: linear-gradient(180deg, transparent 0%, rgba(74,122,40,0.08) 60%, rgba(74,122,40,0.15) 100%);\n    border-radius: 200px 200px 0 0;\n  }\n  .hero-photo {\n    position: relative;\n    z-index: 2;\n    width: 80%;\n    max-width: 420px;\n    object-fit: cover;\n    display: block;\n    margin: 0 auto;\n    animation: fadeUp 1s 0.2s ease both;\n    filter: contrast(1.03) saturate(0.95);\n  }\n\n  .hero-card-float {\n    position: absolute;\n    z-index: 3;\n    background: rgba(255,255,255,0.06);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 12px;\n    padding: 14px 18px;\n    animation: fadeUp 1s 0.5s ease both;\n  }\n  .hero-card-float.left {\n    left: 4%;\n    top: 30%;\n  }\n  .hero-card-float.bottom-right {\n    right: 4%;\n    bottom: 22%;\n  }\n  .float-label {\n    font-size: 10px;\n    color: #5a7a95;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 4px;\n  }\n  .float-value {\n    font-family: 'DM Mono', monospace;\n    font-size: 22px;\n    color: #fff;\n    font-weight: 400;\n  }\n  .float-value small {\n    font-size: 12px;\n    color: var(--green-light);\n    font-family: 'DM Sans', sans-serif;\n  }\n\n  \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\n  section { padding: 96px 8vw; }\n  .section-label {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--red);\n    margin-bottom: 12px;\n  }\n  .section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(30px, 3.5vw, 50px);\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    color: var(--navy);\n    margin-bottom: 16px;\n  }\n  .section-subtitle {\n    font-size: 16px;\n    color: var(--text-mid);\n    line-height: 1.7;\n    max-width: 560px;\n    font-weight: 300;\n  }\n\n  \/* \u2500\u2500 QUI\u00c9N SOY \u2500\u2500 *\/\n  .quien-soy {\n    background: var(--cream);\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 80px;\n    align-items: center;\n  }\n  .quien-photos {\n    position: relative;\n  }\n  .quien-photo-main {\n    width: 100%;\n    border-radius: 16px;\n    object-fit: cover;\n    aspect-ratio: 4\/5;\n    display: block;\n    filter: saturate(0.9);\n  }\n  .quien-photo-accent {\n    position: absolute;\n    bottom: -24px;\n    right: -24px;\n    width: 48%;\n    border-radius: 12px;\n    border: 4px solid var(--cream);\n    object-fit: cover;\n    aspect-ratio: 1;\n    display: block;\n    filter: saturate(0.9);\n  }\n  .quien-tag {\n    position: absolute;\n    top: 20px;\n    left: -20px;\n    background: var(--navy);\n    color: #fff;\n    font-size: 12px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    line-height: 1.4;\n  }\n  .quien-tag strong { display: block; font-size: 15px; color: var(--green-light); }\n  .quien-content { padding-right: 2vw; }\n  .quien-body {\n    font-size: 16px;\n    color: var(--text-mid);\n    line-height: 1.8;\n    font-weight: 300;\n    margin-bottom: 20px;\n  }\n  .quien-body strong { color: var(--navy); font-weight: 500; }\n  .quien-values {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-top: 32px;\n  }\n  .valor-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n  }\n  .valor-icon {\n    width: 36px; height: 36px;\n    background: var(--navy);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  .valor-icon svg { width: 18px; height: 18px; stroke: var(--green-light); fill: none; stroke-width: 2; }\n  .valor-text { font-size: 14px; color: var(--text-mid); line-height: 1.6; }\n  .valor-text strong { color: var(--navy); font-weight: 500; display: block; }\n\n  \/* \u2500\u2500 PROPUESTAS \u2500\u2500 *\/\n  .propuestas {\n    background: var(--navy);\n    position: relative;\n    overflow: hidden;\n  }\n  .propuestas-bg {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(ellipse 50% 60% at 80% 50%, rgba(74,122,40,0.1) 0%, transparent 60%);\n    pointer-events: none;\n  }\n  .propuestas .section-title { color: #fff; }\n  .propuestas .section-subtitle { color: #6a8fa8; }\n  .propuestas .section-label { color: var(--green-light); }\n  .propuestas-header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    margin-bottom: 56px;\n    gap: 24px;\n    flex-wrap: wrap;\n  }\n  .propuestas-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .propuesta-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    padding: 28px;\n    transition: all 0.25s;\n    cursor: default;\n  }\n  .propuesta-card:hover {\n    background: rgba(255,255,255,0.07);\n    border-color: rgba(255,255,255,0.15);\n    transform: translateY(-3px);\n  }\n  .propuesta-num {\n    font-family: 'DM Mono', monospace;\n    font-size: 11px;\n    color: #3a5a72;\n    margin-bottom: 16px;\n    letter-spacing: 0.1em;\n  }\n  .propuesta-icon {\n    width: 44px; height: 44px;\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 20px;\n  }\n  .propuesta-icon svg { width: 22px; height: 22px; fill: none; stroke-width: 1.8; }\n  .p-green { background: rgba(74,122,40,0.2); }\n  .p-green svg { stroke: var(--green-light); }\n  .p-red { background: rgba(139,26,42,0.2); }\n  .p-red svg { stroke: #e87a8a; }\n  .p-blue { background: rgba(26,46,74,0.6); border: 1px solid rgba(255,255,255,0.1); }\n  .p-blue svg { stroke: #7ab3d4; }\n  .p-gold { background: rgba(200,146,10,0.15); }\n  .p-gold svg { stroke: #e8b94a; }\n  .p-teal { background: rgba(20,120,120,0.2); }\n  .p-teal svg { stroke: #5dd4d4; }\n  .p-purple { background: rgba(100,50,150,0.2); }\n  .p-purple svg { stroke: #c49ef5; }\n  .propuesta-title {\n    font-size: 16px;\n    font-weight: 500;\n    color: #fff;\n    margin-bottom: 10px;\n    line-height: 1.3;\n  }\n  .propuesta-desc {\n    font-size: 13px;\n    color: #5a7a95;\n    line-height: 1.7;\n    font-weight: 300;\n  }\n  .propuesta-tag {\n    display: inline-block;\n    margin-top: 16px;\n    font-size: 10px;\n    font-weight: 500;\n    padding: 4px 10px;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n  .tag-green { background: rgba(74,122,40,0.25); color: #8aca5a; }\n  .tag-red { background: rgba(139,26,42,0.25); color: #e87a8a; }\n  .tag-blue { background: rgba(26,100,180,0.2); color: #7ab3d4; }\n  .tag-gold { background: rgba(200,146,10,0.2); color: #e8b94a; }\n\n  \/* \u2500\u2500 OFICIOS \u2500\u2500 *\/\n  .oficios-section {\n    background: var(--cream-dark);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n  .oficios-mockup {\n    background: var(--navy);\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 40px 80px rgba(15,30,49,0.3);\n  }\n  .mockup-bar {\n    background: rgba(255,255,255,0.05);\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n  }\n  .dot { width: 10px; height: 10px; border-radius: 50%; }\n  .dot-r { background: #ff5f57; }\n  .dot-y { background: #febc2e; }\n  .dot-g { background: #28c840; }\n  .mockup-body { padding: 20px; }\n  .mockup-search {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 8px;\n    padding: 10px 14px;\n    color: #6a8fa8;\n    font-size: 13px;\n    margin-bottom: 16px;\n    display: flex; align-items: center; gap: 8px;\n  }\n  .mockup-result {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.07);\n    border-radius: 10px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n  }\n  .m-avatar {\n    width: 38px; height: 38px;\n    background: rgba(74,122,40,0.2);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 12px; font-weight: 500; color: var(--green-light);\n    flex-shrink: 0;\n  }\n  .m-name { font-size: 13px; color: #fff; font-weight: 500; }\n  .m-meta { font-size: 11px; color: #5a7a95; }\n  .m-stars { color: #e8a000; font-size: 11px; }\n  .m-badge {\n    margin-left: auto;\n    font-size: 10px;\n    background: rgba(74,122,40,0.2);\n    color: #8aca5a;\n    padding: 3px 8px;\n    border-radius: 20px;\n    flex-shrink: 0;\n  }\n  .oficios-content { padding-left: 2vw; }\n  .oficios-features {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-top: 32px;\n  }\n  .feature-row {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n  }\n  .feature-num {\n    font-family: 'Playfair Display', serif;\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--cream-dark);\n    -webkit-text-stroke: 2px var(--navy);\n    line-height: 1;\n    min-width: 40px;\n  }\n  .feature-text strong { font-size: 14px; font-weight: 500; color: var(--navy); display: block; margin-bottom: 2px; }\n  .feature-text span { font-size: 13px; color: var(--text-mid); }\n\n  \/* \u2500\u2500 GALERIA \/ CAMPO \u2500\u2500 *\/\n  .campo-section {\n    background: var(--navy);\n    padding-bottom: 0;\n  }\n  .campo-header {\n    text-align: center;\n    margin-bottom: 56px;\n  }\n  .campo-header .section-title { color: #fff; }\n  .campo-header .section-subtitle { color: #6a8fa8; margin: 0 auto; }\n  .campo-grid {\n    display: grid;\n    grid-template-columns: 1.4fr 1fr 1fr;\n    grid-template-rows: 300px 300px;\n    gap: 3px;\n  }\n  .campo-img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: saturate(0.85) contrast(1.05);\n    transition: filter 0.3s;\n  }\n  .campo-img:hover { filter: saturate(1.1) contrast(1.05); }\n  .campo-cell-tall {\n    grid-row: span 2;\n    position: relative;\n    overflow: hidden;\n  }\n  .campo-cell {\n    position: relative;\n    overflow: hidden;\n  }\n  .campo-overlay {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    background: linear-gradient(transparent, rgba(15,30,49,0.8));\n    padding: 20px 16px 16px;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 300;\n    opacity: 0;\n    transition: opacity 0.3s;\n  }\n  .campo-cell:hover .campo-overlay,\n  .campo-cell-tall:hover .campo-overlay { opacity: 1; }\n\n  \/* \u2500\u2500 CONTACTO \u2500\u2500 *\/\n  .contacto-section {\n    background: var(--cream);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: start;\n  }\n  .contacto-info .section-subtitle { margin-bottom: 40px; }\n  .social-links { display: flex; flex-direction: column; gap: 12px; }\n  .social-link {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 18px;\n    background: #fff;\n    border: 1px solid rgba(15,30,49,0.1);\n    border-radius: 10px;\n    text-decoration: none;\n    color: var(--navy);\n    font-size: 14px;\n    font-weight: 500;\n    transition: all 0.2s;\n  }\n  .social-link:hover { border-color: var(--navy); transform: translateX(4px); }\n  .social-icon {\n    width: 36px; height: 36px;\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n  }\n  .si-fb { background: #1877f2; }\n  .si-ig { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }\n  .si-wa { background: #25d366; }\n  .si-yt { background: #ff0000; }\n  .social-icon svg { width: 18px; height: 18px; fill: #fff; }\n  .contacto-form {\n    background: var(--navy);\n    border-radius: 20px;\n    padding: 40px;\n  }\n  .form-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 8px;\n  }\n  .form-sub {\n    font-size: 13px;\n    color: #5a7a95;\n    margin-bottom: 28px;\n    font-weight: 300;\n  }\n  .form-field {\n    margin-bottom: 16px;\n  }\n  .form-field label {\n    display: block;\n    font-size: 11px;\n    color: #5a7a95;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 6px;\n  }\n  .form-field input,\n  .form-field textarea {\n    width: 100%;\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 8px;\n    padding: 12px 16px;\n    color: #fff;\n    font-size: 14px;\n    font-family: 'DM Sans', sans-serif;\n    outline: none;\n    transition: border-color 0.2s;\n    resize: none;\n  }\n  .form-field input::placeholder,\n  .form-field textarea::placeholder { color: #3a5a72; }\n  .form-field input:focus,\n  .form-field textarea:focus { border-color: rgba(255,255,255,0.3); }\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n  .btn-send {\n    width: 100%;\n    background: var(--red);\n    color: #fff;\n    border: none;\n    padding: 14px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    font-family: 'DM Sans', sans-serif;\n    cursor: pointer;\n    transition: background 0.2s;\n    margin-top: 8px;\n  }\n  .btn-send:hover { background: var(--red-bright); }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    background: #080f18;\n    padding: 40px 8vw;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    flex-wrap: wrap;\n  }\n  .footer-logo {\n    display: flex; align-items: center; gap: 10px;\n  }\n  .footer-logo-mark {\n    width: 32px; height: 32px;\n    background: var(--red);\n    border-radius: 6px;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Playfair Display', serif;\n    font-size: 16px; font-weight: 900; color: #fff;\n  }\n  .footer-name { font-size: 13px; font-weight: 500; color: #6a8fa8; }\n  .footer-name strong { color: #fff; font-weight: 500; display: block; }\n  .footer-copy { font-size: 12px; color: #3a5a72; }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 900px) {\n    .hero { grid-template-columns: 1fr; }\n    .hero-right { min-height: 400px; }\n    .propuestas-grid { grid-template-columns: 1fr 1fr; }\n    .quien-soy, .oficios-section, .contacto-section { grid-template-columns: 1fr; }\n    .campo-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }\n    .campo-cell-tall { grid-row: span 1; }\n  }\n<\/style><\/p>\n<!-- NAV --><nav>\n<div class=\"nav-logo-mark\">JV<\/div>\n<div class=\"nav-logo-text\">Jonatan Vega Puerto Rico Primero<\/div>\n<ul class=\"nav-links\">\n<li><a href=\"#quien-soy\">Qui\u00e9n soy<\/a><\/li>\n<li><a href=\"#propuestas\">Propuestas<\/a><\/li>\n<li><a href=\"#oficios\">Oficios PR<\/a><\/li>\n<li><a class=\"nav-cta\" href=\"#contacto\">Sumate<\/a><\/li>\n<\/ul>\n<\/nav><!-- HERO -->\n<section id=\"inicio\" class=\"hero\">\n<div class=\"hero-bg-texture\">\u00a0<\/div>\n<div class=\"hero-grid-lines\">\u00a0<\/div>\n<div class=\"hero-left\">\n<div class=\"hero-eyebrow\">\u00a0<\/div>\n<h1 class=\"hero-headline\">Puerto Rico <span class=\"accent\">merece m\u00e1s.<\/span> <span class=\"accent-red\" style=\"font-size: 60%;\">Construy\u00e1moslo.<\/span><\/h1>\n<p class=\"hero-sub\">Concejal, productor agropecuario, vecino. Con ra\u00edces en la tierra y propuestas concretas para nuestra comunidad.<\/p>\n<div class=\"hero-actions\"><a class=\"btn-primary\" href=\"#propuestas\"> Ver propuestas <\/a> <a class=\"btn-secondary\" href=\"#quien-soy\">Conoc\u00e9 a Jonatan<\/a><\/div>\n<div class=\"hero-stats\">\n<div>\n<div class=\"hero-stat-num\">4a\u00f1os<\/div>\n<div class=\"hero-stat-lbl\">como concejal<\/div>\n<\/div>\n<div>\n<div class=\"hero-stat-num\">3proyectos<\/div>\n<div class=\"hero-stat-lbl\">en marcha hoy<\/div>\n<\/div>\n<div>\n<div class=\"hero-stat-num\">1objetivo<\/div>\n<div class=\"hero-stat-lbl\">Puerto Rico Primero<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"hero-right\">\n<div class=\"hero-photo-bg\">\u00a0<\/div>\n<img decoding=\"async\" class=\"hero-photo\" src=\"\/mnt\/user-data\/uploads\/Jonatana.png\" alt=\"Jonatan Vega\" \/>\n<div class=\"hero-card-float left\">\n<div class=\"float-label\">Cargo actual<\/div>\n<div class=\"float-value\">Concejal <small>\u2713 activo<\/small><\/div>\n<\/div>\n<div class=\"hero-card-float bottom-right\">\n<div class=\"float-label\">Municipio<\/div>\n<div class=\"float-value\" style=\"font-size: 16px;\">Puerto Rico <small>Misiones<\/small><\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- QUI\u00c9N SOY -->\n<section id=\"quien-soy\" class=\"quien-soy\">\n<div class=\"quien-photos\">\n<div class=\"quien-tag\"><strong>Productor agropecuario<\/strong> Conoce de cerca al trabajador<\/div>\n<img decoding=\"async\" class=\"quien-photo-main\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_09_02_18.jpeg\" alt=\"Jonatan Vega en el campo\" \/> <img decoding=\"async\" class=\"quien-photo-accent\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_09_02_24.jpeg\" alt=\"Jonatan Vega\" \/><\/div>\n<div class=\"quien-content\">\n<div class=\"section-label\">Qui\u00e9n soy<\/div>\n<h2 class=\"section-title\">Un vecino que<br \/>conoce el trabajo.<\/h2>\n<p class=\"quien-body\">Soy Jonatan Vega, concejal de Puerto Rico y candidato a intendente. <strong>Crec\u00ed en contacto con el campo y la producci\u00f3n<\/strong>, lo que me ense\u00f1\u00f3 el valor del trabajo genuino y las necesidades reales de nuestra comunidad.<\/p>\n<p class=\"quien-body\">No vengo de la pol\u00edtica de escritorio. Vengo de recorrer barrios, escuchar vecinos y presentar proyectos concretos que hacen la diferencia en la vida cotidiana.<\/p>\n<div class=\"quien-values\">\n<div class=\"valor-item\">\n<div class=\"valor-icon\">\u00a0<\/div>\n<div class=\"valor-text\"><strong>Transparencia total<\/strong> Rendici\u00f3n de cuentas permanente a los vecinos de Puerto Rico.<\/div>\n<\/div>\n<div class=\"valor-item\">\n<div class=\"valor-icon\">\u00a0<\/div>\n<div class=\"valor-text\"><strong>Cerca de la gente<\/strong> Gesti\u00f3n participativa, escuchando a cada barrio y sector.<\/div>\n<\/div>\n<div class=\"valor-item\">\n<div class=\"valor-icon\">\u00a0<\/div>\n<div class=\"valor-text\"><strong>Resultados concretos<\/strong> Proyectos que se ejecutan, no promesas que se olvidan.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- PROPUESTAS -->\n<section id=\"propuestas\" class=\"propuestas\">\n<div class=\"propuestas-bg\">\u00a0<\/div>\n<div class=\"propuestas-header\">\n<div>\n<div class=\"section-label\">Propuestas<\/div>\n<h2 class=\"section-title\">Lo que vamos a<br \/>construir juntos.<\/h2>\n<\/div>\n<p class=\"section-subtitle\">Seis ejes de trabajo para transformar Puerto Rico en el municipio que nuestra gente merece.<\/p>\n<\/div>\n<div class=\"propuestas-grid\">\n<div class=\"propuesta-card\">\n<div class=\"propuesta-num\">01 \/ Econom\u00eda<\/div>\n<div class=\"propuesta-icon p-green\">\u00a0<\/div>\n<div class=\"propuesta-title\">Directorio de Oficios y Empleo Local<\/div>\n<div class=\"propuesta-desc\">Plataforma digital para conectar a trabajadores con vecinos que necesitan servicios, con sistema de calificaci\u00f3n y ranking comunitario.<\/div>\n<span class=\"propuesta-tag tag-green\">En desarrollo<\/span><\/div>\n<div class=\"propuesta-card\">\n<div class=\"propuesta-num\">02 \/ Producci\u00f3n<\/div>\n<div class=\"propuesta-icon p-green\">\u00a0<\/div>\n<div class=\"propuesta-title\">Apoyo al Productor Agropecuario<\/div>\n<div class=\"propuesta-desc\">Asistencia t\u00e9cnica, ferias locales y cr\u00e9dito para el peque\u00f1o y mediano productor de Puerto Rico.<\/div>\n<span class=\"propuesta-tag tag-green\">Prioritario<\/span><\/div>\n<div class=\"propuesta-card\">\n<div class=\"propuesta-num\">03 \/ Infraestructura<\/div>\n<div class=\"propuesta-icon p-blue\">\u00a0<\/div>\n<div class=\"propuesta-title\">Calles, Veredas y Espacios P\u00fablicos<\/div>\n<div class=\"propuesta-desc\">Plan de obras barriales con prioridad comunitaria, seguimiento en tiempo real y rendici\u00f3n de cuentas.<\/div>\n<span class=\"propuesta-tag tag-blue\">Planificaci\u00f3n<\/span><\/div>\n<div class=\"propuesta-card\">\n<div class=\"propuesta-num\">04 \/ Salud<\/div>\n<div class=\"propuesta-icon p-red\">\u00a0<\/div>\n<div class=\"propuesta-title\">Salud Accesible para Todos<\/div>\n<div class=\"propuesta-desc\">M\u00e1s turnos en el CAPS, salud itinerante para barrios alejados y atenci\u00f3n primaria fortalecida.<\/div>\n<span class=\"propuesta-tag tag-red\">Urgente<\/span><\/div>\n<div class=\"propuesta-card\">\n<div class=\"propuesta-num\">05 \/ Juventud<\/div>\n<div class=\"propuesta-icon p-gold\">\u00a0<\/div>\n<div class=\"propuesta-title\">Educaci\u00f3n y Oportunidades para J\u00f3venes<\/div>\n<div class=\"propuesta-desc\">Capacitaciones t\u00e9cnicas, becas municipales y espacios culturales y deportivos para los j\u00f3venes porrique\u00f1os.<\/div>\n<span class=\"propuesta-tag tag-gold\">En dise\u00f1o<\/span><\/div>\n<div class=\"propuesta-card\">\n<div class=\"propuesta-num\">06 \/ Ambiente<\/div>\n<div class=\"propuesta-icon p-teal\">\u00a0<\/div>\n<div class=\"propuesta-title\">Puerto Rico Verde y Sustentable<\/div>\n<div class=\"propuesta-desc\">Gesti\u00f3n de residuos, forestaci\u00f3n urbana y concientizaci\u00f3n ambiental con participaci\u00f3n ciudadana.<\/div>\n<span class=\"propuesta-tag\" style=\"background: rgba(20,120,120,0.2); color: #5dd4d4;\">Futuro<\/span><\/div>\n<\/div>\n<\/section>\n<!-- OFICIOS -->\n<section id=\"oficios\" class=\"oficios-section\">\n<div class=\"oficios-mockup\">\n<div class=\"mockup-bar\">\n<div class=\"dot dot-r\">\u00a0<\/div>\n<div class=\"dot dot-y\">\u00a0<\/div>\n<div class=\"dot dot-g\">\u00a0<\/div>\n<div style=\"flex: 1; text-align: center; font-size: 11px; color: #5a7a95;\">oficios.puertorico.ar<\/div>\n<\/div>\n<div class=\"mockup-body\">\n<div class=\"mockup-search\">Buscar electricista, plomero, jardinero&#8230;<\/div>\n<div style=\"font-size: 11px; color: #3a5a72; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.08em;\">Mejor puntuados \u00b7 Junio 2026<\/div>\n<div class=\"mockup-result\">\n<div class=\"m-avatar\">RM<\/div>\n<div>\n<div class=\"m-name\">Roberto M.<\/div>\n<div class=\"m-meta\">Electricista \u00b7 <span class=\"m-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> 4.9<\/div>\n<\/div>\n<div class=\"m-badge\">#1 rubro<\/div>\n<\/div>\n<div class=\"mockup-result\">\n<div class=\"m-avatar\" style=\"background: rgba(139,26,42,0.2); color: #e87a8a;\">LP<\/div>\n<div>\n<div class=\"m-name\">Luis P.<\/div>\n<div class=\"m-meta\">Plomero \u00b7 <span class=\"m-stars\">\u2605\u2605\u2605\u2605<\/span> 4.7<\/div>\n<\/div>\n<div class=\"m-badge\" style=\"background: rgba(139,26,42,0.2); color: #e87a8a;\">#1 rubro<\/div>\n<\/div>\n<div class=\"mockup-result\">\n<div class=\"m-avatar\" style=\"background: rgba(200,146,10,0.2); color: #e8b94a;\">JG<\/div>\n<div>\n<div class=\"m-name\">Jorge G.<\/div>\n<div class=\"m-meta\">Jardinero \u00b7 <span class=\"m-stars\">\u2605\u2605\u2605\u2605<\/span> 4.6<\/div>\n<\/div>\n<div class=\"m-badge\" style=\"background: rgba(200,146,10,0.2); color: #e8b94a;\">#1 rubro<\/div>\n<\/div>\n<div style=\"margin-top: 16px; background: rgba(74,122,40,0.15); border: 1px solid rgba(74,122,40,0.25); border-radius: 8px; padding: 12px; display: flex; gap: 10px; align-items: center;\">\n<div>\n<div style=\"font-size: 12px; color: #8aca5a; font-weight: 500;\">\u00bfSos prestador de servicios?<\/div>\n<div style=\"font-size: 11px; color: #5a7a95;\">Registrate gratis y consegu\u00ed m\u00e1s clientes<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"oficios-content\">\n<div class=\"section-label\">Iniciativa digital<\/div>\n<h2 class=\"section-title\">Directorio de Oficios<br \/>Puerto Rico<\/h2>\n<p class=\"section-subtitle\">Una plataforma gratuita para conectar a vecinos con los mejores trabajadores de nuestra comunidad. Porque el trabajo local merece visibilidad.<\/p>\n<div class=\"oficios-features\">\n<div class=\"feature-row\">\n<div class=\"feature-num\">01<\/div>\n<div class=\"feature-text\"><strong>Encontr\u00e1 al profesional indicado<\/strong>Busc\u00e1 por rubro, zona o nombre y acced\u00e9 a su perfil completo.<\/div>\n<\/div>\n<div class=\"feature-row\">\n<div class=\"feature-num\">02<\/div>\n<div class=\"feature-text\"><strong>Calificaci\u00f3n real de la comunidad<\/strong>Puntualidad, calidad y trato: cada trabajo cuenta para el ranking.<\/div>\n<\/div>\n<div class=\"feature-row\">\n<div class=\"feature-num\">03<\/div>\n<div class=\"feature-text\"><strong>Gratis para trabajadores y vecinos<\/strong>Registrate como prestador o busc\u00e1 servicios sin ning\u00fan costo.<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 32px; display: flex; gap: 12px; flex-wrap: wrap;\"><a class=\"btn-primary\" style=\"font-size: 13px;\" href=\"#\">Buscar un oficio<\/a> <a class=\"btn-secondary\" style=\"font-size: 13px; color: var(--navy); border-color: rgba(15,30,49,0.2);\" href=\"#\">Registrar mi oficio<\/a><\/div>\n<\/div>\n<\/section>\n<!-- GALER\u00cdA CAMPO (CORREGIDA) -->\n<section class=\"campo-section\">\n<div class=\"campo-header\">\n<div class=\"section-label\" style=\"color: var(--green-light);\">En el territorio<\/div>\n<h2 class=\"section-title\" style=\"color: #fff;\">Cerca de la gente,<br \/>cerca del campo.<\/h2>\n<p class=\"section-subtitle\" style=\"color: #6a8fa8;\">Jonatan recorre cada rinc\u00f3n de Puerto Rico, desde los barrios urbanos hasta los establecimientos rurales.<\/p>\n<\/div>\n<div class=\"campo-grid\">\n<div class=\"campo-cell-tall\"><img decoding=\"async\" class=\"campo-img\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_09_02_45.jpeg\" alt=\"Jonatan en el campo\" \/>\n<div class=\"campo-overlay\">Producci\u00f3n ganadera local<\/div>\n<\/div>\n<div class=\"campo-cell\"><img decoding=\"async\" class=\"campo-img\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_09_02_48.jpeg\" alt=\"Jonatan Vega\" \/>\n<div class=\"campo-overlay\">Con los productores del municipio<\/div>\n<\/div>\n<div class=\"campo-cell\"><img decoding=\"async\" class=\"campo-img\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_08_53_55.jpeg\" alt=\"Jonatan Vega\" \/>\n<div class=\"campo-overlay\">Recorriendo el territorio<\/div>\n<\/div>\n<div class=\"campo-cell\"><img decoding=\"async\" class=\"campo-img\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_09_02_24.jpeg\" alt=\"Jonatan en producci\u00f3n\" \/>\n<div class=\"campo-overlay\">Pesca y acuicultura local<\/div>\n<\/div>\n<div class=\"campo-cell\"><img decoding=\"async\" class=\"campo-img\" src=\"\/mnt\/user-data\/uploads\/WhatsApp_Image_2026-01-31_at_09_02_18.jpeg\" alt=\"Jonatan Vega\" \/>\n<div class=\"campo-overlay\">Ganader\u00eda y cr\u00eda<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- CONTACTO -->\n<section id=\"contacto\" class=\"contacto-section\">\n<div class=\"contacto-info\">\n<div class=\"section-label\">Sumate al movimiento<\/div>\n<h2 class=\"section-title\">Construimos Puerto Rico juntos.<\/h2>\n<p class=\"section-subtitle\">Seguinos en redes, escribinos o dej\u00e1 tu mensaje. Cada vecino que se suma hace m\u00e1s fuerte este proyecto.<\/p>\n<div class=\"social-links\" style=\"margin-top: 32px;\">\n<div class=\"social-icon si-fb\">\u00a0<\/div>\n<a class=\"social-link\" href=\"#\">Jonatan Vega \u00b7 Facebook <\/a>\n<div class=\"social-icon si-ig\">\u00a0<\/div>\n<a class=\"social-link\" href=\"#\">@jonatanvega \u00b7 Instagram <\/a>\n<div class=\"social-icon si-wa\">\u00a0<\/div>\n<a class=\"social-link\" href=\"#\">WhatsApp de campa\u00f1a <\/a><\/div>\n<\/div>\n<div class=\"contacto-form\">\n<div class=\"form-title\">Escribinos<\/div>\n<div class=\"form-sub\">Dej\u00e1 tu mensaje, propuesta o consulta y te respondemos.<\/div>\n<div class=\"form-row\">\n<div class=\"form-field\"><label>Nombre<\/label> <input type=\"text\" placeholder=\"Tu nombre\" \/><\/div>\n<div class=\"form-field\"><label>WhatsApp<\/label> <input type=\"tel\" placeholder=\"+54 ...\" \/><\/div>\n<\/div>\n<div class=\"form-field\"><label>Barrio \/ Zona<\/label> <input type=\"text\" placeholder=\"\u00bfDe qu\u00e9 parte de Puerto Rico sos?\" \/><\/div>\n<div class=\"form-field\"><label>Mensaje<\/label> <textarea rows=\"4\" placeholder=\"Tu propuesta, consulta o comentario...\"><\/textarea><\/div>\n<button class=\"btn-send\">Enviar mensaje \u2192<\/button><\/div>\n<\/section>\n<!-- FOOTER --><footer>\n<div class=\"footer-logo\">\n<div class=\"footer-logo-mark\">JV<\/div>\n<div class=\"footer-name\"><strong>Jonatan Vega<\/strong> Puerto Rico Primero<\/div>\n<\/div>\n<div class=\"footer-copy\">\u00a9 2026 \u00b7 Campa\u00f1a electoral \u00b7 Puerto Rico, Misiones<\/div>\n<\/footer>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jonatan Vega \u00b7 Concejal \u00b7 Puerto Rico Primero JV Jonatan Vega Puerto Rico Primero Labor Institucional Ejes de Trabajo Oficios PR Atenci\u00f3n Vecinal Concejal Deliberante \u00b7 Gesti\u00f3n Institucional Puerto Rico Primero. Siempre cerca. Trabajando con vocaci\u00f3n legislativa desde el Concejo, con las ra\u00edces puestas en nuestra tierra y el compromiso diario con cada vecino. Ejes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/jonatanvega.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}