Jira - Gu\u00eda Completa<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n --base-font-size: 14px; \n --color-caos: #f97316;\n --color-orden: #3b82f6;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.5;\n background-color: #f8fafc;\n }\n\n .main-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n border-radius: 1rem;\n }\n\n .image-banner img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n }\n\n .benefit-card {\n padding: 1.5rem;\n border-radius: 1rem;\n border: 1px solid;\n transition: transform 0.2s ease;\n font-size: 0.95em; \n }\n\n .benefit-card:hover {\n transform: translateY(-2px);\n }\n\n .benefit-sin {\n background-color: #fef2f2;\n border-color: #fee2e2;\n }\n\n .benefit-con {\n background-color: #eff6ff;\n border-color: #dbeafe;\n }\n\n .key-point {\n margin-top: 1.5rem;\n margin-bottom: 0.5rem;\n padding: 1rem;\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 0.75rem;\n font-size: 1.1em;\n color: #4b5563;\n }\n\n \/* Estilo para la nueva secci\u00f3n de importancia *\/\n .importance-section {\n background-color: #f1f5f9;\n border-left: 4px solid #3b82f6;\n padding: 2rem;\n margin: 2rem 2.5rem;\n border-radius: 0 1rem 1rem 0;\n }\n\n h1 { font-size: 2.5em; }\n .intro-text { font-size: 1.1em; }\n .label-top { font-size: 0.75em; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"main-card\">\n \n <div class=\"p-10 pb-0\">\n <h2 class=\" font-bold text-slate-800 mb-4\">\u00bfPor qu\u00e9 es importante aprender Jira?<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n En un mercado laboral cada vez m\u00e1s competitivo, dominar herramientas de gesti\u00f3n \u00e1gil no es un \"plus\", es una <strong>necesidad<\/strong>. Jira es el est\u00e1ndar de la industria; aprenderlo te permite coordinar proyectos complejos, mejorar la transparencia de tu equipo y asegurar que los objetivos se cumplan a tiempo. No se trata solo de mover tarjetas en un tablero, sino de adoptar una mentalidad de eficiencia y mejora continua.\n <\/p>\n <p class=\"text-blue-600 font-semibold italic\">\n A continuaci\u00f3n, te lo explicamos todo en este blog...\n <\/p>\n <hr class=\"mt-8 border-slate-100\">\n <\/div>\n\n <div class=\"p-10 pb-6\">\n <span class=\"label-top text-blue-600 font-bold tracking-[0.2em] uppercase\">01 \u2014 INTRODUCCI\u00d3N<\/span>\n <h1 class=\"font-bold text-slate-900 mt-3 tracking-tight\">El caos vs. el orden<\/h1>\n <\/div>\n\n <div class=\"image-banner\">\n <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69e884ef00544e9447216d01\/57d39a4b1_generated_f048b46a.png\" alt=\"Caos vs Orden\">\n <\/div>\n\n <div class=\"p-10\">\n <p class=\"intro-text text-slate-500 leading-relaxed font-light mb-8\">\n Imagina este escenario: tu equipo gestiona tareas en correos electr\u00f3nicos, actualizaciones de estado por Slack, fechas de entrega en hojas de Excel y prioridades escritas en notas adhesivas. <strong class=\"text-slate-800 font-bold\">\u00bfTe suena familiar?<\/strong> Este es el d\u00eda a d\u00eda de miles de equipos que a\u00fan no han dado el salto hacia una gesti\u00f3n organizada.\n <\/p>\n\n <div class=\"grid md:grid-cols-2 gap-6 mt-10\">\n <div class=\"benefit-card benefit-sin\">\n <div class=\"flex items-center gap-2 mb-4 font-bold text-red-700 text-xl\">\n <span>\u26a0\ufe0f<\/span> Sin Jira\n <\/div>\n <ul class=\"space-y-3 text-slate-700\">\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Informaci\u00f3n dispersa en 5+ herramientas<\/li>\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Reuniones innecesarias de \"\u00bfc\u00f3mo va esto?\"<\/li>\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Tareas duplicadas o perdidas<\/li>\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Cero visibilidad sobre el progreso real<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"benefit-card benefit-con\">\n <div class=\"flex items-center gap-2 mb-4 font-bold text-blue-700 text-xl\">\n <span class=\"text-blue-500\">\u2713<\/span> Con Jira\n <\/div>\n <ul class=\"space-y-3 text-slate-700\">\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Todo centralizado en un solo lugar<\/li>\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Cada tarea tiene due\u00f1o y fecha l\u00edmite<\/li>\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Dashboards en tiempo real<\/li>\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Decisiones basadas en datos<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"key-point shadow-sm\">\n <p>\n <span class=\"text-blue-600 font-bold\">\ud83d\udca1 Punto clave:<\/span><br>\n Jira no es solo para programadores. Es para <strong>cualquier equipo<\/strong> que necesite visibilidad sobre su trabajo: marketing, recursos humanos, operaciones, dise\u00f1o y m\u00e1s.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f975548 e-flex e-con-boxed e-con e-parent\" data-id=\"f975548\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3baba07 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3baba07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O GENERAL DE FUENTE *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6; \/* Azul Jira *\/\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-bg-sub: #f4f5f7;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n \/* Contenedor principal de la tarjeta *\/\n .context-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 10% 8% 8% 8%; \/* Padding proporcional *\/\n }\n\n \/* Tipograf\u00eda *\/\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n line-height: 1.1;\n margin-top: 0;\n margin-bottom: 1.5rem;\n letter-spacing: -0.03em;\n }\n\n .intro-paragraph {\n font-size: 1.15em;\n color: var(--color-text-sub);\n font-weight: 400;\n margin-bottom: 3rem;\n }\n\n \/* ESTILOS DE LA L\u00cdNEA DE TIEMPO (TIMELINE) *\/\n .timeline-container {\n position: relative;\n padding-left: 2.5rem; \/* Espacio para el icono y la l\u00ednea *\/\n }\n\n \/* La l\u00ednea vertical central *\/\n .timeline-line {\n position: absolute;\n left: 0.9rem; \/* Centrado con el icono *\/\n top: 0;\n bottom: 0;\n width: 2px;\n background-color: #dfe1e6; \/* Color de l\u00ednea suave *\/\n z-index: 1;\n }\n\n \/* Cada elemento de la l\u00ednea de tiempo *\/\n .timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n z-index: 2; \/* Por encima de la l\u00ednea *\/\n }\n\n .timeline-item:last-child {\n margin-bottom: 0;\n }\n\n \/* El c\u00edrculo del icono *\/\n .timeline-icon-circle {\n position: absolute;\n left: -2.5rem; \/* Alineado al padding del contenedor *\/\n top: 0.2em; \/* Alineado con la primera l\u00ednea de texto *\/\n width: 1.8rem;\n height: 1.8rem;\n border-radius: 50%;\n background-color: #ebf5ff; \/* Azul muy p\u00e1lido *\/\n border: 2px solid #cce4ff; \/* Borde azul *\/\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n font-size: 0.9em;\n }\n\n \/* Contenido de texto del timeline *\/\n .timeline-content {\n padding-left: 0.5rem;\n }\n\n .timeline-date {\n font-size: 0.75em;\n font-weight: 700;\n color: var(--color-primary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 0.2rem;\n display: block;\n }\n\n .timeline-title {\n font-size: 1.5em;\n font-weight: 700;\n margin-top: 0;\n margin-bottom: 0.4rem;\n letter-spacing: -0.02em;\n }\n\n .timeline-description {\n font-size: 1em;\n color: var(--color-text-sub);\n margin: 0;\n }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Jira - Secci\u00f3n 02 Contexto<\/title>\n<\/head>\n<body>\n\n <div class=\"context-card\">\n <span class=\"label-top\">02 \u2014 CONTEXTO<\/span>\n <h2>\u00bfQu\u00e9 es Jira y por qu\u00e9 domina el mercado?<\/h2>\n \n <p class=\"intro-paragraph\">\n Jira naci\u00f3 como una simple herramienta de <em>bug tracking<\/em> en 2002, pero su evoluci\u00f3n ha sido extraordinaria. Hoy es la plataforma de gesti\u00f3n de proyectos m\u00e1s utilizada en el mundo, y su ecosistema sigue creciendo.\n <\/p>\n\n <div class=\"timeline-container\">\n <div class=\"timeline-line\"><\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.11 2.697L2.697 4.11 4.29 5.703A6.953 6.953 0 0 0 3 10c0 1.513.483 2.91 1.293 4.053l-1.59 1.59 1.414 1.414 1.59-1.59A6.953 6.953 0 0 0 10 16a6.953 6.953 0 0 0 4.053-1.293l1.59 1.59 1.414-1.414-1.59-1.59A6.953 6.953 0 0 0 16 10c0-1.513-.483-2.91-1.293-4.053l1.59-1.59-1.414-1.414-1.59 1.59A6.953 6.953 0 0 0 10 3a6.953 6.953 0 0 0-4.053 1.293L4.11 2.697zM5 10a5 5 0 1 1 10 0 5 5 0 0 1-10 0z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">2002<\/span>\n <h3 class=\"timeline-title\">Nace Jira<\/h3>\n <p class=\"timeline-description\">Creado por Atlassian como herramienta de rastreo de bugs (errores de software).<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 4.514V11.5l7 3 7-3V4.514L8 7.514 1 4.514zm7-3.486L1 4.028v7.028l7 3 7-3V4.028L8 1.028z\"\/><path d=\"M1 8.514L8 11.514l7-3v1.028l-7 3-7-3V8.514z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">2010S<\/span>\n <h3 class=\"timeline-title\">Evoluci\u00f3n \u00e1gil<\/h3>\n <p class=\"timeline-description\">Se transforma en una plataforma completa de gesti\u00f3n de proyectos con Scrum y Kanban.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">2020S<\/span>\n <h3 class=\"timeline-title\">Est\u00e1ndar de la industria<\/h3>\n <p class=\"timeline-description\">Adoptado por la mayor\u00eda de empresas del Fortune 500 como herramienta central de trabajo.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 1a6.995 6.995 0 0 1 6.938 6H9.062A7.004 7.004 0 0 1 8 1zM1.062 8H6.938a7.004 7.004 0 0 1 1.062 6.938A6.995 6.995 0 0 1 1.062 8zm8 6.938A7.004 7.004 0 0 1 9.062 9h5.876a6.995 6.995 0 0 1-6.938 5.938zM14.938 7H9.062A7.004 7.004 0 0 1 8 1.062 6.995 6.995 0 0 1 14.938 7z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">HOY<\/span>\n <h3 class=\"timeline-title\">Ecosistema completo<\/h3>\n <p class=\"timeline-description\">Integraci\u00f3n con Confluence, Bitbucket, Slack y miles de apps del marketplace.<\/p>\n <\/div>\n <\/div>\n\n <\/div> <\/div> <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03483b6 e-flex e-con-boxed e-con e-parent\" data-id=\"03483b6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95bce11 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"95bce11\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n --base-font-size: 14px; \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-scrum: #0052cc;\n --color-kanban: #6554c0;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.5;\n }\n\n .methodology-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n }\n\n .header-content { padding: 3rem 3rem 1.5rem 3rem; }\n \n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 { font-size: 2.8em; font-weight: 700; margin: 0; letter-spacing: -0.02em; }\n\n .image-containert img { width: 100%; height: 90%}\n\n .description-text {\n padding: 2.5rem 3rem 1.5rem 3rem;\n font-size: 1.1em;\n color: var(--color-text-sub);\n }\n\n \/* GRID DE TARJETAS DETALLADAS *\/\n .method-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 1.5rem;\n padding: 0 3rem 3rem 3rem;\n }\n\n .method-box {\n padding: 2.5rem;\n border-radius: 1.2rem;\n background: #ffffff;\n border: 1px solid #ebecf0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n }\n\n .icon-header {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n }\n\n .bg-scrum { background-color: #deebff; color: var(--color-scrum); }\n .bg-kanban { background-color: #f3e6ff; color: var(--color-kanban); }\n\n .method-title { font-size: 2em; font-weight: 700; margin-bottom: 0.5rem; display: block; }\n \n .method-main-desc { color: var(--color-text-sub); margin-bottom: 2rem; display: block; }\n\n \/* LISTA DE CARACTER\u00cdSTICAS *\/\n .feature-list { list-style: none; padding: 0; margin: 0; }\n \n .feature-item {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.2rem;\n align-items: flex-start;\n }\n\n .arrow-icon {\n margin-top: 0.2rem;\n flex-shrink: 0;\n }\n\n .feature-text b { display: block; color: var(--color-text-main); font-size: 1.05em; }\n .feature-text span { color: var(--color-text-sub); font-size: 0.9em; }\n\n<\/style>\n\n<div class=\"methodology-card\">\n <div class=\"header-content\">\n <span class=\"label-top\">03 \u2014 METODOLOG\u00cdAS<\/span>\n <h2>La Agilidad como motor: Scrum y Kanban<\/h2>\n <\/div>\n\n <div class=\"image-containert\">\n <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69e884ef00544e9447216d01\/1356e7fc2_generated_a5ee3bd9.png\">\n <\/div>\n\n <div class=\"description-text\">\n Aprender Jira es, en esencia, aprender a trabajar bajo <strong>metodolog\u00edas \u00e1giles<\/strong>. Estas dos son las m\u00e1s populares y Jira las soporta nativamente:\n <\/div>\n\n <div class=\"method-grid\">\n <div class=\"method-box\">\n <div class=\"icon-header bg-scrum\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 2v6h6M2.66 15.57a10 10 0 1 0 .57-8.38\"\/><\/svg>\n <\/div>\n <span class=\"method-title\">Scrum<\/span>\n <span class=\"method-main-desc\">Trabajo organizado en ciclos cortos llamados <b>Sprints<\/b> (usualmente de 2 semanas).<\/span>\n \n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Sprints<\/b><span>Ciclos de trabajo con objetivos claros y medibles<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Backlog<\/b><span>Lista priorizada de todo lo que hay que hacer<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Puntos de Historia<\/b><span>Estimaci\u00f3n del esfuerzo relativo de cada tarea<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Retrospectivas<\/b><span>Reuniones de mejora continua al final de cada Sprint<\/span><\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"method-box\">\n <div class=\"icon-header bg-kanban\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n <\/div>\n <span class=\"method-title\">Kanban<\/span>\n <span class=\"method-main-desc\">Flujo continuo de trabajo sin sprints fijos, enfocado en la <b>visualizaci\u00f3n<\/b>.<\/span>\n \n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Tablero visual<\/b><span>Columnas que representan cada etapa del proceso<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>L\u00edmites WIP<\/b><span>Controla cu\u00e1ntas tareas pueden estar en progreso<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Flujo continuo<\/b><span>Las tareas se mueven al completarse, sin esperar<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Lead Time<\/b><span>Mide el tiempo desde que llega la tarea hasta que sale<\/span><\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5197c9 e-flex e-con-boxed e-con e-parent\" data-id=\"e5197c9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a4fa7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a6a4fa7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O GENERAL *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-bg-icon: #ebf5ff;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .value-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 4rem 3rem;\n }\n\n \/* Cabecera de secci\u00f3n *\/\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n }\n\n .intro-sub {\n font-size: 1.2em;\n color: var(--color-text-sub);\n margin-top: 1rem;\n margin-bottom: 3rem;\n max-width: 700px;\n }\n\n \/* Lista de beneficios profesionales *\/\n .benefit-item {\n display: flex;\n gap: 1.5rem;\n background: #ffffff;\n border: 1px solid #ebecf0;\n border-radius: 1rem;\n padding: 2rem;\n margin-bottom: 1.5rem;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n .benefit-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n border-color: #d1d5db;\n }\n\n .icon-box {\n flex-shrink: 0;\n width: 3.5rem;\n height: 3.5rem;\n background-color: var(--color-bg-icon);\n border-radius: 0.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n }\n\n .content-box h3 {\n font-size: 1.5em;\n font-weight: 700;\n margin: 0 0 0.5rem 0;\n }\n\n .content-box p {\n color: var(--color-text-sub);\n margin: 0;\n font-size: 1em;\n line-height: 1.5;\n }\n\n<\/style>\n\n<div class=\"value-card\">\n <span class=\"label-top\">04 \u2014 VALOR PROFESIONAL<\/span>\n <h2>Beneficios profesionales de dominar Jira<\/h2>\n <p class=\"intro-sub\">Este es el n\u00facleo del asunto: \u00bfpor qu\u00e9 deber\u00edas invertir tiempo en aprender esta herramienta?<\/p>\n\n <div class=\"benefit-item\">\n <div class=\"icon-box\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Visibilidad total<\/h3>\n <p>Sabes exactamente qui\u00e9n est\u00e1 haciendo qu\u00e9, cu\u00e1l es el estado de cada tarea y cu\u00e1ndo se estima su finalizaci\u00f3n. No m\u00e1s preguntar '\u00bfc\u00f3mo va eso?'.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"icon-box\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Decisiones basadas en datos<\/h3>\n <p>Los reportes de Jira (Burndown charts, diagramas de flujo acumulado, velocity charts) te permiten predecir entregas con precisi\u00f3n y detectar cuellos de botella antes de que se conviertan en problemas.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"icon-box\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Colaboraci\u00f3n sin fricci\u00f3n<\/h3>\n <p>Centraliza toda la comunicaci\u00f3n en un solo lugar. Cada tarea tiene su propio hilo de conversaci\u00f3n, adjuntos y contexto. Menos reuniones de estatus, m\u00e1s trabajo real.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"icon-box bg-purple-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Escalabilidad ilimitada<\/h3>\n <p>Funciona igual de bien para una startup de 3 personas que para una corporaci\u00f3n de 3,000. La estructura se adapta al crecimiento del equipo sin perder control.<\/p>\n <\/div>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a01063 e-flex e-con-boxed e-con e-parent\" data-id=\"7a01063\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa6060 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5fa6060\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 SIGUES TENIENDO EL CONTROL DEL TAMA\u00d1O AQU\u00cd *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .career-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n }\n\n .header-content {\n padding: 3rem 3rem 1.5rem 3rem;\n }\n\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n }\n\n \/* Imagen Principal *\/\n .image-container {\n width: 100%;\n background-color: #0d1b3e; \/* Fondo oscuro que combina con la imagen *\/\n }\n\n .image-container img {\n width: 80%;\n height: auto;\n display: block;\n }\n\n \/* Texto de Mercado *\/\n .market-text {\n padding: 2.5rem 3rem;\n font-size: 1.15em;\n color: var(--color-text-sub);\n line-height: 1.7;\n }\n\n .market-text strong {\n color: var(--color-text-main);\n }\n\n \/* Grid de Roles *\/\n .roles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n padding: 0 3rem 4rem 3rem;\n }\n\n .role-box {\n padding: 2rem 1rem;\n border-radius: 1rem;\n background: #ffffff;\n border: 1px solid #ebecf0;\n text-align: center;\n transition: all 0.2s ease;\n }\n\n .role-box:hover {\n border-color: var(--color-primary);\n transform: translateY(-3px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n\n .role-icon {\n margin-bottom: 1rem;\n color: var(--color-primary);\n display: flex;\n justify-content: center;\n }\n\n .role-name {\n font-weight: 600;\n font-size: 0.95em;\n color: var(--color-text-main);\n }\n\n<\/style>\n\n<div class=\"career-card\">\n <div class=\"header-content\">\n <span class=\"label-top\">05 \u2014 TU CARRERA<\/span>\n <h2>Jira en el curr\u00edculum: un diferenciador real<\/h2>\n <\/div>\n\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69e884ef00544e9447216d01\/4949dcc6a_generated_5cef32d0.png\">\n <\/div>\n\n <div class=\"market-text\">\n \"Experiencia con Jira\" aparece como <strong>requisito excluyente<\/strong> en miles de vacantes a nivel global. No es una habilidad opcional \u2014 es una expectativa del mercado para roles como:\n <\/div>\n\n <div class=\"roles-grid\">\n \n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <\/div>\n <span class=\"role-name\">Project Manager<\/span>\n <\/div>\n\n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n <\/div>\n <span class=\"role-name\">Product Owner<\/span>\n <\/div>\n\n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg>\n <\/div>\n <span class=\"role-name\">Desarrollador<\/span>\n <\/div>\n\n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\n <\/div>\n <span class=\"role-name\">QA \/ Testing<\/span>\n <\/div>\n\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067cfd1 e-flex e-con-boxed e-con e-parent\" data-id=\"067cfd1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1671cd9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1671cd9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O GENERAL *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-number-bg: #ebf5ff;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .guide-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 4rem 3rem;\n }\n\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n }\n\n .intro-text {\n font-size: 1.2em;\n color: var(--color-text-sub);\n margin-top: 1rem;\n margin-bottom: 3.5rem;\n }\n\n \/* Contenedor de la lista *\/\n .steps-container {\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .step-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n }\n\n \/* C\u00edrculo con n\u00famero *\/\n .step-number {\n flex-shrink: 0;\n width: 3.2rem;\n height: 3.2rem;\n background-color: var(--color-number-bg);\n color: var(--color-primary);\n border-radius: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.1em;\n }\n\n \/* Contenido del paso *\/\n .step-content h3 {\n font-size: 1.4em;\n font-weight: 700;\n margin: 0 0 0.5rem 0;\n color: var(--color-text-main);\n }\n\n .step-content p {\n color: var(--color-text-sub);\n margin: 0;\n font-size: 1.05em;\n line-height: 1.5;\n }\n\n \/* L\u00ednea divisoria suave entre pasos opcional *\/\n .step-item:not(:last-child) {\n border-bottom: 1px solid #f4f5f7;\n padding-bottom: 2.5rem;\n }\n\n<\/style>\n\n<div class=\"guide-card\">\n <span class=\"label-top\">06 \u2014 GU\u00cdA PR\u00c1CTICA<\/span>\n <h2>Curva de aprendizaje y consejos para empezar<\/h2>\n <p class=\"intro-text\">Seamos honestos: Jira puede ser abrumador al principio. Pero con el enfoque correcto, puedes dominarlo en semanas.<\/p>\n\n <div class=\"steps-container\">\n \n <div class=\"step-item\">\n <div class=\"step-number\">01<\/div>\n <div class=\"step-content\">\n <h3>Empieza con Team-Managed<\/h3>\n <p>Los proyectos Team-Managed son m\u00e1s simples e intuitivos. Perfectos para familiarizarte con la interfaz sin sentirte abrumado.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">02<\/div>\n <div class=\"step-content\">\n <h3>Entiende la jerarqu\u00eda<\/h3>\n <p>Domina la estructura: \u00c9pica \u2192 Historia \/ Tarea \u2192 Sub-tarea. Esta jerarqu\u00eda es la columna vertebral de cualquier proyecto en Jira.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">03<\/div>\n <div class=\"step-content\">\n <h3>Personaliza tu tablero<\/h3>\n <p>Aprende a crear columnas, filtros y vistas personalizadas. Un tablero bien configurado es la diferencia entre productividad y frustraci\u00f3n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">04<\/div>\n <div class=\"step-content\">\n <h3>Explora los reportes<\/h3>\n <p>Genera tu primer Burndown chart o diagrama de velocidad. Entender los datos es lo que convierte un usuario b\u00e1sico en un experto.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\" >\n <div class=\"step-number\">05<\/div>\n <div class=\"step-content\">\n <h3>Conecta con tu ecosistema<\/h3>\n <p>Integra Jira con Slack, Confluence o tu repositorio de c\u00f3digo. El verdadero poder est\u00e1 en la automatizaci\u00f3n y la conexi\u00f3n entre herramientas.<\/p>\n <\/div>\n<\/div>\n\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895a998 e-con-full e-flex e-con e-parent\" data-id=\"895a998\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bdf93d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2bdf93d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n --base-font-size: 14px; \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .main-container {\n max-width: 900px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .card-base {\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 4rem 3rem;\n }\n\n .label-top {\n color: var(--color-primary);\n font-weight: 300;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0 0 2rem 0;\n letter-spacing: -0.02em;\n }\n\n \/* --- ESTILOS REFLEXI\u00d3N --- *\/\n .reflection-box {\n background-color: #f0f7ff;\n border-radius: 1.2rem;\n padding: 3rem;\n position: relative;\n }\n\n .sparkle-icon {\n color: var(--color-primary);\n margin-bottom: 1.5rem;\n }\n\n .reflection-body {\n font-size: 1.15em;\n color: #444;\n margin-bottom: 2rem;\n }\n\n .reflection-body p { margin-bottom: 1.5rem; }\n\n .quote-container {\n border-left: 4px solid var(--color-primary);\n padding: 0.5rem 0 0.5rem 1.5rem;\n margin-top: 3rem;\n }\n\n .quote-text {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--color-text-main);\n font-style: italic;\n line-height: 1.3;\n }\n\n \/* --- ESTILOS CURSOS --- *\/\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n margin-bottom: 3rem;\n }\n\n .course-card {\n border-radius: 1.2rem;\n padding: 2rem;\n text-align: left;\n position: relative;\n border: 1px solid rgba(0,0,0,0.03);\n }\n\n .bg-pink { background-color: #fff0f3; }\n .bg-blue { background-color: #f0f7ff; }\n .bg-purple { background-color: #f5f3ff; }\n\n .tag {\n font-size: 0.7em;\n font-weight: 700;\n padding: 0.3rem 0.8rem;\n border-radius: 2rem;\n display: inline-block;\n margin-bottom: 1rem;\n }\n\n .tag-pink { background: #ffe0e6; color: #ff4d6d; }\n .tag-blue { background: #deebff; color: #0052cc; }\n .tag-purple { background: #ebe6ff; color: #6554c0; }\n\n .course-card h3 {\n font-size: 1.3em;\n margin: 0 0 0.8rem 0;\n color: var(--color-text-main);\n }\n\n .course-card p {\n font-size: 0.95em;\n color: var(--color-text-sub);\n margin-bottom: 1.5rem;\n }\n\n .course-meta {\n font-size: 0.8em;\n color: var(--color-text-sub);\n display: flex;\n gap: 1rem;\n }\n\n .btn-dark {\n background-color: #172b4d;\n color: white;\n padding: 1rem 2rem;\n border-radius: 0.6rem;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0 auto;\n }\n\n .text-center { text-align: center; }\n\n strong { color: var(--color-text-main); }\n<\/style>\n\n<div class=\"main-container\">\n \n <div class=\"card-base\">\n <span class=\"label-top\">07 \u2014 REFLEXI\u00d3N FINAL<\/span>\n <h2>El futuro del trabajo es organizado<\/h2>\n\n <div class=\"reflection-box\">\n <div class=\"sparkle-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.91 5.81L21 9l-5.81 1.91L12 21l-1.91-5.81L3 15l5.81-1.91L12 3z\"\/><\/svg>\n <\/div>\n <div class=\"reflection-body\">\n <p>La transformaci\u00f3n digital no es solo sobre tecnolog\u00eda \u2014 es sobre c\u00f3mo organizamos el trabajo humano. En un mundo donde los equipos son cada vez m\u00e1s remotos, Jira se convierte en el <strong>sistema nervioso central<\/strong> de la organizaci\u00f3n.<\/p>\n <p>Dominar Jira es adoptar una <strong>mentalidad de eficiencia<\/strong>: priorizar con criterio, comunicar con claridad y mejorar continuamente.<\/p>\n <\/div>\n <div class=\"quote-container\">\n <div class=\"quote-text\">\"El que domina sus herramientas no trabaja m\u00e1s \u2014 trabaja mejor.\"<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-base text-center\">\n <span class=\"label-top\">Formaci\u00f3n oficial<\/span>\n <h2 style=\"font-size: 2.2em;\">Explora nuestros cursos de Jira<\/h2>\n <p style=\"color: var(--color-text-sub); max-width: 500px; margin: 0 auto;\">De la teor\u00eda a la pr\u00e1ctica. Convi\u00e9rtete en el experto que todo equipo necesita.<\/p>\n\n <div class=\"courses-grid\">\n <div class=\"course-card bg-pink\">\n <span class=\"tag tag-pink\">Principiante<\/span>\n <h3>Jira desde Cero<\/h3>\n <p>Aprende los fundamentos: tableros, tareas, sprints y flujos.<\/p>\n <div class=\"course-meta\">\ud83d\udd52 15h <\/div>\n <\/div>\n\n <div class=\"course-card bg-blue\">\n <span class=\"tag tag-blue\">Intermedio<\/span>\n <h3>Scrum & Kanban<\/h3>\n <p>Domina metodolog\u00edas \u00e1giles aplicadas directamente en Jira.<\/p>\n <div class=\"course-meta\">\ud83d\udd52 10-20h <\/div>\n <\/div>\n\n <div class=\"course-card bg-purple\">\n <span class=\"tag tag-purple\">Avanzado<\/span>\n <h3>Metodolog\u00edas \u00c1giles<\/h3>\n <p>Flujos avanzados e integraciones con el ecosistema Atlassian.<\/p>\n <div class=\"course-meta\">\ud83d\udd52 16h <\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/kronoslearning.es\/index.php\/catalogo-cursos-tecnologia\/\" class=\"btn-dark\">\n Ver todos los cursos\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <\/a>\n <\/div>\n\n<\/div>\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>Jira – Gu\u00eda Completa \u00bfPor qu\u00e9 es importante aprender Jira? En un mercado laboral cada vez m\u00e1s competitivo, dominar herramientas […]<\/p>\n","protected":false},"author":1,"featured_media":603,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":25,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts\/544\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts\/544\/revisions\/612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/media\/603"}],"wp:attachment":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/categories?post=544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/tags?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Jira - Gu\u00eda Completa<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n --base-font-size: 14px; \n --color-caos: #f97316;\n --color-orden: #3b82f6;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.5;\n background-color: #f8fafc;\n }\n\n .main-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n border-radius: 1rem;\n }\n\n .image-banner img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n }\n\n .benefit-card {\n padding: 1.5rem;\n border-radius: 1rem;\n border: 1px solid;\n transition: transform 0.2s ease;\n font-size: 0.95em; \n }\n\n .benefit-card:hover {\n transform: translateY(-2px);\n }\n\n .benefit-sin {\n background-color: #fef2f2;\n border-color: #fee2e2;\n }\n\n .benefit-con {\n background-color: #eff6ff;\n border-color: #dbeafe;\n }\n\n .key-point {\n margin-top: 1.5rem;\n margin-bottom: 0.5rem;\n padding: 1rem;\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 0.75rem;\n font-size: 1.1em;\n color: #4b5563;\n }\n\n \/* Estilo para la nueva secci\u00f3n de importancia *\/\n .importance-section {\n background-color: #f1f5f9;\n border-left: 4px solid #3b82f6;\n padding: 2rem;\n margin: 2rem 2.5rem;\n border-radius: 0 1rem 1rem 0;\n }\n\n h1 { font-size: 2.5em; }\n .intro-text { font-size: 1.1em; }\n .label-top { font-size: 0.75em; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"main-card\">\n \n <div class=\"p-10 pb-0\">\n <h2 class=\" font-bold text-slate-800 mb-4\">\u00bfPor qu\u00e9 es importante aprender Jira?<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n En un mercado laboral cada vez m\u00e1s competitivo, dominar herramientas de gesti\u00f3n \u00e1gil no es un \"plus\", es una <strong>necesidad<\/strong>. Jira es el est\u00e1ndar de la industria; aprenderlo te permite coordinar proyectos complejos, mejorar la transparencia de tu equipo y asegurar que los objetivos se cumplan a tiempo. No se trata solo de mover tarjetas en un tablero, sino de adoptar una mentalidad de eficiencia y mejora continua.\n <\/p>\n <p class=\"text-blue-600 font-semibold italic\">\n A continuaci\u00f3n, te lo explicamos todo en este blog...\n <\/p>\n <hr class=\"mt-8 border-slate-100\">\n <\/div>\n\n <div class=\"p-10 pb-6\">\n <span class=\"label-top text-blue-600 font-bold tracking-[0.2em] uppercase\">01 \u2014 INTRODUCCI\u00d3N<\/span>\n <h1 class=\"font-bold text-slate-900 mt-3 tracking-tight\">El caos vs. el orden<\/h1>\n <\/div>\n\n <div class=\"image-banner\">\n <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69e884ef00544e9447216d01\/57d39a4b1_generated_f048b46a.png\" alt=\"Caos vs Orden\">\n <\/div>\n\n <div class=\"p-10\">\n <p class=\"intro-text text-slate-500 leading-relaxed font-light mb-8\">\n Imagina este escenario: tu equipo gestiona tareas en correos electr\u00f3nicos, actualizaciones de estado por Slack, fechas de entrega en hojas de Excel y prioridades escritas en notas adhesivas. <strong class=\"text-slate-800 font-bold\">\u00bfTe suena familiar?<\/strong> Este es el d\u00eda a d\u00eda de miles de equipos que a\u00fan no han dado el salto hacia una gesti\u00f3n organizada.\n <\/p>\n\n <div class=\"grid md:grid-cols-2 gap-6 mt-10\">\n <div class=\"benefit-card benefit-sin\">\n <div class=\"flex items-center gap-2 mb-4 font-bold text-red-700 text-xl\">\n <span>\u26a0\ufe0f<\/span> Sin Jira\n <\/div>\n <ul class=\"space-y-3 text-slate-700\">\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Informaci\u00f3n dispersa en 5+ herramientas<\/li>\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Reuniones innecesarias de \"\u00bfc\u00f3mo va esto?\"<\/li>\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Tareas duplicadas o perdidas<\/li>\n <li><span class=\"text-red-400 mr-2\">\u2022<\/span> Cero visibilidad sobre el progreso real<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"benefit-card benefit-con\">\n <div class=\"flex items-center gap-2 mb-4 font-bold text-blue-700 text-xl\">\n <span class=\"text-blue-500\">\u2713<\/span> Con Jira\n <\/div>\n <ul class=\"space-y-3 text-slate-700\">\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Todo centralizado en un solo lugar<\/li>\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Cada tarea tiene due\u00f1o y fecha l\u00edmite<\/li>\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Dashboards en tiempo real<\/li>\n <li><span class=\"text-blue-400 mr-2\">\u2022<\/span> Decisiones basadas en datos<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"key-point shadow-sm\">\n <p>\n <span class=\"text-blue-600 font-bold\">\ud83d\udca1 Punto clave:<\/span><br>\n Jira no es solo para programadores. Es para <strong>cualquier equipo<\/strong> que necesite visibilidad sobre su trabajo: marketing, recursos humanos, operaciones, dise\u00f1o y m\u00e1s.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f975548 e-flex e-con-boxed e-con e-parent\" data-id=\"f975548\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3baba07 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3baba07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O GENERAL DE FUENTE *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6; \/* Azul Jira *\/\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-bg-sub: #f4f5f7;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n \/* Contenedor principal de la tarjeta *\/\n .context-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 10% 8% 8% 8%; \/* Padding proporcional *\/\n }\n\n \/* Tipograf\u00eda *\/\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n line-height: 1.1;\n margin-top: 0;\n margin-bottom: 1.5rem;\n letter-spacing: -0.03em;\n }\n\n .intro-paragraph {\n font-size: 1.15em;\n color: var(--color-text-sub);\n font-weight: 400;\n margin-bottom: 3rem;\n }\n\n \/* ESTILOS DE LA L\u00cdNEA DE TIEMPO (TIMELINE) *\/\n .timeline-container {\n position: relative;\n padding-left: 2.5rem; \/* Espacio para el icono y la l\u00ednea *\/\n }\n\n \/* La l\u00ednea vertical central *\/\n .timeline-line {\n position: absolute;\n left: 0.9rem; \/* Centrado con el icono *\/\n top: 0;\n bottom: 0;\n width: 2px;\n background-color: #dfe1e6; \/* Color de l\u00ednea suave *\/\n z-index: 1;\n }\n\n \/* Cada elemento de la l\u00ednea de tiempo *\/\n .timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n z-index: 2; \/* Por encima de la l\u00ednea *\/\n }\n\n .timeline-item:last-child {\n margin-bottom: 0;\n }\n\n \/* El c\u00edrculo del icono *\/\n .timeline-icon-circle {\n position: absolute;\n left: -2.5rem; \/* Alineado al padding del contenedor *\/\n top: 0.2em; \/* Alineado con la primera l\u00ednea de texto *\/\n width: 1.8rem;\n height: 1.8rem;\n border-radius: 50%;\n background-color: #ebf5ff; \/* Azul muy p\u00e1lido *\/\n border: 2px solid #cce4ff; \/* Borde azul *\/\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n font-size: 0.9em;\n }\n\n \/* Contenido de texto del timeline *\/\n .timeline-content {\n padding-left: 0.5rem;\n }\n\n .timeline-date {\n font-size: 0.75em;\n font-weight: 700;\n color: var(--color-primary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 0.2rem;\n display: block;\n }\n\n .timeline-title {\n font-size: 1.5em;\n font-weight: 700;\n margin-top: 0;\n margin-bottom: 0.4rem;\n letter-spacing: -0.02em;\n }\n\n .timeline-description {\n font-size: 1em;\n color: var(--color-text-sub);\n margin: 0;\n }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Jira - Secci\u00f3n 02 Contexto<\/title>\n<\/head>\n<body>\n\n <div class=\"context-card\">\n <span class=\"label-top\">02 \u2014 CONTEXTO<\/span>\n <h2>\u00bfQu\u00e9 es Jira y por qu\u00e9 domina el mercado?<\/h2>\n \n <p class=\"intro-paragraph\">\n Jira naci\u00f3 como una simple herramienta de <em>bug tracking<\/em> en 2002, pero su evoluci\u00f3n ha sido extraordinaria. Hoy es la plataforma de gesti\u00f3n de proyectos m\u00e1s utilizada en el mundo, y su ecosistema sigue creciendo.\n <\/p>\n\n <div class=\"timeline-container\">\n <div class=\"timeline-line\"><\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.11 2.697L2.697 4.11 4.29 5.703A6.953 6.953 0 0 0 3 10c0 1.513.483 2.91 1.293 4.053l-1.59 1.59 1.414 1.414 1.59-1.59A6.953 6.953 0 0 0 10 16a6.953 6.953 0 0 0 4.053-1.293l1.59 1.59 1.414-1.414-1.59-1.59A6.953 6.953 0 0 0 16 10c0-1.513-.483-2.91-1.293-4.053l1.59-1.59-1.414-1.414-1.59 1.59A6.953 6.953 0 0 0 10 3a6.953 6.953 0 0 0-4.053 1.293L4.11 2.697zM5 10a5 5 0 1 1 10 0 5 5 0 0 1-10 0z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">2002<\/span>\n <h3 class=\"timeline-title\">Nace Jira<\/h3>\n <p class=\"timeline-description\">Creado por Atlassian como herramienta de rastreo de bugs (errores de software).<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 4.514V11.5l7 3 7-3V4.514L8 7.514 1 4.514zm7-3.486L1 4.028v7.028l7 3 7-3V4.028L8 1.028z\"\/><path d=\"M1 8.514L8 11.514l7-3v1.028l-7 3-7-3V8.514z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">2010S<\/span>\n <h3 class=\"timeline-title\">Evoluci\u00f3n \u00e1gil<\/h3>\n <p class=\"timeline-description\">Se transforma en una plataforma completa de gesti\u00f3n de proyectos con Scrum y Kanban.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">2020S<\/span>\n <h3 class=\"timeline-title\">Est\u00e1ndar de la industria<\/h3>\n <p class=\"timeline-description\">Adoptado por la mayor\u00eda de empresas del Fortune 500 como herramienta central de trabajo.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item\">\n <div class=\"timeline-icon-circle\">\n <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 1a6.995 6.995 0 0 1 6.938 6H9.062A7.004 7.004 0 0 1 8 1zM1.062 8H6.938a7.004 7.004 0 0 1 1.062 6.938A6.995 6.995 0 0 1 1.062 8zm8 6.938A7.004 7.004 0 0 1 9.062 9h5.876a6.995 6.995 0 0 1-6.938 5.938zM14.938 7H9.062A7.004 7.004 0 0 1 8 1.062 6.995 6.995 0 0 1 14.938 7z\"\/><\/svg>\n <\/div>\n <div class=\"timeline-content\">\n <span class=\"timeline-date\">HOY<\/span>\n <h3 class=\"timeline-title\">Ecosistema completo<\/h3>\n <p class=\"timeline-description\">Integraci\u00f3n con Confluence, Bitbucket, Slack y miles de apps del marketplace.<\/p>\n <\/div>\n <\/div>\n\n <\/div> <\/div> <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03483b6 e-flex e-con-boxed e-con e-parent\" data-id=\"03483b6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95bce11 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"95bce11\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n --base-font-size: 14px; \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-scrum: #0052cc;\n --color-kanban: #6554c0;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.5;\n }\n\n .methodology-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n }\n\n .header-content { padding: 3rem 3rem 1.5rem 3rem; }\n \n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 { font-size: 2.8em; font-weight: 700; margin: 0; letter-spacing: -0.02em; }\n\n .image-containert img { width: 100%; height: 90%}\n\n .description-text {\n padding: 2.5rem 3rem 1.5rem 3rem;\n font-size: 1.1em;\n color: var(--color-text-sub);\n }\n\n \/* GRID DE TARJETAS DETALLADAS *\/\n .method-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 1.5rem;\n padding: 0 3rem 3rem 3rem;\n }\n\n .method-box {\n padding: 2.5rem;\n border-radius: 1.2rem;\n background: #ffffff;\n border: 1px solid #ebecf0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n }\n\n .icon-header {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n }\n\n .bg-scrum { background-color: #deebff; color: var(--color-scrum); }\n .bg-kanban { background-color: #f3e6ff; color: var(--color-kanban); }\n\n .method-title { font-size: 2em; font-weight: 700; margin-bottom: 0.5rem; display: block; }\n \n .method-main-desc { color: var(--color-text-sub); margin-bottom: 2rem; display: block; }\n\n \/* LISTA DE CARACTER\u00cdSTICAS *\/\n .feature-list { list-style: none; padding: 0; margin: 0; }\n \n .feature-item {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.2rem;\n align-items: flex-start;\n }\n\n .arrow-icon {\n margin-top: 0.2rem;\n flex-shrink: 0;\n }\n\n .feature-text b { display: block; color: var(--color-text-main); font-size: 1.05em; }\n .feature-text span { color: var(--color-text-sub); font-size: 0.9em; }\n\n<\/style>\n\n<div class=\"methodology-card\">\n <div class=\"header-content\">\n <span class=\"label-top\">03 \u2014 METODOLOG\u00cdAS<\/span>\n <h2>La Agilidad como motor: Scrum y Kanban<\/h2>\n <\/div>\n\n <div class=\"image-containert\">\n <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69e884ef00544e9447216d01\/1356e7fc2_generated_a5ee3bd9.png\">\n <\/div>\n\n <div class=\"description-text\">\n Aprender Jira es, en esencia, aprender a trabajar bajo <strong>metodolog\u00edas \u00e1giles<\/strong>. Estas dos son las m\u00e1s populares y Jira las soporta nativamente:\n <\/div>\n\n <div class=\"method-grid\">\n <div class=\"method-box\">\n <div class=\"icon-header bg-scrum\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 2v6h6M2.66 15.57a10 10 0 1 0 .57-8.38\"\/><\/svg>\n <\/div>\n <span class=\"method-title\">Scrum<\/span>\n <span class=\"method-main-desc\">Trabajo organizado en ciclos cortos llamados <b>Sprints<\/b> (usualmente de 2 semanas).<\/span>\n \n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Sprints<\/b><span>Ciclos de trabajo con objetivos claros y medibles<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Backlog<\/b><span>Lista priorizada de todo lo que hay que hacer<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Puntos de Historia<\/b><span>Estimaci\u00f3n del esfuerzo relativo de cada tarea<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-scrum)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Retrospectivas<\/b><span>Reuniones de mejora continua al final de cada Sprint<\/span><\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"method-box\">\n <div class=\"icon-header bg-kanban\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n <\/div>\n <span class=\"method-title\">Kanban<\/span>\n <span class=\"method-main-desc\">Flujo continuo de trabajo sin sprints fijos, enfocado en la <b>visualizaci\u00f3n<\/b>.<\/span>\n \n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Tablero visual<\/b><span>Columnas que representan cada etapa del proceso<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>L\u00edmites WIP<\/b><span>Controla cu\u00e1ntas tareas pueden estar en progreso<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Flujo continuo<\/b><span>Las tareas se mueven al completarse, sin esperar<\/span><\/div>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"arrow-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--color-kanban)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <div class=\"feature-text\"><b>Lead Time<\/b><span>Mide el tiempo desde que llega la tarea hasta que sale<\/span><\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5197c9 e-flex e-con-boxed e-con e-parent\" data-id=\"e5197c9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a4fa7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a6a4fa7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O GENERAL *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-bg-icon: #ebf5ff;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .value-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 4rem 3rem;\n }\n\n \/* Cabecera de secci\u00f3n *\/\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n }\n\n .intro-sub {\n font-size: 1.2em;\n color: var(--color-text-sub);\n margin-top: 1rem;\n margin-bottom: 3rem;\n max-width: 700px;\n }\n\n \/* Lista de beneficios profesionales *\/\n .benefit-item {\n display: flex;\n gap: 1.5rem;\n background: #ffffff;\n border: 1px solid #ebecf0;\n border-radius: 1rem;\n padding: 2rem;\n margin-bottom: 1.5rem;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n .benefit-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n border-color: #d1d5db;\n }\n\n .icon-box {\n flex-shrink: 0;\n width: 3.5rem;\n height: 3.5rem;\n background-color: var(--color-bg-icon);\n border-radius: 0.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n }\n\n .content-box h3 {\n font-size: 1.5em;\n font-weight: 700;\n margin: 0 0 0.5rem 0;\n }\n\n .content-box p {\n color: var(--color-text-sub);\n margin: 0;\n font-size: 1em;\n line-height: 1.5;\n }\n\n<\/style>\n\n<div class=\"value-card\">\n <span class=\"label-top\">04 \u2014 VALOR PROFESIONAL<\/span>\n <h2>Beneficios profesionales de dominar Jira<\/h2>\n <p class=\"intro-sub\">Este es el n\u00facleo del asunto: \u00bfpor qu\u00e9 deber\u00edas invertir tiempo en aprender esta herramienta?<\/p>\n\n <div class=\"benefit-item\">\n <div class=\"icon-box\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Visibilidad total<\/h3>\n <p>Sabes exactamente qui\u00e9n est\u00e1 haciendo qu\u00e9, cu\u00e1l es el estado de cada tarea y cu\u00e1ndo se estima su finalizaci\u00f3n. No m\u00e1s preguntar '\u00bfc\u00f3mo va eso?'.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"icon-box\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Decisiones basadas en datos<\/h3>\n <p>Los reportes de Jira (Burndown charts, diagramas de flujo acumulado, velocity charts) te permiten predecir entregas con precisi\u00f3n y detectar cuellos de botella antes de que se conviertan en problemas.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"icon-box\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Colaboraci\u00f3n sin fricci\u00f3n<\/h3>\n <p>Centraliza toda la comunicaci\u00f3n en un solo lugar. Cada tarea tiene su propio hilo de conversaci\u00f3n, adjuntos y contexto. Menos reuniones de estatus, m\u00e1s trabajo real.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"icon-box bg-purple-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n <\/div>\n <div class=\"content-box\">\n <h3>Escalabilidad ilimitada<\/h3>\n <p>Funciona igual de bien para una startup de 3 personas que para una corporaci\u00f3n de 3,000. La estructura se adapta al crecimiento del equipo sin perder control.<\/p>\n <\/div>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a01063 e-flex e-con-boxed e-con e-parent\" data-id=\"7a01063\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa6060 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5fa6060\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 SIGUES TENIENDO EL CONTROL DEL TAMA\u00d1O AQU\u00cd *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .career-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n }\n\n .header-content {\n padding: 3rem 3rem 1.5rem 3rem;\n }\n\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n }\n\n \/* Imagen Principal *\/\n .image-container {\n width: 100%;\n background-color: #0d1b3e; \/* Fondo oscuro que combina con la imagen *\/\n }\n\n .image-container img {\n width: 80%;\n height: auto;\n display: block;\n }\n\n \/* Texto de Mercado *\/\n .market-text {\n padding: 2.5rem 3rem;\n font-size: 1.15em;\n color: var(--color-text-sub);\n line-height: 1.7;\n }\n\n .market-text strong {\n color: var(--color-text-main);\n }\n\n \/* Grid de Roles *\/\n .roles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n padding: 0 3rem 4rem 3rem;\n }\n\n .role-box {\n padding: 2rem 1rem;\n border-radius: 1rem;\n background: #ffffff;\n border: 1px solid #ebecf0;\n text-align: center;\n transition: all 0.2s ease;\n }\n\n .role-box:hover {\n border-color: var(--color-primary);\n transform: translateY(-3px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n\n .role-icon {\n margin-bottom: 1rem;\n color: var(--color-primary);\n display: flex;\n justify-content: center;\n }\n\n .role-name {\n font-weight: 600;\n font-size: 0.95em;\n color: var(--color-text-main);\n }\n\n<\/style>\n\n<div class=\"career-card\">\n <div class=\"header-content\">\n <span class=\"label-top\">05 \u2014 TU CARRERA<\/span>\n <h2>Jira en el curr\u00edculum: un diferenciador real<\/h2>\n <\/div>\n\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69e884ef00544e9447216d01\/4949dcc6a_generated_5cef32d0.png\">\n <\/div>\n\n <div class=\"market-text\">\n \"Experiencia con Jira\" aparece como <strong>requisito excluyente<\/strong> en miles de vacantes a nivel global. No es una habilidad opcional \u2014 es una expectativa del mercado para roles como:\n <\/div>\n\n <div class=\"roles-grid\">\n \n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <\/div>\n <span class=\"role-name\">Project Manager<\/span>\n <\/div>\n\n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n <\/div>\n <span class=\"role-name\">Product Owner<\/span>\n <\/div>\n\n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg>\n <\/div>\n <span class=\"role-name\">Desarrollador<\/span>\n <\/div>\n\n <div class=\"role-box\">\n <div class=\"role-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\n <\/div>\n <span class=\"role-name\">QA \/ Testing<\/span>\n <\/div>\n\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067cfd1 e-flex e-con-boxed e-con e-parent\" data-id=\"067cfd1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1671cd9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1671cd9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O GENERAL *\/\n --base-font-size: 14px; \n \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n --color-number-bg: #ebf5ff;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .guide-card {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 4rem 3rem;\n }\n\n .label-top {\n color: var(--color-primary);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n }\n\n .intro-text {\n font-size: 1.2em;\n color: var(--color-text-sub);\n margin-top: 1rem;\n margin-bottom: 3.5rem;\n }\n\n \/* Contenedor de la lista *\/\n .steps-container {\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .step-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n }\n\n \/* C\u00edrculo con n\u00famero *\/\n .step-number {\n flex-shrink: 0;\n width: 3.2rem;\n height: 3.2rem;\n background-color: var(--color-number-bg);\n color: var(--color-primary);\n border-radius: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.1em;\n }\n\n \/* Contenido del paso *\/\n .step-content h3 {\n font-size: 1.4em;\n font-weight: 700;\n margin: 0 0 0.5rem 0;\n color: var(--color-text-main);\n }\n\n .step-content p {\n color: var(--color-text-sub);\n margin: 0;\n font-size: 1.05em;\n line-height: 1.5;\n }\n\n \/* L\u00ednea divisoria suave entre pasos opcional *\/\n .step-item:not(:last-child) {\n border-bottom: 1px solid #f4f5f7;\n padding-bottom: 2.5rem;\n }\n\n<\/style>\n\n<div class=\"guide-card\">\n <span class=\"label-top\">06 \u2014 GU\u00cdA PR\u00c1CTICA<\/span>\n <h2>Curva de aprendizaje y consejos para empezar<\/h2>\n <p class=\"intro-text\">Seamos honestos: Jira puede ser abrumador al principio. Pero con el enfoque correcto, puedes dominarlo en semanas.<\/p>\n\n <div class=\"steps-container\">\n \n <div class=\"step-item\">\n <div class=\"step-number\">01<\/div>\n <div class=\"step-content\">\n <h3>Empieza con Team-Managed<\/h3>\n <p>Los proyectos Team-Managed son m\u00e1s simples e intuitivos. Perfectos para familiarizarte con la interfaz sin sentirte abrumado.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">02<\/div>\n <div class=\"step-content\">\n <h3>Entiende la jerarqu\u00eda<\/h3>\n <p>Domina la estructura: \u00c9pica \u2192 Historia \/ Tarea \u2192 Sub-tarea. Esta jerarqu\u00eda es la columna vertebral de cualquier proyecto en Jira.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">03<\/div>\n <div class=\"step-content\">\n <h3>Personaliza tu tablero<\/h3>\n <p>Aprende a crear columnas, filtros y vistas personalizadas. Un tablero bien configurado es la diferencia entre productividad y frustraci\u00f3n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">04<\/div>\n <div class=\"step-content\">\n <h3>Explora los reportes<\/h3>\n <p>Genera tu primer Burndown chart o diagrama de velocidad. Entender los datos es lo que convierte un usuario b\u00e1sico en un experto.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\" >\n <div class=\"step-number\">05<\/div>\n <div class=\"step-content\">\n <h3>Conecta con tu ecosistema<\/h3>\n <p>Integra Jira con Slack, Confluence o tu repositorio de c\u00f3digo. El verdadero poder est\u00e1 en la automatizaci\u00f3n y la conexi\u00f3n entre herramientas.<\/p>\n <\/div>\n<\/div>\n\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895a998 e-con-full e-flex e-con e-parent\" data-id=\"895a998\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bdf93d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2bdf93d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n\n :root {\n --base-font-size: 14px; \n --color-primary: #0747a6;\n --color-text-main: #172b4d;\n --color-text-sub: #6b778c;\n }\n\n body { \n font-family: 'Inter', sans-serif; \n font-size: var(--base-font-size);\n color: var(--color-text-main);\n background-color: #f3f4f6;\n padding: 3rem 1rem;\n margin: 0;\n line-height: 1.6;\n }\n\n .main-container {\n max-width: 900px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .card-base {\n background: white;\n border-radius: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n padding: 4rem 3rem;\n }\n\n .label-top {\n color: var(--color-primary);\n font-weight: 300;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: 0.75em;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n h2 {\n font-size: 2.8em;\n font-weight: 700;\n margin: 0 0 2rem 0;\n letter-spacing: -0.02em;\n }\n\n \/* --- ESTILOS REFLEXI\u00d3N --- *\/\n .reflection-box {\n background-color: #f0f7ff;\n border-radius: 1.2rem;\n padding: 3rem;\n position: relative;\n }\n\n .sparkle-icon {\n color: var(--color-primary);\n margin-bottom: 1.5rem;\n }\n\n .reflection-body {\n font-size: 1.15em;\n color: #444;\n margin-bottom: 2rem;\n }\n\n .reflection-body p { margin-bottom: 1.5rem; }\n\n .quote-container {\n border-left: 4px solid var(--color-primary);\n padding: 0.5rem 0 0.5rem 1.5rem;\n margin-top: 3rem;\n }\n\n .quote-text {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--color-text-main);\n font-style: italic;\n line-height: 1.3;\n }\n\n \/* --- ESTILOS CURSOS --- *\/\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n margin-bottom: 3rem;\n }\n\n .course-card {\n border-radius: 1.2rem;\n padding: 2rem;\n text-align: left;\n position: relative;\n border: 1px solid rgba(0,0,0,0.03);\n }\n\n .bg-pink { background-color: #fff0f3; }\n .bg-blue { background-color: #f0f7ff; }\n .bg-purple { background-color: #f5f3ff; }\n\n .tag {\n font-size: 0.7em;\n font-weight: 700;\n padding: 0.3rem 0.8rem;\n border-radius: 2rem;\n display: inline-block;\n margin-bottom: 1rem;\n }\n\n .tag-pink { background: #ffe0e6; color: #ff4d6d; }\n .tag-blue { background: #deebff; color: #0052cc; }\n .tag-purple { background: #ebe6ff; color: #6554c0; }\n\n .course-card h3 {\n font-size: 1.3em;\n margin: 0 0 0.8rem 0;\n color: var(--color-text-main);\n }\n\n .course-card p {\n font-size: 0.95em;\n color: var(--color-text-sub);\n margin-bottom: 1.5rem;\n }\n\n .course-meta {\n font-size: 0.8em;\n color: var(--color-text-sub);\n display: flex;\n gap: 1rem;\n }\n\n .btn-dark {\n background-color: #172b4d;\n color: white;\n padding: 1rem 2rem;\n border-radius: 0.6rem;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0 auto;\n }\n\n .text-center { text-align: center; }\n\n strong { color: var(--color-text-main); }\n<\/style>\n\n<div class=\"main-container\">\n \n <div class=\"card-base\">\n <span class=\"label-top\">07 \u2014 REFLEXI\u00d3N FINAL<\/span>\n <h2>El futuro del trabajo es organizado<\/h2>\n\n <div class=\"reflection-box\">\n <div class=\"sparkle-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.91 5.81L21 9l-5.81 1.91L12 21l-1.91-5.81L3 15l5.81-1.91L12 3z\"\/><\/svg>\n <\/div>\n <div class=\"reflection-body\">\n <p>La transformaci\u00f3n digital no es solo sobre tecnolog\u00eda \u2014 es sobre c\u00f3mo organizamos el trabajo humano. En un mundo donde los equipos son cada vez m\u00e1s remotos, Jira se convierte en el <strong>sistema nervioso central<\/strong> de la organizaci\u00f3n.<\/p>\n <p>Dominar Jira es adoptar una <strong>mentalidad de eficiencia<\/strong>: priorizar con criterio, comunicar con claridad y mejorar continuamente.<\/p>\n <\/div>\n <div class=\"quote-container\">\n <div class=\"quote-text\">\"El que domina sus herramientas no trabaja m\u00e1s \u2014 trabaja mejor.\"<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-base text-center\">\n <span class=\"label-top\">Formaci\u00f3n oficial<\/span>\n <h2 style=\"font-size: 2.2em;\">Explora nuestros cursos de Jira<\/h2>\n <p style=\"color: var(--color-text-sub); max-width: 500px; margin: 0 auto;\">De la teor\u00eda a la pr\u00e1ctica. Convi\u00e9rtete en el experto que todo equipo necesita.<\/p>\n\n <div class=\"courses-grid\">\n <div class=\"course-card bg-pink\">\n <span class=\"tag tag-pink\">Principiante<\/span>\n <h3>Jira desde Cero<\/h3>\n <p>Aprende los fundamentos: tableros, tareas, sprints y flujos.<\/p>\n <div class=\"course-meta\">\ud83d\udd52 15h <\/div>\n <\/div>\n\n <div class=\"course-card bg-blue\">\n <span class=\"tag tag-blue\">Intermedio<\/span>\n <h3>Scrum & Kanban<\/h3>\n <p>Domina metodolog\u00edas \u00e1giles aplicadas directamente en Jira.<\/p>\n <div class=\"course-meta\">\ud83d\udd52 10-20h <\/div>\n <\/div>\n\n <div class=\"course-card bg-purple\">\n <span class=\"tag tag-purple\">Avanzado<\/span>\n <h3>Metodolog\u00edas \u00c1giles<\/h3>\n <p>Flujos avanzados e integraciones con el ecosistema Atlassian.<\/p>\n <div class=\"course-meta\">\ud83d\udd52 16h <\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/kronoslearning.es\/index.php\/catalogo-cursos-tecnologia\/\" class=\"btn-dark\">\n Ver todos los cursos\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <\/a>\n <\/div>\n\n<\/div>\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>Jira – Gu\u00eda Completa \u00bfPor qu\u00e9 es importante aprender Jira? En un mercado laboral cada vez m\u00e1s competitivo, dominar herramientas […]<\/p>\n","protected":false},"author":1,"featured_media":603,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":25,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts\/544\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/posts\/544\/revisions\/612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/media\/603"}],"wp:attachment":[{"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/categories?post=544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kronoslearning.es\/index.php\/wp-json\/wp\/v2\/tags?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}