{"id":108,"date":"2026-05-28T22:38:29","date_gmt":"2026-05-28T22:38:29","guid":{"rendered":"https:\/\/egrabservices.com\/new\/?page_id=108"},"modified":"2026-05-28T23:58:19","modified_gmt":"2026-05-28T23:58:19","slug":"career","status":"publish","type":"page","link":"https:\/\/egrabservices.com\/new\/career\/","title":{"rendered":"Career"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"108\" class=\"elementor elementor-108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-709a274 e-con-full e-flex e-con e-parent\" data-id=\"709a274\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8234256 elementor-widget elementor-widget-html\" data-id=\"8234256\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  EGRAB H.R. Partners \u2014 CAREER LISTING \u00b7 v1 + AUTO-UPDATE\r\n  =======================================================\r\n  100% self-contained. Pegar dentro de un widget HTML \u00fanico en la p\u00e1gina \/new\/career\/.\r\n\r\n  C\u00f3mo funciona el listado din\u00e1mico:\r\n    - El JS al final del archivo hace fetch() a \/wp-json\/wp\/v2\/egrab_job\r\n    - Renderiza una card por cada job activo autom\u00e1ticamente\r\n    - Genera los chips de filtro a partir de las industrias presentes\r\n    - Sin intervenci\u00f3n manual: cada vez que public\u00e1s un Job Offer en el admin,\r\n      aparece autom\u00e1ticamente al recargar \/new\/career\/\r\n\r\n  Requisitos:\r\n    \u00b7 CPT egrab_job registrado con show_in_rest => true (ya est\u00e1 en el snippet)\r\n    \u00b7 ACF fields expuestos en REST API (ya est\u00e1 en el snippet \u2014 secci\u00f3n 6)\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@500;600;700;800&family=Work+Sans:ital,wght@0,400;0,500;1,500&display=swap');\r\n\r\n  .eg-career *, .eg-career *::before, .eg-career *::after { box-sizing: border-box; }\r\n  .eg-career { font-family: 'Work Sans', sans-serif; color: #6E6E6E; line-height: 1.6; }\r\n  .eg-career ul { list-style: none; margin: 0; padding: 0; }\r\n  .eg-career a { color: inherit; text-decoration: none; }\r\n  .eg-career p { margin: 0; }\r\n  .eg-career h1, .eg-career h2, .eg-career h3, .eg-career h4 {\r\n    font-family: 'Raleway', sans-serif;\r\n    color: #2D2D2D;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .eg-career {\r\n    --primary: #39C5F3;\r\n    --secondary: #1C6DB2;\r\n    --dark: #2B2D42;\r\n    --accent: #2D2D2D;\r\n    --text: #6E6E6E;\r\n    --bg-light: #F9F9F9;\r\n    --max-w: 1280px;\r\n  }\r\n\r\n  .eg-career__container { max-width: var(--max-w); margin: 0 auto; padding: 0 28px; }\r\n  .eg-career__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    color: var(--primary);\r\n    margin-bottom: 18px;\r\n  }\r\n  .eg-career__eyebrow::before {\r\n    content: '';\r\n    width: 30px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n    border-radius: 2px;\r\n  }\r\n  .eg-career .eg-career__btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 12px !important;\r\n    padding: 16px 32px !important;\r\n    background: linear-gradient(135deg, #39C5F3 0%, #1C6DB2 100%) !important;\r\n    background-color: #1C6DB2 !important;\r\n    color: #fff !important;\r\n    font-family: 'Raleway', sans-serif !important;\r\n    font-size: 14px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 1.4px !important;\r\n    text-transform: uppercase !important;\r\n    border-radius: 999px !important;\r\n    box-shadow: 0 12px 28px rgba(28,109,178,.32) !important;\r\n    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;\r\n    border: 0 !important;\r\n    cursor: pointer;\r\n    text-decoration: none !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .eg-career .eg-career__btn:hover {\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 18px 36px rgba(28,109,178,.42) !important;\r\n    filter: brightness(1.06) !important;\r\n    color: #fff !important;\r\n  }\r\n  .eg-career .eg-career__btn svg { width: 16px !important; height: 16px !important; transition: transform .25s ease; color: #fff !important; }\r\n  .eg-career .eg-career__btn:hover svg { transform: translateX(4px); }\r\n\r\n  .eg-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; }\r\n  .eg-reveal.is-in { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ============ 1. HERO ============ *\/\r\n  .eg-career__hero {\r\n    position: relative;\r\n    min-height: clamp(440px, 62vh, 560px);\r\n    background:\r\n      radial-gradient(ellipse 60% 55% at 78% 18%, rgba(57,197,243,.22), transparent 60%),\r\n      radial-gradient(ellipse 55% 60% at 18% 88%, rgba(28,109,178,.35), transparent 65%),\r\n      linear-gradient(135deg, #2B2D42 0%, #1a1c2e 55%, #2B2D42 100%);\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n  .eg-career__hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 580px;\r\n    height: 580px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(57,197,243,.55), transparent 70%);\r\n    filter: blur(60px);\r\n    top: -190px;\r\n    right: -130px;\r\n    pointer-events: none;\r\n    animation: egHeroOrb1 18s ease-in-out infinite;\r\n    z-index: 0;\r\n  }\r\n  .eg-career__hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 480px;\r\n    height: 480px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(28,109,178,.5), transparent 70%);\r\n    filter: blur(50px);\r\n    bottom: -160px;\r\n    left: -110px;\r\n    pointer-events: none;\r\n    animation: egHeroOrb2 22s ease-in-out infinite;\r\n    z-index: 0;\r\n  }\r\n  @keyframes egHeroOrb1 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(-30px, 40px) scale(1.06); }\r\n  }\r\n  @keyframes egHeroOrb2 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(35px, -30px) scale(1.08); }\r\n  }\r\n  .eg-career__hero-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: var(--max-w);\r\n    margin: 0 auto;\r\n    padding: 100px 28px 80px;\r\n  }\r\n  .eg-career__breadcrumb {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 7px 16px;\r\n    background: rgba(255,255,255,.1);\r\n    border: 1px solid rgba(255,255,255,.18);\r\n    border-radius: 999px;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 12.5px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    backdrop-filter: blur(8px);\r\n    margin-bottom: 22px;\r\n  }\r\n  .eg-career__breadcrumb a { color: rgba(255,255,255,.7); transition: color .2s ease; }\r\n  .eg-career__breadcrumb a:hover { color: var(--primary); }\r\n  .eg-career__breadcrumb svg { width: 11px; height: 11px; opacity: .5; }\r\n  .eg-career__hero-kicker {\r\n    display: block;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--primary);\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .eg-career .eg-career__hero h1 {\r\n    font-family: 'Raleway', sans-serif !important;\r\n    color: #fff !important;\r\n    font-size: clamp(36px, 5.5vw, 64px) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -.5px !important;\r\n    text-transform: capitalize !important;\r\n    max-width: 820px;\r\n    margin: 0 0 22px !important;\r\n  }\r\n  .eg-career__hero h1 strong {\r\n    background: linear-gradient(135deg, var(--primary), #88dcf7);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    font-weight: 800;\r\n  }\r\n  .eg-career__hero-sub {\r\n    color: rgba(255,255,255,.88);\r\n    font-size: clamp(16px, 1.5vw, 19px);\r\n    line-height: 1.65;\r\n    max-width: 700px;\r\n    margin-bottom: 26px;\r\n  }\r\n  .eg-career__hero-stats {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 10px 18px 10px 12px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.16);\r\n    border-radius: 999px;\r\n    backdrop-filter: blur(10px);\r\n    color: #fff;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n  }\r\n  .eg-career__hero-stats-dot {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    color: #fff;\r\n  }\r\n\r\n  \/* ============ 2. FILTER BAR ============ *\/\r\n  .eg-career__filters {\r\n    padding: 36px 0 8px;\r\n    background: var(--bg-light);\r\n  }\r\n  .eg-career__filters-inner {\r\n    background: #fff;\r\n    border-radius: 22px;\r\n    padding: 22px 26px;\r\n    box-shadow: 0 14px 36px rgba(43,45,66,.08);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .eg-career__filters-search {\r\n    flex: 1;\r\n    min-width: 220px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 4px 10px 4px 16px;\r\n    border: 1.5px solid rgba(43,45,66,.1);\r\n    border-radius: 999px;\r\n    transition: border-color .2s ease, box-shadow .2s ease;\r\n  }\r\n  .eg-career__filters-search:focus-within {\r\n    border-color: var(--primary);\r\n    box-shadow: 0 0 0 4px rgba(57,197,243,.14);\r\n  }\r\n  .eg-career__filters-search svg { width: 18px; height: 18px; color: #b5b8bd; flex-shrink: 0; }\r\n  .eg-career__filters-search input {\r\n    flex: 1;\r\n    border: 0;\r\n    outline: 0;\r\n    padding: 12px 0;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 15px;\r\n    background: transparent;\r\n    color: var(--accent);\r\n  }\r\n  .eg-career__filters-chips {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .eg-career__chip {\r\n    padding: 9px 16px;\r\n    background: var(--bg-light);\r\n    border: 1px solid rgba(43,45,66,.08);\r\n    border-radius: 999px;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--accent);\r\n    cursor: pointer;\r\n    transition: background .2s ease, color .2s ease, border-color .2s ease;\r\n  }\r\n  .eg-career__chip:hover { background: rgba(57,197,243,.1); border-color: rgba(57,197,243,.3); color: var(--secondary); }\r\n  .eg-career__chip--active {\r\n    background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n    border-color: transparent;\r\n    color: #fff;\r\n  }\r\n  .eg-career__chip--active:hover { color: #fff; }\r\n\r\n  \/* ============ 3. JOB LISTING ============ *\/\r\n  .eg-career__listing {\r\n    padding: 38px 0 clamp(70px, 9vw, 110px);\r\n    background: var(--bg-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .eg-career__listing::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 480px;\r\n    height: 480px;\r\n    background: radial-gradient(circle, rgba(57,197,243,.05), transparent 70%);\r\n    bottom: -150px;\r\n    right: -150px;\r\n    pointer-events: none;\r\n  }\r\n  .eg-career__listing-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    gap: 20px;\r\n    margin-bottom: 28px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .eg-career .eg-career__listing-head h2 {\r\n    font-family: 'Raleway', sans-serif !important;\r\n    font-size: clamp(24px, 3.4vw, 34px) !important;\r\n    color: var(--accent) !important;\r\n    margin: 0 !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n  .eg-career__listing-head-count {\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--secondary);\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n  .eg-career__listing-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Job card *\/\r\n  .eg-career__job-card {\r\n    position: relative;\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    padding: 28px 30px;\r\n    border: 1px solid rgba(43,45,66,.06);\r\n    box-shadow: 0 8px 24px rgba(43,45,66,.04);\r\n    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 26px;\r\n    align-items: center;\r\n  }\r\n  .eg-career__job-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 24px 50px rgba(43,45,66,.12);\r\n    border-color: rgba(57,197,243,.3);\r\n  }\r\n  .eg-career__job-card-body { min-width: 0; }\r\n  .eg-career__job-card-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 12px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .eg-career__tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 12px;\r\n    background: rgba(57,197,243,.1);\r\n    color: var(--secondary);\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    border-radius: 999px;\r\n  }\r\n  .eg-career__tag svg { width: 11px; height: 11px; }\r\n  .eg-career__tag--type { background: rgba(28,109,178,.1); color: var(--secondary); }\r\n  .eg-career__tag--mode { background: rgba(43,45,66,.06); color: var(--accent); }\r\n  .eg-career .eg-career__job-card h3 {\r\n    font-family: 'Raleway', sans-serif !important;\r\n    font-size: clamp(18px, 1.8vw, 22px) !important;\r\n    color: var(--accent) !important;\r\n    line-height: 1.3 !important;\r\n    margin: 0 0 10px !important;\r\n    font-weight: 700 !important;\r\n  }\r\n  .eg-career__job-card h3 a { transition: color .2s ease; }\r\n  .eg-career__job-card h3 a:hover { color: var(--secondary); }\r\n  .eg-career__job-card-excerpt {\r\n    color: var(--text);\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n  .eg-career__job-card-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    align-items: stretch;\r\n    min-width: 160px;\r\n  }\r\n  .eg-career__job-card-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 8px !important;\r\n    padding: 12px 22px !important;\r\n    background: linear-gradient(135deg, #39C5F3 0%, #1C6DB2 100%) !important;\r\n    background-color: #1C6DB2 !important;\r\n    color: #fff !important;\r\n    font-family: 'Raleway', sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 1.4px !important;\r\n    text-transform: uppercase !important;\r\n    border-radius: 999px !important;\r\n    box-shadow: 0 8px 18px rgba(28,109,178,.25) !important;\r\n    transition: transform .2s ease, box-shadow .2s ease !important;\r\n    text-decoration: none !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .eg-career__job-card-cta:hover {\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 14px 28px rgba(28,109,178,.35) !important;\r\n    color: #fff !important;\r\n  }\r\n  .eg-career__job-card-cta svg { width: 13px !important; height: 13px !important; color: #fff !important; }\r\n  .eg-career__job-card-posted {\r\n    font-size: 12.5px;\r\n    color: var(--text);\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Loading \/ Empty \/ Error states *\/\r\n  .eg-career__state {\r\n    text-align: center;\r\n    padding: 60px 32px;\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    border: 2px dashed rgba(43,45,66,.12);\r\n  }\r\n  .eg-career__state svg { width: 48px; height: 48px; color: var(--primary); margin-bottom: 18px; }\r\n  .eg-career__state h3 { font-size: 22px; margin-bottom: 10px; color: var(--accent); }\r\n  .eg-career__state p { color: var(--text); max-width: 480px; margin: 0 auto; }\r\n  .eg-career__state[hidden] { display: none !important; }\r\n\r\n  \/* Skeleton loading *\/\r\n  .eg-career__skeleton {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    padding: 28px 30px;\r\n    border: 1px solid rgba(43,45,66,.06);\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 26px;\r\n    align-items: center;\r\n  }\r\n  .eg-career__skeleton-line {\r\n    height: 14px;\r\n    background: linear-gradient(90deg, #f0f1f4 0%, #e7e9ee 50%, #f0f1f4 100%);\r\n    background-size: 200% 100%;\r\n    border-radius: 7px;\r\n    animation: eg-shimmer 1.4s infinite;\r\n  }\r\n  .eg-career__skeleton-line + .eg-career__skeleton-line { margin-top: 12px; }\r\n  .eg-career__skeleton-line--meta { width: 70%; height: 22px; border-radius: 11px; margin-bottom: 14px; }\r\n  .eg-career__skeleton-line--title { width: 90%; height: 22px; }\r\n  .eg-career__skeleton-line--excerpt { width: 100%; }\r\n  .eg-career__skeleton-line--cta { width: 140px; height: 44px; border-radius: 22px; }\r\n  @keyframes eg-shimmer {\r\n    0% { background-position: 200% 0; }\r\n    100% { background-position: -200% 0; }\r\n  }\r\n\r\n  \/* ============ 4. TALENT POOL ============ *\/\r\n  .eg-career__pool {\r\n    padding: clamp(70px, 9vw, 110px) 0;\r\n    background: #fff;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .eg-career__pool::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 440px;\r\n    height: 440px;\r\n    background: radial-gradient(circle, rgba(57,197,243,.06), transparent 70%);\r\n    top: -120px;\r\n    left: -150px;\r\n    pointer-events: none;\r\n  }\r\n  .eg-career__pool-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n    position: relative;\r\n  }\r\n\r\n  .eg-career__form-card {\r\n    background: var(--bg-light);\r\n    border-radius: 26px;\r\n    padding: 40px 38px;\r\n    border: 1px solid rgba(43,45,66,.06);\r\n  }\r\n  .eg-career__form-card .eg-career__eyebrow { margin-bottom: 10px; }\r\n  .eg-career .eg-career__form-card h2 {\r\n    font-family: 'Raleway', sans-serif !important;\r\n    font-size: clamp(24px, 3.2vw, 32px) !important;\r\n    color: var(--accent) !important;\r\n    margin: 0 0 8px !important;\r\n    line-height: 1.2 !important;\r\n    font-weight: 700 !important;\r\n  }\r\n  .eg-career__form-card-sub {\r\n    color: var(--text);\r\n    font-size: 15px;\r\n    margin-bottom: 30px;\r\n  }\r\n  .eg-career__form { display: flex; flex-direction: column; gap: 20px; }\r\n  .eg-career__field { display: flex; flex-direction: column; gap: 8px; }\r\n  .eg-career__field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n  .eg-career__field label {\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: var(--accent);\r\n  }\r\n  .eg-career__field input,\r\n  .eg-career__field textarea,\r\n  .eg-career__field select {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 15px;\r\n    color: var(--accent);\r\n    background: #fff;\r\n    border: 1.5px solid rgba(43,45,66,.12);\r\n    border-radius: 12px;\r\n    padding: 13px 16px;\r\n    width: 100%;\r\n    transition: border-color .2s ease, box-shadow .2s ease;\r\n    outline: none;\r\n  }\r\n  .eg-career__field textarea { resize: vertical; min-height: 110px; line-height: 1.5; }\r\n  .eg-career__field input:focus,\r\n  .eg-career__field textarea:focus,\r\n  .eg-career__field select:focus {\r\n    border-color: var(--primary);\r\n    box-shadow: 0 0 0 4px rgba(57,197,243,.14);\r\n  }\r\n  .eg-career__file {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 14px 16px;\r\n    background: #fff;\r\n    border: 1.5px dashed rgba(43,45,66,.2);\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    transition: border-color .2s ease, background .2s ease;\r\n  }\r\n  .eg-career__file:hover { border-color: var(--primary); background: rgba(57,197,243,.04); }\r\n  .eg-career__file input { display: none; }\r\n  .eg-career__file-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    flex-shrink: 0;\r\n    border-radius: 10px;\r\n    background: rgba(57,197,243,.12);\r\n    color: var(--secondary);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .eg-career__file-icon svg { width: 20px; height: 20px; }\r\n  .eg-career__file-text {\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 14.5px;\r\n    color: var(--accent);\r\n    font-weight: 600;\r\n  }\r\n  .eg-career__file-text small {\r\n    display: block;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 12.5px;\r\n    color: var(--text);\r\n    font-weight: 400;\r\n    margin-top: 2px;\r\n  }\r\n  .eg-career__checkbox {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    cursor: pointer;\r\n    font-size: 13.5px;\r\n    color: var(--text);\r\n    line-height: 1.5;\r\n  }\r\n  .eg-career__checkbox input {\r\n    flex-shrink: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    margin-top: 2px;\r\n    accent-color: var(--primary);\r\n  }\r\n  .eg-career__checkbox a { color: var(--secondary); font-weight: 600; }\r\n  .eg-career__form .eg-career__btn { width: 100%; }\r\n\r\n  \/* Honeypot (oculto, anti-spam) *\/\r\n  .eg-career__honey {\r\n    position: absolute !important;\r\n    left: -9999px !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  \/* Submit states *\/\r\n  .eg-career .eg-career__btn[disabled] {\r\n    opacity: .7 !important;\r\n    cursor: wait !important;\r\n  }\r\n\r\n  \/* File picker selected state *\/\r\n  .eg-career__file.is-selected {\r\n    border-color: var(--primary) !important;\r\n    background: rgba(57,197,243,.06) !important;\r\n  }\r\n  .eg-career__file.is-selected .eg-career__file-icon {\r\n    color: var(--primary) !important;\r\n  }\r\n\r\n  \/* Status feedback *\/\r\n  .eg-career__status {\r\n    display: none;\r\n    margin-top: 4px;\r\n    padding: 14px 18px;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    font-family: 'Work Sans', sans-serif;\r\n  }\r\n  .eg-career__status.is-visible { display: block; }\r\n  .eg-career__status--ok {\r\n    background: #E8F7EE;\r\n    color: #1F6B3A;\r\n    border: 1px solid #B9E2C8;\r\n  }\r\n  .eg-career__status--err {\r\n    background: #FBEAEA;\r\n    color: #962323;\r\n    border: 1px solid #E8B5B5;\r\n  }\r\n\r\n  \/* Industries panel *\/\r\n  .eg-career__industries-card { position: sticky; top: 100px; }\r\n  .eg-career__industries-card .eg-career__eyebrow { margin-bottom: 10px; }\r\n  .eg-career .eg-career__industries-card h2 {\r\n    font-family: 'Raleway', sans-serif !important;\r\n    font-size: clamp(24px, 3.2vw, 32px) !important;\r\n    color: var(--accent) !important;\r\n    margin: 0 0 12px !important;\r\n    line-height: 1.2 !important;\r\n    font-weight: 700 !important;\r\n  }\r\n  .eg-career__industries-card-sub {\r\n    color: var(--text);\r\n    font-size: 15.5px;\r\n    margin-bottom: 28px;\r\n  }\r\n  .eg-career__industries-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 10px;\r\n  }\r\n  .eg-career__industry-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 14px;\r\n    background: var(--bg-light);\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    color: var(--accent);\r\n    font-weight: 500;\r\n    transition: background .25s ease, transform .25s ease;\r\n  }\r\n  .eg-career__industry-tag:hover {\r\n    background: rgba(57,197,243,.1);\r\n    transform: translateX(3px);\r\n  }\r\n  .eg-career__industry-tag svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    color: var(--primary);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ============ 5. MAP ============ *\/\r\n  .eg-career__map {\r\n    position: relative;\r\n    height: clamp(360px, 45vh, 440px);\r\n    background: #2B2D42;\r\n    overflow: hidden;\r\n  }\r\n  .eg-career__map iframe { width: 100%; height: 100%; border: 0; display: block; }\r\n\r\n  \/* ============ RESPONSIVE ============ *\/\r\n  @media (max-width: 1000px) {\r\n    .eg-career__pool-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .eg-career__industries-card { position: static; }\r\n    .eg-career__job-card, .eg-career__skeleton { grid-template-columns: 1fr; gap: 18px; }\r\n    .eg-career__job-card-actions { flex-direction: row; align-items: center; min-width: 0; }\r\n    .eg-career__job-card-cta { flex: 1; }\r\n  }\r\n  @media (max-width: 720px) {\r\n    .eg-career__container { padding: 0 18px; }\r\n    .eg-career__hero-inner { padding: 90px 18px 64px; }\r\n    .eg-career__form-card { padding: 30px 22px; }\r\n    .eg-career__field-row { grid-template-columns: 1fr; gap: 18px; }\r\n    .eg-career__filters-inner { padding: 16px; gap: 14px; }\r\n    .eg-career__industries-grid { grid-template-columns: 1fr; }\r\n    .eg-career__job-card-actions { flex-direction: column; }\r\n    .eg-career__job-card-cta { width: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"eg-career\">\r\n\r\n  <!-- ============== 1. HERO ============== -->\r\n  <section class=\"eg-career__hero\" aria-labelledby=\"career-title\">\r\n    <div class=\"eg-career__hero-inner\">\r\n      <nav class=\"eg-career__breadcrumb eg-reveal\" aria-label=\"Breadcrumb\">\r\n        <a href=\"\/new\/\">Home<\/a>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n        <span>Career<\/span>\r\n      <\/nav>\r\n      <span class=\"eg-career__hero-kicker eg-reveal\">Find a career with one of our clients<\/span>\r\n      <h1 id=\"career-title\" class=\"eg-reveal\">Open <strong>Positions<\/strong><\/h1>\r\n      <p class=\"eg-career__hero-sub eg-reveal\">EGRAB helps top employers across the United States find the right people. Browse current openings or submit your resume to join our talent pool.<\/p>\r\n      <div class=\"eg-career__hero-stats eg-reveal\" aria-label=\"Open positions count\">\r\n        <span class=\"eg-career__hero-stats-dot\" data-hero-count>\u2014<\/span>\r\n        <span data-hero-count-label>Active openings right now<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============== 2. FILTER BAR ============== -->\r\n  <section class=\"eg-career__filters\">\r\n    <div class=\"eg-career__container\">\r\n      <div class=\"eg-career__filters-inner eg-reveal\">\r\n        <div class=\"eg-career__filters-search\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n          <input type=\"search\" placeholder=\"Search by title or location...\" data-egrab-search>\r\n        <\/div>\r\n        <div class=\"eg-career__filters-chips\" data-egrab-filters>\r\n          <!-- Los chips se generan din\u00e1micamente desde el JS seg\u00fan las industries presentes -->\r\n          <button class=\"eg-career__chip eg-career__chip--active\" data-filter=\"all\">All Industries<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============== 3. JOB LISTING ============== -->\r\n  <section class=\"eg-career__listing\">\r\n    <div class=\"eg-career__container\">\r\n\r\n      <div class=\"eg-career__listing-head\">\r\n        <h2>Current Opportunities<\/h2>\r\n        <span class=\"eg-career__listing-head-count\" data-egrab-counter>Loading...<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"eg-career__listing-grid\" data-egrab-list>\r\n        <!-- Skeleton de carga (se muestra mientras se cargan los datos) -->\r\n        <div class=\"eg-career__skeleton\" data-egrab-skeleton>\r\n          <div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--meta\"><\/div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--title\"><\/div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--excerpt\"><\/div>\r\n          <\/div>\r\n          <div class=\"eg-career__skeleton-line eg-career__skeleton-line--cta\"><\/div>\r\n        <\/div>\r\n        <div class=\"eg-career__skeleton\" data-egrab-skeleton>\r\n          <div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--meta\"><\/div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--title\"><\/div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--excerpt\"><\/div>\r\n          <\/div>\r\n          <div class=\"eg-career__skeleton-line eg-career__skeleton-line--cta\"><\/div>\r\n        <\/div>\r\n        <div class=\"eg-career__skeleton\" data-egrab-skeleton>\r\n          <div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--meta\"><\/div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--title\"><\/div>\r\n            <div class=\"eg-career__skeleton-line eg-career__skeleton-line--excerpt\"><\/div>\r\n          <\/div>\r\n          <div class=\"eg-career__skeleton-line eg-career__skeleton-line--cta\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Empty state: no hay jobs publicados -->\r\n      <div class=\"eg-career__state\" data-egrab-empty hidden>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n        <h3>No open positions right now<\/h3>\r\n        <p>We're currently between hiring cycles. Submit your resume below \u2014 we'll keep you in mind when the right opportunity comes up.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Filter empty: hay jobs pero ninguno matchea el filtro -->\r\n      <div class=\"eg-career__state\" data-egrab-no-match hidden>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n        <h3>No positions match your filter<\/h3>\r\n        <p>Try a different industry, or submit your resume below \u2014 we'll keep you in mind when something fits.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Error state: la API fall\u00f3 -->\r\n      <div class=\"eg-career__state\" data-egrab-error hidden>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n        <h3>Couldn't load openings<\/h3>\r\n        <p>There was an issue loading current job offers. Please refresh the page or try again later.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============== 4. TALENT POOL ============== -->\r\n  <section class=\"eg-career__pool\">\r\n    <div class=\"eg-career__container\">\r\n      <div class=\"eg-career__pool-grid\">\r\n\r\n        <div class=\"eg-career__form-card eg-reveal\">\r\n          <span class=\"eg-career__eyebrow\">Let's connect<\/span>\r\n          <h2>Join Our Talent Pool<\/h2>\r\n          <p class=\"eg-career__form-card-sub\">Don't see a position that fits? Submit your resume and we'll reach out when the right opportunity comes up.<\/p>\r\n\r\n          <form class=\"eg-career__form\" action=\"#\" method=\"post\" enctype=\"multipart\/form-data\" novalidate>\r\n\r\n            <!-- Anti-spam: honeypot + time-trap -->\r\n            <div class=\"eg-career__honey\" aria-hidden=\"true\">\r\n              <label>Website <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\r\n            <\/div>\r\n            <input type=\"hidden\" name=\"eg_ts\" value=\"\">\r\n\r\n            <div class=\"eg-career__field-row\">\r\n              <div class=\"eg-career__field\">\r\n                <label for=\"eg-career-name\">Name *<\/label>\r\n                <input type=\"text\" id=\"eg-career-name\" name=\"name\" placeholder=\"Your full name\" required>\r\n              <\/div>\r\n              <div class=\"eg-career__field\">\r\n                <label for=\"eg-career-phone\">Phone<\/label>\r\n                <input type=\"tel\" id=\"eg-career-phone\" name=\"phone\" placeholder=\"+1 (___) ___-____\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"eg-career__field-row\">\r\n              <div class=\"eg-career__field\">\r\n                <label for=\"eg-career-email\">Email *<\/label>\r\n                <input type=\"email\" id=\"eg-career-email\" name=\"email\" placeholder=\"you@email.com\" required>\r\n              <\/div>\r\n              <div class=\"eg-career__field\">\r\n                <label for=\"eg-career-industry\">Industry of interest<\/label>\r\n                <select id=\"eg-career-industry\" name=\"industry\">\r\n                  <option value=\"\">Select an industry<\/option>\r\n                  <option>Construction<\/option>\r\n                  <option>Property Management<\/option>\r\n                  <option>Legal<\/option>\r\n                  <option>HVAC &amp; Refrigeration<\/option>\r\n                  <option>Non-profit<\/option>\r\n                  <option>Manufacturing<\/option>\r\n                  <option>Distribution<\/option>\r\n                  <option>Logistics<\/option>\r\n                  <option>Health Care<\/option>\r\n                  <option>Education<\/option>\r\n                  <option>Professional Services<\/option>\r\n                  <option>Office Administration<\/option>\r\n                  <option>Sales<\/option>\r\n                  <option>Information Technology<\/option>\r\n                  <option>Health Care Administration<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"eg-career__field\">\r\n              <label for=\"eg-career-message\">Message<\/label>\r\n              <textarea id=\"eg-career-message\" name=\"message\" placeholder=\"A quick intro about yourself and what you're looking for.\"><\/textarea>\r\n            <\/div>\r\n\r\n            <div class=\"eg-career__field\">\r\n              <label>Resume *<\/label>\r\n              <label class=\"eg-career__file\">\r\n                <input type=\"file\" name=\"resume\" accept=\".pdf,.doc,.docx\" required>\r\n                <span class=\"eg-career__file-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\r\n                <\/span>\r\n                <span class=\"eg-career__file-text\">\r\n                  Click to upload your resume\r\n                  <small>PDF, DOC or DOCX (max 5 MB)<\/small>\r\n                <\/span>\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <label class=\"eg-career__checkbox\">\r\n              <input type=\"checkbox\" name=\"privacy\" required>\r\n              <span>I have read and agree to the <a href=\"\/new\/privacy-policy\/\">Privacy Policy<\/a> and consent to the processing of my personal information.<\/span>\r\n            <\/label>\r\n\r\n            <button type=\"submit\" class=\"eg-career__btn\">\r\n              <span class=\"eg-career__btn-label\">Submit Resume<\/span>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n            <\/button>\r\n\r\n            <div class=\"eg-career__status\" role=\"status\" aria-live=\"polite\"><\/div>\r\n\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"eg-career__industries-card eg-reveal\">\r\n          <span class=\"eg-career__eyebrow\">Industries we serve<\/span>\r\n          <h2>We Source Candidates for<\/h2>\r\n          <p class=\"eg-career__industries-card-sub\">From construction to healthcare administration \u2014 our client portfolio covers a broad range of industries.<\/p>\r\n\r\n          <div class=\"eg-career__industries-grid\">\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Construction<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Property Management<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Legal<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> HVAC &amp; Refrigeration<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Non-profit<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Manufacturing<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Distribution<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Logistics<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Health Care<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Education<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Professional Services<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Office Administration<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Sales<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Information Technology<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Health Care Admin<\/span>\r\n            <span class=\"eg-career__industry-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> &amp; many more<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============== 5. MAP ============== -->\r\n  <section class=\"eg-career__map\" aria-label=\"Our location\">\r\n    <iframe\r\n      src=\"https:\/\/www.google.com\/maps?q=955+W+John+Carpenter+Freeway+Ste+100,+Irving,+TX+75039&output=embed\"\r\n      loading=\"lazy\"\r\n      referrerpolicy=\"no-referrer-when-downgrade\"\r\n      title=\"EGRAB H.R. Partners \u2014 Irving, TX\"\r\n      allowfullscreen><\/iframe>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/\/ ====== CONFIG ======\r\n  function getRestBase() {\r\n    var link = document.querySelector('link[rel=\"https:\/\/api.w.org\/\"]');\r\n    if (link && link.href) {\r\n      return link.href.replace(\/\\\/+$\/, '') + '\/wp\/v2';\r\n    }\r\n    return '\/wp-json\/wp\/v2';\r\n  }\r\n  var REST_BASE = getRestBase();\r\n  var ENDPOINT = REST_BASE + '\/egrab_job?_embed&per_page=100&status=publish&orderby=date&order=desc';\r\n\r\n  \/\/ ====== STATE ======\r\n  var allJobs = [];\r\n  var state = { filter: 'all', search: '' };\r\n\r\n  \/\/ ====== DOM REFS ======\r\n  var listEl = document.querySelector('[data-egrab-list]');\r\n  var counterEl = document.querySelector('[data-egrab-counter]');\r\n  var heroCountEl = document.querySelector('[data-hero-count]');\r\n  var heroCountLabel = document.querySelector('[data-hero-count-label]');\r\n  var filtersEl = document.querySelector('[data-egrab-filters]');\r\n  var searchEl = document.querySelector('[data-egrab-search]');\r\n  var emptyEl = document.querySelector('[data-egrab-empty]');\r\n  var noMatchEl = document.querySelector('[data-egrab-no-match]');\r\n  var errorEl = document.querySelector('[data-egrab-error]');\r\n\r\n  \/\/ ====== HELPERS ======\r\n  function escapeHtml(s) {\r\n    if (s == null) return '';\r\n    return String(s).replace(\/[&<>\"']\/g, function (c) {\r\n      return ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' })[c];\r\n    });\r\n  }\r\n  function stripHtml(s) {\r\n    if (!s) return '';\r\n    var tmp = document.createElement('div');\r\n    tmp.innerHTML = s;\r\n    return (tmp.textContent || tmp.innerText || '').trim();\r\n  }\r\n  function truncate(s, n) {\r\n    s = stripHtml(s);\r\n    if (s.length <= n) return s;\r\n    return s.slice(0, n).replace(\/\\s+\\S*$\/, '') + '\u2026';\r\n  }\r\n  function formatDate(dateStr) {\r\n    try {\r\n      var d = new Date(dateStr);\r\n      return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });\r\n    } catch (e) { return ''; }\r\n  }\r\n  function slugify(s) {\r\n    return String(s || '').toLowerCase().trim()\r\n      .replace(\/&\/g, 'and')\r\n      .replace(\/[^a-z0-9]+\/g, '-')\r\n      .replace(\/^-+|-+$\/g, '');\r\n  }\r\n\r\n  \/\/ ====== FETCH ======\r\n  fetch(ENDPOINT, { credentials: 'same-origin' })\r\n    .then(function (r) {\r\n      if (!r.ok) throw new Error('REST ' + r.status);\r\n      return r.json();\r\n    })\r\n    .then(function (jobs) {\r\n      \/\/ Filtramos los que est\u00e1n marcados como is_active = false\r\n      allJobs = (jobs || []).filter(function (j) {\r\n        \/\/ Si el campo no existe, lo consideramos activo (compatibilidad)\r\n        return j.job_is_active === undefined || j.job_is_active === null\r\n          || j.job_is_active === true || j.job_is_active === '1'\r\n          || j.job_is_active === 1 || j.job_is_active === '';\r\n      });\r\n      removeSkeletons();\r\n      renderChips(allJobs);\r\n      renderJobs(allJobs);\r\n      updateHeroCount(allJobs.length);\r\n    })\r\n    .catch(function (err) {\r\n      console.error('EGRAB Jobs fetch failed:', err);\r\n      removeSkeletons();\r\n      showError();\r\n    });\r\n\r\n  \/\/ ====== RENDER ======\r\n  function removeSkeletons() {\r\n    if (!listEl) return;\r\n    listEl.querySelectorAll('[data-egrab-skeleton]').forEach(function (el) { el.remove(); });\r\n  }\r\n\r\n  function showError() {\r\n    if (errorEl) errorEl.hidden = false;\r\n    if (counterEl) counterEl.textContent = 'Try again later';\r\n    updateHeroCount(0, true);\r\n  }\r\n\r\n  function updateHeroCount(n, isError) {\r\n    if (heroCountEl) heroCountEl.textContent = isError ? '!' : String(n);\r\n    if (heroCountLabel) {\r\n      if (isError) heroCountLabel.textContent = 'Unable to load openings';\r\n      else if (n === 0) heroCountLabel.textContent = 'No active openings right now';\r\n      else if (n === 1) heroCountLabel.textContent = 'Active opening right now';\r\n      else heroCountLabel.textContent = 'Active openings right now';\r\n    }\r\n  }\r\n\r\n  function renderChips(jobs) {\r\n    if (!filtersEl) return;\r\n    \/\/ Mantenemos el chip \"All Industries\"\r\n    filtersEl.innerHTML = '<button class=\"eg-career__chip eg-career__chip--active\" data-filter=\"all\">All Industries<\/button>';\r\n\r\n    var seen = {};\r\n    jobs.forEach(function (job) {\r\n      var industries = getIndustries(job);\r\n      industries.forEach(function (ind) {\r\n        if (!seen[ind.slug]) {\r\n          seen[ind.slug] = true;\r\n          var btn = document.createElement('button');\r\n          btn.className = 'eg-career__chip';\r\n          btn.dataset.filter = ind.slug;\r\n          btn.textContent = ind.name;\r\n          filtersEl.appendChild(btn);\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ Click handlers\r\n    filtersEl.querySelectorAll('[data-filter]').forEach(function (chip) {\r\n      chip.addEventListener('click', function () {\r\n        filtersEl.querySelectorAll('[data-filter]').forEach(function (c) { c.classList.remove('eg-career__chip--active'); });\r\n        chip.classList.add('eg-career__chip--active');\r\n        state.filter = chip.dataset.filter;\r\n        applyFilters();\r\n      });\r\n    });\r\n  }\r\n\r\n  function getIndustries(job) {\r\n    var out = [];\r\n    var embedded = job._embedded && job._embedded['wp:term'];\r\n    if (embedded && embedded.length) {\r\n      embedded.forEach(function (taxGroup) {\r\n        if (Array.isArray(taxGroup)) {\r\n          taxGroup.forEach(function (term) {\r\n            if (term && term.taxonomy === 'job_industry') {\r\n              out.push({ name: term.name, slug: term.slug });\r\n            }\r\n          });\r\n        }\r\n      });\r\n    }\r\n    return out;\r\n  }\r\n\r\n  function renderJobs(jobs) {\r\n    if (!listEl) return;\r\n\r\n    if (!jobs.length) {\r\n      if (emptyEl) emptyEl.hidden = false;\r\n      if (counterEl) counterEl.textContent = '0 positions';\r\n      return;\r\n    }\r\n\r\n    var frag = document.createDocumentFragment();\r\n    jobs.forEach(function (job) { frag.appendChild(createCard(job)); });\r\n    listEl.appendChild(frag);\r\n\r\n    if (counterEl) counterEl.textContent = jobs.length + ' ' + (jobs.length === 1 ? 'position' : 'positions');\r\n  }\r\n\r\n  function createCard(job) {\r\n    var title = (job.title && job.title.rendered) || 'Untitled position';\r\n    var link = job.link || '#';\r\n    var excerpt = truncate((job.excerpt && job.excerpt.rendered) || (job.content && job.content.rendered) || '', 200);\r\n    var date = formatDate(job.date);\r\n\r\n    var industries = getIndustries(job);\r\n    var industrySlug = industries.length ? industries[0].slug : '';\r\n    var industryName = industries.length ? industries[0].name : '';\r\n\r\n    var location = job.job_location || '';\r\n    var employmentType = job.job_employment_type || '';\r\n    var workMode = job.job_work_mode || '';\r\n\r\n    var article = document.createElement('article');\r\n    article.className = 'eg-career__job-card';\r\n    article.dataset.industry = industrySlug;\r\n    article.dataset.searchable = (title + ' ' + location + ' ' + industryName + ' ' + employmentType).toLowerCase();\r\n\r\n    var metaParts = [];\r\n    if (location) {\r\n      metaParts.push(\r\n        '<span class=\"eg-career__tag\">' +\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg> ' +\r\n        escapeHtml(location) +\r\n        '<\/span>'\r\n      );\r\n    }\r\n    if (employmentType) {\r\n      metaParts.push('<span class=\"eg-career__tag eg-career__tag--type\">' + escapeHtml(employmentType) + '<\/span>');\r\n    }\r\n    if (workMode) {\r\n      metaParts.push('<span class=\"eg-career__tag eg-career__tag--mode\">' + escapeHtml(workMode) + '<\/span>');\r\n    }\r\n    if (industryName) {\r\n      metaParts.push('<span class=\"eg-career__tag\">' + escapeHtml(industryName) + '<\/span>');\r\n    }\r\n\r\n    article.innerHTML =\r\n      '<div class=\"eg-career__job-card-body\">' +\r\n        '<div class=\"eg-career__job-card-meta\">' + metaParts.join('') + '<\/div>' +\r\n        '<h3><a href=\"' + escapeHtml(link) + '\">' + title + '<\/a><\/h3>' +\r\n        (excerpt ? '<p class=\"eg-career__job-card-excerpt\">' + escapeHtml(excerpt) + '<\/p>' : '') +\r\n      '<\/div>' +\r\n      '<div class=\"eg-career__job-card-actions\">' +\r\n        '<a href=\"' + escapeHtml(link) + '\" class=\"eg-career__job-card-cta\">' +\r\n          'View &amp; Apply' +\r\n          '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>' +\r\n        '<\/a>' +\r\n        (date ? '<small class=\"eg-career__job-card-posted\">Posted ' + escapeHtml(date) + '<\/small>' : '') +\r\n      '<\/div>';\r\n\r\n    return article;\r\n  }\r\n\r\n  \/\/ ====== FILTERS ======\r\n  function applyFilters() {\r\n    if (!listEl) return;\r\n    var cards = listEl.querySelectorAll('.eg-career__job-card');\r\n    var visible = 0;\r\n    cards.forEach(function (card) {\r\n      var ind = (card.dataset.industry || '').toLowerCase();\r\n      var searchable = (card.dataset.searchable || '').toLowerCase();\r\n      var matchFilter = state.filter === 'all' || ind === state.filter;\r\n      var matchSearch = !state.search || searchable.indexOf(state.search) !== -1;\r\n      var show = matchFilter && matchSearch;\r\n      card.style.display = show ? '' : 'none';\r\n      if (show) visible++;\r\n    });\r\n    if (counterEl) counterEl.textContent = visible + ' ' + (visible === 1 ? 'position' : 'positions');\r\n    if (noMatchEl) noMatchEl.hidden = visible !== 0 || !allJobs.length;\r\n  }\r\n\r\n  if (searchEl) {\r\n    var debounce;\r\n    searchEl.addEventListener('input', function () {\r\n      clearTimeout(debounce);\r\n      debounce = setTimeout(function () {\r\n        state.search = searchEl.value.trim().toLowerCase();\r\n        applyFilters();\r\n      }, 120);\r\n    });\r\n  }\r\n\r\n  \/\/ ====== REVEAL ON SCROLL ======\r\n  var revealEls = document.querySelectorAll('.eg-career .eg-reveal');\r\n  if ('IntersectionObserver' in window) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); }\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n    revealEls.forEach(function (el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 4) * 70) + 'ms';\r\n      io.observe(el);\r\n    });\r\n  } else {\r\n    revealEls.forEach(function (el) { el.classList.add('is-in'); });\r\n  }\r\n\r\n  \/\/ ====== FILE INPUT FEEDBACK ======\r\n  var fileInput = document.querySelector('.eg-career__file input[type=\"file\"]');\r\n  if (fileInput) {\r\n    fileInput.addEventListener('change', function () {\r\n      var wrapper = fileInput.parentElement;\r\n      var text = wrapper.querySelector('.eg-career__file-text');\r\n      if (text && fileInput.files && fileInput.files[0]) {\r\n        text.innerHTML = escapeHtml(fileInput.files[0].name) + '<small>Click to choose another file<\/small>';\r\n        wrapper.classList.add('is-selected');\r\n      } else {\r\n        wrapper.classList.remove('is-selected');\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ ====== FORM SUBMIT (Talent Pool) ======\r\n  var form = document.querySelector('.eg-career__form');\r\n  if (form) {\r\n    var apiBase = REST_BASE.replace(\/\\\/wp\\\/v2$\/, '');\r\n    var SUBMIT_ENDPOINT = apiBase + '\/egrab\/v1\/talent';\r\n\r\n    var tsField = form.querySelector('input[name=\"eg_ts\"]');\r\n    if (tsField) tsField.value = Math.floor(Date.now() \/ 1000);\r\n\r\n    var btn = form.querySelector('.eg-career__btn');\r\n    var label = btn.querySelector('.eg-career__btn-label');\r\n    var labelOriginal = label ? label.textContent : 'Submit Resume';\r\n    var status = form.querySelector('.eg-career__status');\r\n\r\n    function setStatus(type, text) {\r\n      status.className = 'eg-career__status is-visible eg-career__status--' + type;\r\n      status.textContent = text;\r\n    }\r\n    function clearStatus() {\r\n      status.className = 'eg-career__status';\r\n      status.textContent = '';\r\n    }\r\n    function setLoading(loading) {\r\n      btn.disabled = loading;\r\n      if (label) label.textContent = loading ? 'Sending...' : labelOriginal;\r\n    }\r\n\r\n    form.addEventListener('submit', function (e) {\r\n      e.preventDefault();\r\n      clearStatus();\r\n      if (!form.reportValidity()) return;\r\n\r\n      setLoading(true);\r\n      var data = new FormData(form);\r\n\r\n      fetch(SUBMIT_ENDPOINT, { method: 'POST', body: data, credentials: 'same-origin' })\r\n        .then(function (r) {\r\n          return r.json().then(function (j) { return { ok: r.ok, body: j }; })\r\n            .catch(function () { return { ok: r.ok, body: {} }; });\r\n        })\r\n        .then(function (res) {\r\n          if (res.ok && res.body && res.body.success) {\r\n            setStatus('ok', res.body.message || 'Thanks! Your resume has been received.');\r\n            form.reset();\r\n            if (tsField) tsField.value = Math.floor(Date.now() \/ 1000);\r\n            \/\/ Restaurar el file picker\r\n            var fileWrap = form.querySelector('.eg-career__file');\r\n            var fileText = fileWrap && fileWrap.querySelector('.eg-career__file-text');\r\n            if (fileText) {\r\n              fileText.innerHTML = 'Click to upload your resume<small>PDF, DOC or DOCX (max 5 MB)<\/small>';\r\n            }\r\n            if (fileWrap) fileWrap.classList.remove('is-selected');\r\n          } else {\r\n            setStatus('err', (res.body && res.body.message) || 'Could not send your application. Please try again.');\r\n          }\r\n        })\r\n        .catch(function () {\r\n          setStatus('err', 'Network error. Please check your connection and try again.');\r\n        })\r\n        .then(function () { setLoading(false); });\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\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>Home Career Find a career with one of our clients Open Positions EGRAB helps top employers across the United States find the right people. Browse current openings or submit your resume to join our talent pool. \u2014 Active openings right now All Industries Current Opportunities Loading&#8230; No open positions right now We&#8217;re currently between hiring [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":13,"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/pages\/108\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/egrabservices.com\/new\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}