{"id":41,"date":"2026-08-27T09:41:30","date_gmt":"2026-08-27T09:41:30","guid":{"rendered":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/"},"modified":"2026-08-27T13:52:56","modified_gmt":"2026-08-27T13:52:56","slug":"aprende-ia","status":"publish","type":"page","link":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/","title":{"rendered":"Aprende IA &#8211; Gu\u00edas y tutoriales en profundidad"},"content":{"rendered":"\n\n<style>\n\n\/* ==========================================================================\n   SUITE COMPLETA DE COMPONENTES VISUALES DEFINITIVOS (2026)\n   ========================================================================== *\/\n\n\/* Universal Font Enforcement *\/\n*, *::before, *::after,\nbody, p, span, li, div, h1, h2, h3, h4, h5, h6,\ntable, th, td, a, strong, em, button, input, label {\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\ncode, pre, .prompt-text, .lab-prompt-box {\n    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;\n}\n\n\/* 1. Tarjetas Principales y Secciones *\/\n.rd-section-card, .pilar-section-card {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 32px 28px !important;\n    margin-bottom: 28px !important;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;\n    box-sizing: border-box !important;\n    width: 100% !important;\n}\n.rd-card-title, .pilar-section-title {\n    font-size: clamp(20px, 2.5vw, 24px) !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 0 16px 0 !important;\n    letter-spacing: -0.02em !important;\n}\n.rd-lead, .pilar-lead {\n    font-size: 16.5px !important;\n    color: #374151 !important;\n    line-height: 1.75 !important;\n    margin-bottom: 20px !important;\n    font-weight: 500 !important;\n}\n.rd-p, .pilar-p {\n    font-size: 15px !important;\n    color: #4B5563 !important;\n    line-height: 1.7 !important;\n    margin: 0 0 16px 0 !important;\n}\n.pilar-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    background: #EFF6FF !important;\n    color: #1D4ED8 !important;\n    border: 1px solid #DBEAFE !important;\n    padding: 4px 12px !important;\n    border-radius: 9999px !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    margin-bottom: 14px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.3px !important;\n}\n\n\/* 2. Tarjetas de Batallas Comparativas (Hub y Subp\u00e1ginas) *\/\n.versus-grid-v4 {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;\n    gap: 24px !important;\n    margin: 24px 0 !important;\n}\n.battle-card-v4 {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 26px 22px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    text-decoration: none !important;\n    color: #111827 !important;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;\n    box-sizing: border-box !important;\n}\n.battle-card-v4:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;\n    border-color: #2563EB !important;\n}\n.battle-badge-v4 {\n    font-size: 11.5px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    color: #2563EB !important;\n    background: #EFF6FF !important;\n    padding: 4px 10px !important;\n    border-radius: 6px !important;\n    align-self: flex-start !important;\n    margin-bottom: 14px !important;\n    border: 1px solid rgba(37, 99, 235, 0.15) !important;\n    letter-spacing: 0.3px !important;\n}\n.battle-title-v4 {\n    font-size: 17.5px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 0 10px 0 !important;\n    line-height: 1.35 !important;\n    text-decoration: none !important;\n}\n.battle-desc-v4 {\n    font-size: 13.5px !important;\n    color: #6B7280 !important;\n    line-height: 1.6 !important;\n    margin: 0 0 18px 0 !important;\n    flex: 1 !important;\n}\n.battle-link-v4 {\n    font-size: 13.5px !important;\n    font-weight: 700 !important;\n    color: #2563EB !important;\n    padding-top: 14px !important;\n    border-top: 1px solid #F3F4F6 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n}\n\n\/* 3. Podio y Tarjetas Ejecutivas *\/\n.exec-model-card {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 24px 20px !important;\n    margin-bottom: 20px !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;\n    box-sizing: border-box !important;\n}\n.exec-model-card.featured-gold { border-left: 4px solid #F59E0B !important; }\n.exec-model-card.featured-emerald { border-left: 4px solid #10B981 !important; }\n.exec-model-card.featured-blue { border-left: 4px solid #2563EB !important; }\n.exec-model-card.featured-purple { border-left: 4px solid #8B5CF6 !important; }\n.exec-model-header {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    margin-bottom: 14px !important;\n}\n.exec-model-title-wrap {\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n}\n.exec-model-icon {\n    font-size: 24px !important;\n    line-height: 1 !important;\n}\n.exec-model-name {\n    font-size: 18px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 !important;\n}\n.exec-model-score {\n    font-size: 12px !important;\n    font-weight: 800 !important;\n    padding: 4px 10px !important;\n    border-radius: 9999px !important;\n    background: #F1F5F9 !important;\n    color: #111827 !important;\n}\n.exec-block-box {\n    background: #F9FAFB !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 10px !important;\n    padding: 14px 16px !important;\n    margin-bottom: 10px !important;\n}\n.exec-block-box:last-child { margin-bottom: 0 !important; }\n.exec-block-title {\n    font-size: 12.5px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 0 4px 0 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.3px !important;\n}\n.exec-block-p {\n    font-size: 14px !important;\n    color: #4B5563 !important;\n    line-height: 1.55 !important;\n    margin: 0 !important;\n}\n\n\/* 4. Winner Hero Card *\/\n.winner-hero-card {\n    background: #111827 !important;\n    border: 1px solid #374151 !important;\n    border-radius: 16px !important;\n    padding: 28px 30px !important;\n    margin-bottom: 32px !important;\n    color: #FFFFFF !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    flex-wrap: wrap !important;\n    gap: 20px !important;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;\n}\n.winner-hero-info { flex: 1 !important; min-width: 280px !important; }\n.winner-hero-tag {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    background: #FEF3C7 !important;\n    color: #92400E !important;\n    font-size: 11.5px !important;\n    font-weight: 800 !important;\n    padding: 4px 12px !important;\n    border-radius: 9999px !important;\n    text-transform: uppercase !important;\n    margin-bottom: 12px !important;\n}\n.winner-hero-title {\n    font-size: clamp(20px, 3vw, 24px) !important;\n    font-weight: 800 !important;\n    color: #FFFFFF !important;\n    margin: 0 0 8px 0 !important;\n    line-height: 1.25 !important;\n}\n.winner-hero-desc {\n    font-size: 14.5px !important;\n    color: #D1D5DB !important;\n    line-height: 1.65 !important;\n    margin: 0 !important;\n}\n\n\/* 5. Benchmarks & Pruebas de Laboratorio *\/\n.benchmark-card {\n    background: #F9FAFB !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 14px !important;\n    padding: 20px 22px !important;\n    margin: 20px 0 !important;\n}\n.benchmark-row {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 16px !important;\n    margin-bottom: 14px !important;\n    flex-wrap: wrap !important;\n}\n.benchmark-row:last-child { margin-bottom: 0 !important; }\n.benchmark-label {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    min-width: 180px !important;\n}\n.benchmark-bar-wrap {\n    flex: 1 !important;\n    min-width: 140px !important;\n    height: 10px !important;\n    background: #E5E7EB !important;\n    border-radius: 9999px !important;\n    overflow: hidden !important;\n}\n.benchmark-bar-fill { height: 100% !important; border-radius: 9999px !important; }\n.benchmark-bar-fill.gold { background: #F59E0B !important; }\n.benchmark-bar-fill.emerald { background: #10B981 !important; }\n.benchmark-bar-fill.blue { background: #2563EB !important; }\n.benchmark-score-val {\n    font-size: 13.5px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    min-width: 70px !important;\n    text-align: right !important;\n}\n\n.lab-test-card {\n    background: #F9FAFB !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 14px !important;\n    padding: 22px !important;\n    margin-bottom: 20px !important;\n}\n.lab-test-header {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    margin-bottom: 12px !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n}\n.lab-test-title {\n    font-size: 16px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 !important;\n}\n.lab-test-winner-badge {\n    font-size: 12px !important;\n    font-weight: 800 !important;\n    background: #DCFCE7 !important;\n    color: #15803D !important;\n    padding: 4px 10px !important;\n    border-radius: 6px !important;\n    border: 1px solid #BBF7D0 !important;\n}\n.lab-prompt-box {\n    background: #0F172A !important;\n    border: 1px solid #1E293B !important;\n    color: #E2E8F0 !important;\n    font-size: 13px !important;\n    line-height: 1.6 !important;\n    border-radius: 10px !important;\n    padding: 14px 16px !important;\n    margin: 12px 0 16px 0 !important;\n}\n.lab-prompt-label {\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    color: #38BDF8 !important;\n    margin-bottom: 4px !important;\n    letter-spacing: 0.5px !important;\n}\n\n\/* 6. Kits y Descargas *\/\n.kit-card-v4 {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 28px !important;\n    margin-bottom: 26px !important;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;\n}\n.kit-top-v4 {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    margin-bottom: 16px !important;\n    flex-wrap: wrap !important;\n    gap: 12px !important;\n}\n.kit-title-v4 {\n    font-size: 20px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 !important;\n}\n.kit-badge-roi {\n    background: #ECFDF5 !important;\n    color: #065F46 !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    padding: 4px 12px !important;\n    border-radius: 9999px !important;\n    border: 1px solid #A7F3D0 !important;\n}\n\n\/* 7. Botones Universales de Alto Contraste *\/\n.pilar-btn-primary,\na.pilar-btn-primary,\n.rd-search-btn,\n.kit-card-v4 a.pilar-btn-primary {\n    color: #FFFFFF !important;\n    -webkit-text-fill-color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-weight: 800 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    background: #2563EB !important;\n    border-radius: 10px !important;\n    padding: 12px 24px !important;\n    font-size: 14px !important;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;\n    transition: all 0.2s ease !important;\n    border: none !important;\n}\n.pilar-btn-primary:hover,\na.pilar-btn-primary:hover,\n.rd-search-btn:hover {\n    background: #1D4ED8 !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;\n}\n\n\/* 8. Tablas Universales Responsivas *\/\n.pilar-table-wrap {\n    width: 100% !important;\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch !important;\n    margin: 22px 0 !important;\n    border-radius: 14px !important;\n    border: 1px solid #E5E7EB !important;\n    box-sizing: border-box !important;\n    background: #FFFFFF !important;\n}\n.pilar-table {\n    width: 100% !important;\n    min-width: 580px !important;\n    border-collapse: collapse !important;\n    font-size: 13.5px !important;\n    margin: 0 !important;\n}\n.pilar-table th {\n    background: #0A0A0A !important;\n    color: #FFFFFF !important;\n    padding: 16px 18px !important;\n    font-weight: 800 !important;\n    border: none !important;\n}\n.pilar-table th.winner-th {\n    background: #1E293B !important;\n    color: #F8FAFC !important;\n    border-bottom: 3px solid #3B82F6 !important;\n}\n.pilar-table td {\n    padding: 14px 18px !important;\n    border-bottom: 1px solid #F1F5F9 !important;\n    color: #374151 !important;\n    line-height: 1.55 !important;\n}\n.pilar-table tr:hover td { background: #F8FAFC !important; }\n.pilar-table tr:last-child td { border-bottom: none !important; }\n.table-pill-win {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 4px;\n    background: #ECFDF5 !important;\n    color: #065F46 !important;\n    font-weight: 700 !important;\n    padding: 3px 8px !important;\n    border-radius: 6px !important;\n    font-size: 12.5px !important;\n    border: 1px solid #A7F3D0 !important;\n}\n.table-pill-neutral {\n    display: inline-flex !important;\n    align-items: center;\n    background: #F1F5F9 !important;\n    color: #374151 !important;\n    font-weight: 600 !important;\n    padding: 3px 8px !important;\n    border-radius: 6px !important;\n    font-size: 12.5px !important;\n}\n\n\n.industry-icon-box {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 12px !important;\n    background: #EFF6FF !important;\n    color: #2563EB !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 24px !important;\n    margin-bottom: 16px !important;\n}\n.pilar-callout, .pilar-callout-pro {\n    background: #F8FAFC !important;\n    border-left: 4px solid #3B82F6 !important;\n    border-radius: 12px !important;\n    padding: 18px 20px !important;\n    margin: 20px 0 !important;\n}\n.pilar-meta-bar {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    background: #18181B !important;\n    border: 1px solid #27272A !important;\n    padding: 8px 18px !important;\n    border-radius: 12px !important;\n    font-size: 13px !important;\n    color: #D1D5DB !important;\n    font-weight: 700 !important;\n}\n\n<\/style>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n\/* ==========================================================================\n   1. CABECERA GENERATEPRESS: RESPONSIVE, CENTRADO Y SELECTOR DE IDIOMA\n   ========================================================================== *\/\nhtml, body, body.page, body.single, body.archive, body.home,\n#page, .site, #content, .site-content,\n.right-sidebar #primary, #primary,\n.site-main, .content-area, .inside-article {\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: #F9FAFB !important;\n    background-color: #F9FAFB !important;\n    border: none !important;\n    box-shadow: none !important;\n}\n#right-sidebar,\n#left-sidebar,\n.sidebar,\n.widget-area {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    visibility: hidden !important;\n}\n.grid-container, body.page .grid-container, body.home .grid-container {\n    max-width: 100% !important;\n    padding: 0 !important;\n}\n.entry-header, header.entry-header, body.page .entry-header {\n    display: none !important;\n}\n.entry-content, body.page .entry-content {\n    margin: 0 !important;\n}\n\n\/* Header GeneratePress: Negro elegante con espaciado vertical sim\u00e9trico *\/\n.site-header,\n#masthead,\nbody .site-header {\n    background: #0A0A0A !important;\n    background-color: #0A0A0A !important;\n    border-bottom: 1px solid #1F2937 !important;\n    margin: 0 !important;\n    padding: 16px 0 !important;\n    position: sticky;\n    top: 0;\n    z-index: 999;\n}\n.inside-header,\nbody .inside-header {\n    max-width: 1240px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    position: relative;\n}\n.site-branding {\n    display: flex !important;\n    align-items: center !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n.site-branding .main-title {\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1 !important;\n}\n.site-branding .main-title a {\n    color: #FFFFFF !important;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 22px !important;\n    letter-spacing: -0.5px !important;\n    text-decoration: none !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    line-height: 1 !important;\n}\n\n\/* ==========================================================================\n   2. REGLAS RESPONSIVE DE NAVEGACI\u00d3N\n   ========================================================================== *\/\n@media (min-width: 992px) {\n    .site-header .menu-toggle,\n    .site-header .mobile-menu-control-wrapper,\n    .main-navigation .menu-toggle,\n    .inside-navigation .menu-toggle,\n    .rd-lang-switcher,\n    .rd-mobile-lang {\n        display: none !important;\n        visibility: hidden !important;\n        width: 0 !important;\n        height: 0 !important;\n    }\n    .main-navigation {\n        display: flex !important;\n        align-items: center !important;\n        background: transparent !important;\n    }\n    .main-navigation .inside-navigation {\n        display: flex !important;\n        align-items: center !important;\n        background: transparent !important;\n        padding: 0 !important;\n    }\n    .main-navigation .main-nav {\n        display: block !important;\n    }\n    .main-navigation .main-nav ul {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        gap: 6px !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        list-style: none !important;\n    }\n    .main-navigation .main-nav ul li {\n        display: inline-flex !important;\n        align-items: center !important;\n    }\n    .main-navigation .main-nav ul li a {\n        color: #D1D5DB !important;\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 600 !important;\n        font-size: 13.5px !important;\n        padding: 8px 12px !important;\n        border-radius: 8px !important;\n        background: transparent !important;\n        transition: all 0.2s ease !important;\n        text-decoration: none !important;\n    }\n    .main-navigation .main-nav ul li a:hover,\n    .main-navigation .main-nav ul li.current-menu-item a {\n        color: #FFFFFF !important;\n        background: #1F2937 !important;\n    }\n}\n\n\/* ==========================================================================\n   NAVEGACI\u00d3N M\u00d3VIL (OCULTA 100% EN ESCRITORIO)\n   ========================================================================== *\/\n#rd-mobile-drawer,\n.rd-hamburger-btn {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    width: 0 !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n}\n\n@media (min-width: 992px) {\n    #rd-mobile-drawer,\n    .rd-hamburger-btn {\n        display: none !important;\n        visibility: hidden !important;\n        height: 0 !important;\n        width: 0 !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n    }\n}\n\n@media (max-width: 991px) {\n    .site-header, #masthead {\n        padding: 0 !important;\n        height: 64px !important;\n        position: sticky !important;\n        top: 0 !important;\n        z-index: 99999 !important;\n        background: #0A0A0A !important;\n        border-bottom: 1px solid #1F2937 !important;\n    }\n    .inside-header {\n        max-width: 100% !important;\n        height: 64px !important;\n        padding: 0 16px !important;\n        margin: 0 !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        background: transparent !important;\n    }\n    .site-branding .main-title a {\n        font-size: 19px !important;\n        letter-spacing: -0.5px !important;\n    }\n\n    .mobile-menu-control-wrapper,\n    .rd-lang-switcher,\n    .rd-mobile-lang,\n    .rd-mobile-header-actions,\n    .main-navigation:not(#rd-mobile-nav-container) {\n        display: none !important;\n    }\n\n    .rd-hamburger-btn {\n        display: inline-flex !important;\n        visibility: visible !important;\n        height: auto !important;\n        width: auto !important;\n        opacity: 1 !important;\n        pointer-events: auto !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background: #18181B !important;\n        border: 1px solid #27272A !important;\n        color: #FFFFFF !important;\n        width: 42px !important;\n        height: 42px !important;\n        padding: 0 !important;\n        border-radius: 10px !important;\n        cursor: pointer !important;\n        transition: all 0.2s ease !important;\n        margin-left: auto !important;\n    }\n    .rd-hamburger-btn:hover,\n    .rd-hamburger-btn.is-active {\n        background: #27272A !important;\n        border-color: #3F3F46 !important;\n    }\n    .rd-hamburger-btn.is-active {\n        background: #27272A !important;\n        border-color: #3F3F46 !important;\n    }\n\n    #rd-mobile-drawer {\n        display: none !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        pointer-events: auto !important;\n        position: fixed !important;\n        top: 64px !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100vw !important;\n        height: calc(100vh - 64px) !important;\n        background: rgba(10, 10, 10, 0.98) !important;\n        backdrop-filter: blur(20px) !important;\n        -webkit-backdrop-filter: blur(20px) !important;\n        padding: 20px 16px 60px 16px !important;\n        z-index: 999999 !important;\n        overflow-y: auto !important;\n        flex-direction: column !important;\n        box-sizing: border-box !important;\n    }\n    #rd-mobile-drawer.open {\n        display: flex !important;\n        animation: rdDrawerFadeIn 0.2s ease-out forwards;\n    }\n    @keyframes rdDrawerFadeIn {\n        from { opacity: 0; transform: translateY(-8px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .rd-mobile-menu-list {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 8px !important;\n        margin: 0 0 20px 0 !important;\n        padding: 0 !important;\n        list-style: none !important;\n    }\n    .rd-mobile-menu-item a {\n        display: flex !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        background: #141416 !important;\n        border: 1px solid #222226 !important;\n        border-radius: 12px !important;\n        padding: 14px 18px !important;\n        color: #F3F4F6 !important;\n        font-size: 15.5px !important;\n        font-weight: 700 !important;\n        text-decoration: none !important;\n        transition: all 0.15s ease !important;\n        min-height: 48px !important;\n        box-sizing: border-box !important;\n    }\n    .rd-mobile-menu-item a:active,\n    .rd-mobile-menu-item a:hover {\n        background: #1F2937 !important;\n        border-color: #374151 !important;\n        color: #FFFFFF !important;\n    }\n    .rd-mobile-chevron {\n        color: #6B7280 !important;\n        font-size: 18px !important;\n        font-weight: 400 !important;\n    }\n\n    .rd-sub-menu {\n        list-style: none !important;\n        padding: 6px 0 6px 14px !important;\n        margin: 6px 0 10px 12px !important;\n        border-left: 2px solid #27272A !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 6px !important;\n    }\n    .rd-sub-menu li a {\n        color: #9CA3AF !important;\n        font-size: 13.5px !important;\n        font-weight: 600 !important;\n        padding: 6px 12px !important;\n        border-radius: 8px !important;\n        display: block !important;\n        background: transparent !important;\n        border: none !important;\n        min-height: auto !important;\n        transition: all 0.15s ease !important;\n        text-decoration: none !important;\n    }\n    .rd-sub-menu li a:hover,\n    .rd-sub-menu li a:active {\n        color: #FFFFFF !important;\n        background: #18181B !important;\n    }\n\n    .rd-mobile-cta-box {\n        margin-top: 10px;\n        padding: 16px;\n        background: #18181B;\n        border: 1px solid #27272A;\n        border-radius: 14px;\n        text-align: center;\n    }\n    .rd-mobile-cta-btn {\n        display: block !important;\n        background: #2563EB !important;\n        color: #FFFFFF !important;\n        padding: 12px 16px !important;\n        border-radius: 10px !important;\n        font-weight: 700 !important;\n        font-size: 14.5px !important;\n        text-decoration: none !important;\n        margin-top: 10px !important;\n    }\n}\n\n\/* ==========================================================================\n   4. EFECTO ARCO\u00cdRIS FLUIDO CONTINUO\n   ========================================================================== *\/\n@keyframes rainbowFlow {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n.rd-rainbow-ia {\n    background: linear-gradient(90deg, #FF0080 0%, #7928CA 20%, #0070F3 40%, #00DFD8 60%, #7928CA 80%, #FF0080 100%);\n    background-size: 300% 300%;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: rainbowFlow 4s linear infinite;\n    display: inline-block;\n    font-weight: 800;\n}\n\n\/* ==========================================================================\n   5. HERO SECTION (VOZ DE MARCA \"SOY LA IA\")\n   ========================================================================== *\/\n.rd-wrap {\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    margin: 0;\n    padding: 0;\n    line-height: 1.5;\n    width: 100%;\n}\n.rd-wrap * {\n    box-sizing: border-box;\n}\n\n\/* Ocultar barra lateral, widgets y footers nativos de GeneratePress en toda la web *\/\n.sidebar,\n.widget-area,\n#right-sidebar,\n#left-sidebar,\n.entry-header,\n.site-footer,\nfooter.site-footer,\n#colophon,\n.site-info,\nfooter.site-info,\n.inside-site-info,\n.footer-widgets,\n.copyright-bar {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    max-height: 0 !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    opacity: 0 !important;\n    overflow: hidden !important;\n}\n\n\/* ==========================================================================\n   FOOTER MAESTRO DARK (#0A0A0A) - RESPONSIVE & SEO SILO\n   ========================================================================== *\/\n.rd-master-footer {\n    background: #0A0A0A !important;\n    border-top: 1px solid #1F2937 !important;\n    color: #9CA3AF !important;\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    padding: 64px 20px 36px 20px !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n}\n.rd-footer-container {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n}\n.rd-footer-grid {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 40px !important;\n    margin-bottom: 50px !important;\n}\n@media (min-width: 640px) {\n    .rd-footer-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n@media (min-width: 1024px) {\n    .rd-footer-grid {\n        grid-template-columns: 1.4fr 1fr 1.1fr 1.1fr !important;\n        gap: 48px !important;\n    }\n}\n\n.rd-footer-logo {\n    color: #FFFFFF !important;\n    font-size: 22px !important;\n    font-weight: 800 !important;\n    text-decoration: none !important;\n    letter-spacing: -0.5px !important;\n    display: inline-block !important;\n    margin-bottom: 14px !important;\n}\n.rd-footer-bio {\n    font-size: 13.5px !important;\n    line-height: 1.65 !important;\n    color: #9CA3AF !important;\n    margin: 0 0 16px 0 !important;\n}\n.rd-footer-badge-year {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    background: #18181B !important;\n    border: 1px solid #27272A !important;\n    padding: 5px 12px !important;\n    border-radius: 20px !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    color: #D1D5DB !important;\n}\n\n.rd-footer-title {\n    color: #FFFFFF !important;\n    font-size: 15.5px !important;\n    font-weight: 800 !important;\n    margin: 0 0 18px 0 !important;\n    letter-spacing: -0.02em !important;\n}\n.rd-footer-links {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 10px !important;\n}\n.rd-footer-links li a {\n    color: #9CA3AF !important;\n    text-decoration: none !important;\n    font-size: 13.5px !important;\n    transition: color 0.2s ease, padding-left 0.2s ease !important;\n    display: inline-block !important;\n}\n.rd-footer-links li a:hover {\n    color: #FFFFFF !important;\n    padding-left: 4px !important;\n}\n\n.rd-footer-bottom {\n    padding-top: 28px !important;\n    border-top: 1px solid #1F2937 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 16px !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    font-size: 13px !important;\n    color: #6B7280 !important;\n}\n@media (min-width: 768px) {\n    .rd-footer-bottom {\n        flex-direction: row !important;\n    }\n}\n.rd-footer-legal-links {\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    flex-wrap: wrap !important;\n    justify-content: center !important;\n}\n.rd-footer-legal-links a {\n    color: #6B7280 !important;\n    text-decoration: none !important;\n    transition: color 0.2s !important;\n}\n.rd-footer-legal-links a:hover {\n    color: #D1D5DB !important;\n}\n.rd-footer-sep {\n    color: #374151 !important;\n}\n\n.rd-hero-black {\n    background: #0A0A0A;\n    color: #FFFFFF;\n    padding: 72px 24px 60px 24px;\n    text-align: center;\n    border-bottom: 1px solid #1F2937;\n    width: 100%;\n}\n.rd-badge-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    padding: 6px 16px;\n    border-radius: 9999px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #E5E7EB;\n    margin-bottom: 24px;\n}\n.rd-badge-dot {\n    width: 7px;\n    height: 7px;\n    background: #10B981;\n    border-radius: 50%;\n    display: inline-block;\n    box-shadow: 0 0 10px #10B981;\n}\n.rd-hero-title {\n    font-size: clamp(30px, 5.2vw, 56px);\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    line-height: 1.12;\n    margin: 0 auto 20px auto;\n    max-width: 880px;\n    color: #FFFFFF !important;\n}\n.rd-hero-sub {\n    font-size: clamp(16px, 2vw, 19px);\n    color: #9CA3AF;\n    max-width: 720px;\n    margin: 0 auto 36px auto;\n    line-height: 1.6;\n}\n\n\/* Buscador oscuro en el Hero *\/\n.rd-search-box {\n    max-width: 580px;\n    margin: 0 auto 40px auto;\n    display: flex;\n    background: #18181B;\n    border-radius: 14px;\n    padding: 6px;\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n}\n.rd-search-input {\n    flex: 1;\n    border: none !important;\n    outline: none !important;\n    padding: 12px 18px;\n    font-size: 15px;\n    color: #FFFFFF !important;\n    background: transparent !important;\n    min-width: 0;\n}\n.rd-search-input::placeholder {\n    color: #71717A;\n}\n.rd-search-btn {\n    background: #2563EB;\n    color: #FFFFFF !important;\n    border: none;\n    border-radius: 10px;\n    padding: 12px 24px;\n    font-weight: 700;\n    font-size: 14px;\n    cursor: pointer;\n    text-decoration: none !important;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    transition: background 0.2s, transform 0.1s;\n    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);\n    flex-shrink: 0;\n}\n.rd-search-btn:hover {\n    background: #1D4ED8;\n    transform: translateY(-1px);\n    color: #FFFFFF !important;\n}\n\n\/* Barra de confianza *\/\n.rd-trust {\n    padding-top: 24px;\n    border-top: 1px solid #1F2937;\n    max-width: 820px;\n    margin: 0 auto;\n}\n.rd-trust p {\n    font-size: 11px;\n    color: #6B7280;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    margin-bottom: 14px;\n    font-weight: 700;\n}\n.rd-trust-tags {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n.rd-trust-tag {\n    font-size: 12px;\n    font-weight: 700;\n    color: #D1D5DB;\n    background: #18181B;\n    padding: 6px 14px;\n    border-radius: 8px;\n    border: 1px solid #27272A;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\/* ==========================================================================\n   6. RESTO DE LA P\u00c1GINA: FONDO BLANCO \/ GRIS CLARO\n   ========================================================================== *\/\n.rd-body-light {\n    background-color: #F9FAFB;\n    color: #111827;\n}\n\n\/* Barra de navegaci\u00f3n de clusters *\/\n.rd-cluster-bar {\n    background: #FFFFFF;\n    border-bottom: 1px solid #E5E7EB;\n    padding: 20px 24px;\n}\n.rd-cluster-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 14px;\n}\n.rd-cluster-item {\n    background: #F9FAFB;\n    border: 1px solid #E5E7EB;\n    border-radius: 12px;\n    padding: 14px 16px;\n    text-decoration: none !important;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    transition: all 0.2s ease;\n}\n.rd-cluster-item:hover {\n    background: #FFFFFF;\n    border-color: #111827;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);\n}\n.rd-cluster-icon-box {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #FFFFFF;\n    border: 1px solid #E5E7EB;\n    color: #2563EB;\n    flex-shrink: 0;\n}\n.rd-cluster-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: #111827 !important;\n    margin: 0;\n    line-height: 1.2;\n}\n.rd-cluster-desc {\n    font-size: 12px;\n    color: #6B7280;\n    margin: 3px 0 0 0;\n}\n\n\/* Contenedor principal de contenidos *\/\n.rd-main {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 56px 20px 80px 20px;\n}\n.rd-section-header {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 32px auto;\n}\n.rd-section-badge {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    color: #2563EB;\n    margin-bottom: 8px;\n    display: block;\n}\n.rd-section-title {\n    font-size: clamp(24px, 3.5vw, 36px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: #111827 !important;\n    margin: 0 0 10px 0;\n}\n.rd-section-sub {\n    font-size: 15px;\n    color: #6B7280;\n    margin: 0;\n    line-height: 1.6;\n}\n\n\/* Pills de filtrado *\/\n.rd-pills-row {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    margin-bottom: 36px;\n}\n.rd-pill {\n    padding: 8px 18px;\n    border-radius: 9999px;\n    font-size: 13px;\n    font-weight: 600;\n    border: 1px solid #E5E7EB;\n    background: #FFFFFF;\n    color: #374151 !important;\n    text-decoration: none !important;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}\n.rd-pill:hover {\n    border-color: #111827;\n    color: #111827 !important;\n}\n.rd-pill.active {\n    background: #111827;\n    color: #FFFFFF !important;\n    border-color: #111827;\n}\n\n\/* Cuadr\u00edcula de art\u00edculos destacados *\/\n.rd-articles-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px;\n    margin-bottom: 60px;\n}\n@media (min-width: 900px) {\n    .rd-articles-grid {\n        grid-template-columns: 1.15fr 1fr;\n    }\n}\n.rd-featured-card {\n    background: #FFFFFF;\n    border: 1px solid #E5E7EB;\n    border-radius: 18px;\n    overflow: hidden;\n    text-decoration: none !important;\n    color: inherit !important;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n.rd-featured-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n}\n.rd-featured-thumb {\n    width: 100%;\n    aspect-ratio: 16\/9;\n    background: radial-gradient(circle at 30% 30%, #312E81, #1E1B4B);\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #FFFFFF;\n    font-size: 52px;\n}\n.rd-tag-badge {\n    position: absolute;\n    top: 14px;\n    left: 14px;\n    background: #FFFFFF;\n    color: #111827;\n    padding: 4px 10px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n}\n.rd-featured-body {\n    padding: 26px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n.rd-featured-title {\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 1.3;\n    color: #111827 !important;\n    margin: 0 0 12px 0;\n}\n.rd-featured-desc {\n    font-size: 14px;\n    color: #4B5563;\n    line-height: 1.6;\n    margin: 0 0 18px 0;\n}\n.rd-meta {\n    font-size: 12px;\n    color: #6B7280;\n    margin-top: auto;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\/* Subcuadr\u00edcula 2x2 *\/\n.rd-subgrid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n}\n@media (min-width: 600px) {\n    .rd-subgrid {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n.rd-small-card {\n    background: #FFFFFF;\n    border: 1px solid #E5E7EB;\n    border-radius: 14px;\n    overflow: hidden;\n    text-decoration: none !important;\n    color: inherit !important;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n.rd-small-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n}\n.rd-small-thumb {\n    width: 100%;\n    aspect-ratio: 16\/10;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #FFFFFF;\n    font-size: 32px;\n}\n.rd-small-body {\n    padding: 16px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n.rd-small-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: #111827 !important;\n    line-height: 1.35;\n    margin: 0 0 8px 0;\n}\n\n\/* Directorio de 4 columnas de herramientas *\/\n.rd-tools-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n    margin-bottom: 60px;\n}\n@media (min-width: 640px) {\n    .rd-tools-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n@media (min-width: 1024px) {\n    .rd-tools-grid {\n        grid-template-columns: repeat(4, 1fr);\n    }\n}\n.rd-tool-card {\n    background: #FFFFFF;\n    border: 1px solid #E5E7EB;\n    border-radius: 14px;\n    padding: 12px;\n    text-decoration: none !important;\n    color: inherit !important;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.2s;\n}\n.rd-tool-card:hover {\n    border-color: #111827;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);\n}\n.rd-tool-thumb {\n    width: 100%;\n    aspect-ratio: 16\/9;\n    border-radius: 10px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 32px;\n    overflow: hidden;\n}\n.rd-tool-icon-badge {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    width: 28px;\n    height: 28px;\n    background: #FFFFFF;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n    color: #111827;\n}\n.rd-price-tag {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: rgba(17, 24, 39, 0.85);\n    color: #FFFFFF;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 700;\n}\n.rd-tool-body {\n    padding: 12px 4px 4px 4px;\n}\n.rd-tool-name {\n    font-size: 16px;\n    font-weight: 700;\n    color: #111827 !important;\n    margin: 0 0 6px 0;\n}\n.rd-tool-desc {\n    font-size: 13px;\n    color: #6B7280;\n    line-height: 1.45;\n    margin: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n\/* Casos por industria *\/\n.rd-cases-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-bottom: 60px;\n}\n@media (min-width: 768px) {\n    .rd-cases-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n.rd-case-card {\n    background: #FFFFFF;\n    border: 1px solid #E5E7EB;\n    border-radius: 14px;\n    padding: 24px 20px;\n    text-decoration: none !important;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.2s ease;\n}\n.rd-case-card:hover {\n    border-color: #111827;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n}\n.rd-case-icon-box {\n    width: 44px;\n    height: 44px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #EEF2FF;\n    border: 1px solid #E0E7FF;\n    color: #4F46E5;\n    margin-bottom: 12px;\n}\n.rd-case-title {\n    font-size: 17px;\n    font-weight: 700;\n    color: #111827 !important;\n    margin: 0 0 8px 0;\n}\n.rd-case-desc {\n    font-size: 13px;\n    color: #6B7280;\n    line-height: 1.5;\n    margin-bottom: 16px;\n}\n.rd-case-link {\n    font-size: 13px;\n    font-weight: 700;\n    color: #2563EB;\n    margin-top: auto;\n}\n\n\/* CTA Banner inferior con la voz de marca *\/\n.rd-cta-banner {\n    background: #0A0A0A;\n    border-radius: 20px;\n    padding: 56px 24px;\n    text-align: center;\n    color: #FFFFFF;\n    margin-top: 40px;\n    border: 1px solid #1F2937;\n}\n.rd-cta-title {\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 800;\n    margin: 0 0 14px 0;\n    color: #FFFFFF !important;\n}\n.rd-cta-sub {\n    font-size: 16px;\n    color: #9CA3AF;\n    max-width: 600px;\n    margin: 0 auto 30px auto;\n    line-height: 1.6;\n}\n.rd-view-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid #D1D5DB;\n    background: #FFFFFF;\n    color: #111827 !important;\n    padding: 10px 22px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none !important;\n    transition: all 0.2s;\n}\n.rd-view-all-btn:hover {\n    background: #111827;\n    border-color: #111827;\n    color: #FFFFFF !important;\n}\n\n.site-footer,\n.home .site-footer {\n    background-color: #0A0A0A !important;\n    color: #9CA3AF !important;\n    border-top: 1px solid #1F2937 !important;\n    padding: 40px 20px !important;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n}\n\n.pilar-btn-primary,\na.pilar-btn-primary,\n.rd-search-btn,\n.kit-card-v4 a.pilar-btn-primary {\n    color: #FFFFFF !important;\n    -webkit-text-fill-color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-weight: 800 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n}\n\n\n\/* ==========================================================================\n   TIPOGRAF\u00cdA UNIVERSAL ESTRICTA Y CLASES COMPLETAS DE COMPARATIVAS\n   ========================================================================== *\/\n*, *::before, *::after,\nbody, p, span, li, div, h1, h2, h3, h4, h5, h6,\ntable, th, td, a, strong, em, button, input, label {\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\ncode, pre, .prompt-text, .lab-prompt-box {\n    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;\n}\n\n\/* Winner Hero Card *\/\n.winner-hero-card {\n    background: #111827 !important;\n    border: 1px solid #374151 !important;\n    border-radius: 16px !important;\n    padding: 28px 30px !important;\n    margin-bottom: 32px !important;\n    color: #FFFFFF !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    flex-wrap: wrap !important;\n    gap: 20px !important;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;\n}\n.winner-hero-info { flex: 1 !important; min-width: 280px !important; }\n.winner-hero-tag {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    background: #FEF3C7 !important;\n    color: #92400E !important;\n    font-size: 11.5px !important;\n    font-weight: 800 !important;\n    padding: 4px 12px !important;\n    border-radius: 9999px !important;\n    text-transform: uppercase !important;\n    margin-bottom: 12px !important;\n}\n.winner-hero-title {\n    font-size: clamp(20px, 3vw, 24px) !important;\n    font-weight: 800 !important;\n    color: #FFFFFF !important;\n    margin: 0 0 8px 0 !important;\n    line-height: 1.25 !important;\n}\n.winner-hero-desc {\n    font-size: 14.5px !important;\n    color: #D1D5DB !important;\n    line-height: 1.65 !important;\n    margin: 0 !important;\n}\n\n\/* Benchmarks *\/\n.benchmark-card {\n    background: #F9FAFB !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 14px !important;\n    padding: 20px 22px !important;\n    margin: 20px 0 !important;\n}\n.benchmark-row {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 16px !important;\n    margin-bottom: 14px !important;\n    flex-wrap: wrap !important;\n}\n.benchmark-row:last-child { margin-bottom: 0 !important; }\n.benchmark-label {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    min-width: 180px !important;\n}\n.benchmark-bar-wrap {\n    flex: 1 !important;\n    min-width: 140px !important;\n    height: 10px !important;\n    background: #E5E7EB !important;\n    border-radius: 9999px !important;\n    overflow: hidden !important;\n}\n.benchmark-bar-fill { height: 100% !important; border-radius: 9999px !important; }\n.benchmark-bar-fill.gold { background: #F59E0B !important; }\n.benchmark-bar-fill.emerald { background: #10B981 !important; }\n.benchmark-bar-fill.blue { background: #2563EB !important; }\n.benchmark-score-val {\n    font-size: 13.5px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    min-width: 70px !important;\n    text-align: right !important;\n}\n\n\/* Lab Tests *\/\n.lab-test-card {\n    background: #F9FAFB !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 14px !important;\n    padding: 22px !important;\n    margin-bottom: 20px !important;\n}\n.lab-test-header {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    margin-bottom: 12px !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n}\n.lab-test-title {\n    font-size: 16px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 !important;\n}\n.lab-test-winner-badge {\n    font-size: 12px !important;\n    font-weight: 800 !important;\n    background: #DCFCE7 !important;\n    color: #15803D !important;\n    padding: 4px 10px !important;\n    border-radius: 6px !important;\n    border: 1px solid #BBF7D0 !important;\n}\n.lab-prompt-box {\n    background: #0F172A !important;\n    border: 1px solid #1E293B !important;\n    color: #E2E8F0 !important;\n    font-size: 13px !important;\n    line-height: 1.6 !important;\n    border-radius: 10px !important;\n    padding: 14px 16px !important;\n    margin: 12px 0 16px 0 !important;\n}\n.lab-prompt-label {\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    color: #38BDF8 !important;\n    margin-bottom: 4px !important;\n    letter-spacing: 0.5px !important;\n}\n\n\/* Executive Cards *\/\n.exec-block-box {\n    background: #F9FAFB !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 10px !important;\n    padding: 14px 16px !important;\n    margin-bottom: 12px !important;\n}\n.exec-block-box:last-child { margin-bottom: 0 !important; }\n.exec-block-title {\n    font-size: 13px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 0 6px 0 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.3px !important;\n}\n.exec-block-p {\n    font-size: 14px !important;\n    color: #4B5563 !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n}\n\n<\/style>\n\n<style>\n\/* ==========================================================================\n   CABECERA Y MEN\u00daS UNIFICADOS AL 100%\n   ========================================================================== *\/\n\n\/* Cabecera Desktop *\/\n.site-header, #masthead, body .site-header {\n    background: #0A0A0A !important;\n    background-color: #0A0A0A !important;\n    border-bottom: 1px solid #1F2937 !important;\n    margin: 0 !important;\n    padding: 14px 0 !important;\n    position: sticky !important;\n    top: 0 !important;\n    z-index: 99999 !important;\n    width: 100% !important;\n}\n\n.inside-header, body .inside-header, div.inside-header.grid-container {\n    max-width: 1240px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    box-sizing: border-box !important;\n}\n\n\/* Men\u00fa Desktop con Dropdown Suave (Sin Flickering) *\/\n@media (min-width: 992px) {\n    .main-navigation .main-nav ul {\n        display: flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n        list-style: none !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n    .main-navigation .main-nav ul > li {\n        position: relative !important;\n        display: inline-flex !important;\n        align-items: center !important;\n    }\n    .main-navigation .main-nav ul > li > a {\n        color: #D1D5DB !important;\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 600 !important;\n        font-size: 14px !important;\n        padding: 8px 14px !important;\n        border-radius: 8px !important;\n        text-decoration: none !important;\n        transition: all 0.2s ease !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 5px !important;\n    }\n    .main-navigation .main-nav ul > li > a:hover,\n    .main-navigation .main-nav ul > li.current-menu-item > a {\n        color: #FFFFFF !important;\n        background: #1F2937 !important;\n    }\n\n    \/* Puente invisible y dropdown *\/\n    .rd-dropdown-bridge {\n        display: none;\n        position: absolute;\n        top: 100%;\n        left: 0;\n        padding-top: 10px;\n        z-index: 999999;\n    }\n    .main-navigation .main-nav ul > li:hover .rd-dropdown-bridge {\n        display: block;\n    }\n    .rd-sub-menu-box {\n        min-width: 240px;\n        background: #111827;\n        border: 1px solid #374151;\n        border-radius: 12px;\n        padding: 8px 6px;\n        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n        list-style: none;\n        margin: 0;\n    }\n    .rd-sub-menu-box li a {\n        display: block !important;\n        padding: 9px 14px !important;\n        font-size: 13px !important;\n        font-weight: 600 !important;\n        color: #D1D5DB !important;\n        border-radius: 8px !important;\n        text-decoration: none !important;\n        transition: background 0.15s ease, color 0.15s ease !important;\n    }\n    .rd-sub-menu-box li a:hover {\n        background: #1F2937 !important;\n        color: #FFFFFF !important;\n    }\n}\n\n\/* Cabecera M\u00f3vil Exacta y Alineada *\/\n@media (max-width: 991px) {\n    .site-header, #masthead, body .site-header {\n        padding: 0 !important;\n        height: 64px !important;\n    }\n    .inside-header, body .inside-header, div.inside-header.grid-container {\n        height: 64px !important;\n        padding: 0 20px !important;\n    }\n    .site-branding .main-title a {\n        font-size: 20px !important;\n        font-weight: 800 !important;\n        letter-spacing: -0.5px !important;\n    }\n    .rd-hamburger-btn {\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background: #18181B !important;\n        border: 1px solid #27272A !important;\n        color: #FFFFFF !important;\n        width: 42px !important;\n        height: 42px !important;\n        padding: 0 !important;\n        border-radius: 10px !important;\n        cursor: pointer !important;\n        margin-left: auto !important;\n    }\n}\n\n\/* Componentes *\/\n.rd-section-card, .pilar-section-card {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 36px 32px !important;\n    margin-bottom: 32px !important;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;\n    box-sizing: border-box !important;\n    width: 100% !important;\n}\n.rd-card-title, .pilar-section-title {\n    font-size: clamp(20px, 2.5vw, 24px) !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 0 18px 0 !important;\n    letter-spacing: -0.02em !important;\n}\n.rd-lead, .pilar-lead {\n    font-size: 16.5px !important;\n    color: #374151 !important;\n    line-height: 1.75 !important;\n    margin-bottom: 22px !important;\n    font-weight: 500 !important;\n}\n.rd-p, .pilar-p {\n    font-size: 15px !important;\n    color: #4B5563 !important;\n    line-height: 1.7 !important;\n    margin: 0 0 16px 0 !important;\n}\n\n\/* Academia e Industria en Cuadr\u00edcula *\/\n.academy-module-card, .industry-card-v4 {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 26px 22px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    text-decoration: none !important;\n    color: inherit !important;\n    transition: all 0.2s ease !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;\n}\n.academy-module-card:hover, .industry-card-v4:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;\n    border-color: #2563EB !important;\n}\n.academy-module-badge {\n    font-size: 11.5px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    color: #2563EB !important;\n    background: #EFF6FF !important;\n    padding: 4px 10px !important;\n    border-radius: 6px !important;\n    align-self: flex-start !important;\n    margin-bottom: 14px !important;\n    border: 1px solid rgba(37, 99, 235, 0.15) !important;\n}\n.academy-module-title, .industry-title-v4 {\n    font-size: 17.5px !important;\n    font-weight: 800 !important;\n    color: #111827 !important;\n    margin: 0 0 10px 0 !important;\n    line-height: 1.35 !important;\n}\n.academy-module-desc, .industry-desc-v4 {\n    font-size: 13.5px !important;\n    color: #6B7280 !important;\n    line-height: 1.6 !important;\n    margin: 0 0 18px 0 !important;\n    flex: 1 !important;\n}\n.academy-module-footer, .industry-footer-v4 {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #2563EB !important;\n    padding-top: 14px !important;\n    border-top: 1px solid #F3F4F6 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n}\n\n\/* Herramientas Grid *\/\n.control-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-bottom: 28px !important; flex-wrap: wrap !important; }\n.filter-tabs-wrap { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }\n.filter-tab-btn { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; color: #374151 !important; padding: 8px 16px !important; border-radius: 10px !important; font-size: 13.5px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.2s ease !important; }\n.filter-tab-btn:hover { border-color: #111827 !important; color: #111827 !important; }\n.filter-tab-btn.active { background: #111827 !important; color: #FFFFFF !important; border-color: #111827 !important; }\n.search-input-box { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 10px !important; padding: 8px 16px !important; font-size: 14px !important; color: #111827 !important; outline: none !important; min-width: 240px !important; }\n.search-input-box:focus { border-color: #2563EB !important; }\n.tools-grid-v4 { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; margin: 24px 0 !important; }\n@media (min-width: 640px) { .tools-grid-v4 { grid-template-columns: repeat(2, 1fr) !important; } }\n@media (min-width: 1024px) { .tools-grid-v4 { grid-template-columns: repeat(3, 1fr) !important; } }\n.tool-card-v4 { background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s ease !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important; }\n.tool-card-v4:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important; border-color: #2563EB !important; }\n.tool-card-thumb { height: 110px !important; padding: 16px !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; color: #FFFFFF !important; }\n.tool-card-logo-text { font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.02em !important; }\n.tool-card-badge { font-size: 11px !important; font-weight: 700 !important; background: rgba(255, 255, 255, 0.2) !important; backdrop-filter: blur(8px) !important; padding: 3px 8px !important; border-radius: 6px !important; text-transform: uppercase !important; }\n.tool-card-body { padding: 20px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; }\n.tool-card-name { font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 0 8px 0 !important; }\n.tool-card-desc { font-size: 13.5px !important; color: #6B7280 !important; line-height: 1.5 !important; margin: 0 0 14px 0 !important; flex: 1 !important; }\n.tool-card-tag { font-size: 12px !important; font-weight: 700 !important; color: #2563EB !important; background: #EFF6FF !important; padding: 4px 10px !important; border-radius: 6px !important; align-self: flex-start !important; margin-bottom: 14px !important; }\n.tool-card-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; font-size: 12.5px !important; font-weight: 700 !important; color: #9CA3AF !important; border-top: 1px solid #F3F4F6 !important; padding-top: 12px !important; }\n.tool-card-footer span:last-child { color: #2563EB !important; }\n\n\/* Prompts *\/\n.prompt-card { background: #0F172A !important; border: 1px solid #334155 !important; border-radius: 14px !important; padding: 24px !important; margin-bottom: 24px !important; color: #FFFFFF !important; }\n.prompt-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 12px !important; flex-wrap: wrap !important; gap: 10px !important; }\n.prompt-title-tag { font-size: 15.5px !important; font-weight: 700 !important; color: #38BDF8 !important; }\n.prompt-cat-badge { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; background: rgba(56, 189, 248, 0.15) !important; color: #38BDF8 !important; padding: 3px 8px !important; border-radius: 6px !important; }\n.prompt-desc { font-size: 13.5px !important; color: #94A3B8 !important; margin: 0 0 14px 0 !important; line-height: 1.5 !important; }\n.prompt-code-wrap { background: #020617 !important; border: 1px solid #1E293B !important; border-radius: 10px !important; padding: 16px 18px !important; }\n.prompt-text { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; line-height: 1.7 !important; color: #E2E8F0 !important; white-space: pre-wrap !important; word-break: break-word !important; margin: 0 !important; }\n.prompt-var { color: #FBBF24 !important; font-weight: 600 !important; background: rgba(251, 191, 36, 0.15) !important; padding: 1px 5px !important; border-radius: 4px !important; }\n.copy-btn { background: #2563EB !important; color: #FFFFFF !important; border: none !important; padding: 6px 14px !important; border-radius: 6px !important; font-size: 12.5px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.2s ease !important; }\n.copy-btn:hover { background: #1D4ED8 !important; }\n.copy-btn.copied { background: #10B981 !important; }\n\n\/* Tablas Universales Responsivas para M\u00f3vil y Desktop *\/\n.pilar-table-wrap {\n    width: 100% !important;\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch !important;\n    margin: 22px 0 !important;\n    border-radius: 14px !important;\n    border: 1px solid #E5E7EB !important;\n    box-sizing: border-box !important;\n    background: #FFFFFF !important;\n}\n.pilar-table { width: 100% !important; min-width: 580px !important; border-collapse: collapse !important; font-size: 13.5px !important; margin: 0 !important; }\n.pilar-table th { background: #0A0A0A !important; color: #FFFFFF !important; padding: 16px 18px !important; font-weight: 800 !important; border: none !important; }\n.pilar-table th.winner-th { background: #1E293B !important; color: #F8FAFC !important; border-bottom: 3px solid #3B82F6 !important; }\n.pilar-table td { padding: 14px 18px !important; border-bottom: 1px solid #F1F5F9 !important; color: #374151 !important; line-height: 1.55 !important; }\n.pilar-table tr:hover td { background: #F8FAFC !important; }\n.pilar-table tr:last-child td { border-bottom: none !important; }\n.table-pill-win { display: inline-flex !important; align-items: center; gap: 4px; background: #ECFDF5 !important; color: #065F46 !important; font-weight: 700 !important; padding: 3px 8px !important; border-radius: 6px !important; font-size: 12.5px !important; border: 1px solid #A7F3D0 !important; }\n.table-pill-neutral { display: inline-flex !important; align-items: center; background: #F1F5F9 !important; color: #374151 !important; font-weight: 600 !important; padding: 3px 8px !important; border-radius: 6px !important; font-size: 12.5px !important; }\n\n\/* Tarjetas Ejecutivas *\/\n.exec-model-card {\n    background: #FFFFFF !important;\n    border: 1px solid #E5E7EB !important;\n    border-radius: 16px !important;\n    padding: 26px 22px !important;\n    margin-bottom: 20px !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;\n}\n.exec-model-card.featured-gold { border-left: 4px solid #F59E0B !important; }\n.exec-model-card.featured-emerald { border-left: 4px solid #10B981 !important; }\n.exec-model-card.featured-blue { border-left: 4px solid #2563EB !important; }\n.exec-model-card.featured-purple { border-left: 4px solid #8B5CF6 !important; }\n.exec-model-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 14px !important; }\n.exec-model-title-wrap { display: flex !important; align-items: center !important; gap: 10px !important; }\n.exec-model-icon { font-size: 20px !important; }\n.exec-model-name { font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 !important; }\n.exec-model-score { font-size: 12px !important; font-weight: 800 !important; padding: 3px 10px !important; border-radius: 9999px !important; background: #F1F5F9 !important; color: #111827 !important; }\n\n\/* Benchmarks *\/\n.benchmark-card { background: #F9FAFB !important; border: 1px solid #E5E7EB !important; border-radius: 14px !important; padding: 20px !important; margin: 18px 0 !important; }\n.benchmark-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-bottom: 14px !important; flex-wrap: wrap !important; }\n.benchmark-row:last-child { margin-bottom: 0 !important; }\n.benchmark-label { font-size: 14px !important; font-weight: 700 !important; color: #111827 !important; min-width: 170px !important; }\n.benchmark-bar-wrap { flex: 1 !important; min-width: 140px !important; height: 10px !important; background: #E5E7EB !important; border-radius: 9999px !important; overflow: hidden !important; }\n.benchmark-bar-fill { height: 100% !important; border-radius: 9999px !important; }\n.benchmark-bar-fill.gold { background: #F59E0B !important; }\n.benchmark-bar-fill.emerald { background: #10B981 !important; }\n.benchmark-bar-fill.blue { background: #2563EB !important; }\n.benchmark-score-val { font-size: 13.5px !important; font-weight: 800 !important; color: #111827 !important; min-width: 65px !important; text-align: right !important; }\n<\/style>\n\n<div class=\"rd-wrap\">\n    <!-- Hero Section Negro -->\n    <header class=\"rd-hero-black\">\n        <div style=\"max-width: 900px; margin: 0 auto;\">\n            <div style=\"font-size: 13px; color: #9CA3AF; margin-bottom: 20px;\">\n                <a href=\"\/\" style=\"color:#93C5FD; text-decoration:none; font-weight:600;\">Inicio<\/a> &rsaquo; <span>Aprende IA<\/span>\n            <\/div>\n            <div class=\"rd-badge-pill\">\n                <span class=\"rd-badge-dot\"><\/span>\n                Academia pr\u00e1ctica 2026\n            <\/div>\n            <h1 class=\"rd-hero-title\">Aprende <span class=\"rd-rainbow-ia\">IA<\/span> \u2014 Academia de formaci\u00f3n r\u00e1pida<\/h1>\n            <p class=\"rd-hero-sub\">Lecciones pr\u00e1cticas paso a paso para dominar las herramientas que de verdad importan en minutos.<\/p>\n            <div style=\"display:inline-flex; align-items:center; gap:12px; background:#18181B; border:1px solid #27272A; padding:8px 18px; border-radius:12px; font-size:13px; color:#D1D5DB; font-weight:700;\">\n                <span>\u23f1\ufe0f 5 M\u00f3dulos maestros<\/span>\n                <span>\u2022<\/span>\n                <span>\ud83c\udfaf De cero a copiloto avanzado<\/span>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Contenedor Principal de la P\u00e1gina -->\n    <main class=\"rd-body-light\">\n        <div class=\"rd-main\">\n            \n<div class=\"rd-section-card\" style=\"border-left: 4px solid #2563EB;\">\n    <span class=\"pilar-badge\">\ud83c\udf93 Academia Pr\u00e1ctica \u2022 Edici\u00f3n 2026<\/span>\n    <h2 style=\"font-size:24px;font-weight:800;color:#111827;margin:0 0 14px 0;\">Aprende IA: De Cero a Experto en 5 Minutos al D\u00eda<\/h2>\n    <p class=\"rd-p\" style=\"font-size:16px;line-height:1.75;margin-bottom:16px;\">\n        Olv\u00eddate de cursos te\u00f3ricos aburridos. Aqu\u00ed aprender\u00e1s mediante <strong>casos de uso reales, ejercicios de 5 minutos y plantillas copiables<\/strong> para transformar tu trabajo diario desde el primer momento.\n    <\/p>\n    <div style=\"display:inline-flex;align-items:center;gap:16px;background:#F3F4F6;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#374151;\">\n        <span>\ud83d\udcda 5 M\u00f3dulos Pr\u00e1cticos<\/span>\n        <span>\u2022<\/span>\n        <span>\u23f1\ufe0f Lecciones R\u00e1pidas<\/span>\n        <span>\u2022<\/span>\n        <span>\ud83c\udfaf Cero C\u00f3digo<\/span>\n    <\/div>\n<\/div>\n\n<div class=\"rd-section-card\">\n    <h2 class=\"rd-card-title\">\ud83d\uddfa\ufe0f Plan de Estudios Maestro: Selecciona tu M\u00f3dulo<\/h2>\n    <p class=\"rd-p\" style=\"margin-bottom:24px;\">Elige cualquiera de las lecciones a continuaci\u00f3n para acceder a las gu\u00edas paso a paso:<\/p>\n\n    <!-- CUADR\u00cdCULA DE M\u00d3DULOS (SIDE-BY-SIDE: 2 A 3 COLUMNAS) -->\n    <div style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:24px;\">\n        \n        <!-- M\u00d3DULO 1 -->\n        <a href=\"\/index.php\/aprende-ia\/modulo-1-chatgpt-prompting\/\" class=\"academy-module-card\" style=\"border-top: 4px solid #3B82F6;\">\n            <span class=\"academy-module-badge\">\ud83d\udcd8 M\u00f3dulo 1 \u2022 15 min<\/span>\n            <h3 class=\"academy-module-title\">Prompting profesional con ChatGPT y Claude<\/h3>\n            <p class=\"academy-module-desc\">Domina el m\u00e9todo de los 4 pasos (F\u00f3rmula RTF+), elimina las respuestas gen\u00e9ricas y copia 3 plantillas de emails y res\u00famenes ejecutivos.<\/p>\n            <div class=\"academy-module-footer\">\n                <span>Nivel: Principiante a Pro<\/span>\n                <span>Empezar lecci\u00f3n &rarr;<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- M\u00d3DULO 2 -->\n        <a href=\"\/index.php\/aprende-ia\/modulo-2-midjourney-diseno\/\" class=\"academy-module-card\" style=\"border-top: 4px solid #8B5CF6;\">\n            <span class=\"academy-module-badge\" style=\"color:#7C3AED;background:#F5F3FF;border-color:#EDE9FE;\">\ud83c\udfa8 M\u00f3dulo 2 \u2022 20 min<\/span>\n            <h3 class=\"academy-module-title\">Midjourney v6: Par\u00e1metros \u00f3pticos y fotorrealismo<\/h3>\n            <p class=\"academy-module-desc\">Aprende los comandos esenciales (&#8211;style raw, &#8211;ar 16:9, &#8211;v 6.1) explicados en lenguaje humano para crear im\u00e1genes de calidad de estudio.<\/p>\n            <div class=\"academy-module-footer\" style=\"color:#7C3AED;\">\n                <span>Nivel: Intermedio<\/span>\n                <span>Empezar lecci\u00f3n &rarr;<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- M\u00d3DULO 3 -->\n        <a href=\"\/index.php\/aprende-ia\/modulo-3-runway-video\/\" class=\"academy-module-card\" style=\"border-top: 4px solid #EC4899;\">\n            <span class=\"academy-module-badge\" style=\"color:#DB2777;background:#FDF2F8;border-color:#FCE7F3;\">\ud83c\udfac M\u00f3dulo 3 \u2022 18 min<\/span>\n            <h3 class=\"academy-module-title\">Runway Gen-3: V\u00eddeo cinematogr\u00e1fico con IA<\/h3>\n            <p class=\"academy-module-desc\">El secreto del flujo Image-to-Video (I2V): c\u00f3mo transformar una foto fija en un clip de v\u00eddeo con movimientos de c\u00e1mara 3D.<\/p>\n            <div class=\"academy-module-footer\" style=\"color:#DB2777;\">\n                <span>Nivel: Intermedio<\/span>\n                <span>Empezar lecci\u00f3n &rarr;<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- M\u00d3DULO 4 -->\n        <a href=\"\/index.php\/aprende-ia\/modulo-4-automatizacion-make\/\" class=\"academy-module-card\" style=\"border-top: 4px solid #10B981;\">\n            <span class=\"academy-module-badge\" style=\"color:#059669;background:#ECFDF5;border-color:#A7F3D0;\">\u2699\ufe0f M\u00f3dulo 4 \u2022 25 min<\/span>\n            <h3 class=\"academy-module-title\">Automatizaciones sin c\u00f3digo con Make y IA<\/h3>\n            <p class=\"academy-module-desc\">Conecta Gmail, Notion, Slack y Google Sheets con la IA para clasificar facturas y responder clientes las 24 horas.<\/p>\n            <div class=\"academy-module-footer\" style=\"color:#059669;\">\n                <span>Nivel: Avanzado<\/span>\n                <span>Empezar lecci\u00f3n &rarr;<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- M\u00d3DULO 5 -->\n        <a href=\"\/index.php\/aprende-ia\/modulo-5-claude-analisis\/\" class=\"academy-module-card\" style=\"border-top: 4px solid #F59E0B;\">\n            <span class=\"academy-module-badge\" style=\"color:#D97706;background:#FFFBEB;border-color:#FEF3C7;\">\ud83d\udcca M\u00f3dulo 5 \u2022 20 min<\/span>\n            <h3 class=\"academy-module-title\">An\u00e1lisis de documentos con Claude Projects<\/h3>\n            <p class=\"academy-module-desc\">Crea un consultor privado con tu base de conocimiento corporativa, sube libros enteros o contratos y extrae respuestas con citas.<\/p>\n            <div class=\"academy-module-footer\" style=\"color:#D97706;\">\n                <span>Nivel: Profesional<\/span>\n                <span>Empezar lecci\u00f3n &rarr;<\/span>\n            <\/div>\n        <\/a>\n\n    <\/div>\n<\/div>\n\n\n            <!-- CTA Box alineado con el dise\u00f1o -->\n            <div class=\"rd-section-card\" style=\"background:#111827!important; border:1px solid #1F2937!important; color:#FFFFFF; text-align:center; padding:48px 24px; margin-top:40px;\">\n                <h3 style=\"font-size:24px; font-weight:800; margin:0 0 10px 0; color:#FFFFFF;\">\u00bfQuieres poner en pr\u00e1ctica lo aprendido?<\/h3>\n                <p style=\"font-size:15px; color:#9CA3AF; max-width:580px; margin:0 auto 24px auto; line-height:1.6;\">Copia uno de nuestros 45 prompts optimizados.<\/p>\n                <a href=\"\/index.php\/prompts-ia\/\" class=\"pilar-btn-primary\" style=\"padding:14px 28px; font-size:15px; text-decoration:none!important;\">\n                    Ir al banco de prompts &rarr;\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- Footer Maestro Id\u00e9ntico a la Home -->\n    <footer class=\"rd-master-footer\">\n        <div class=\"rd-footer-container\">\n            <div class=\"rd-footer-grid\">\n                <div>\n                    <a href=\"\/\" class=\"rd-footer-logo\">Everywhere<span class=\"rd-rainbow-ia\">IA<\/span><\/a>\n                    <p class=\"rd-footer-bio\">La plataforma de referencia en espa\u00f1ol sobre inteligencia artificial pr\u00e1ctica, automatizaciones y an\u00e1lisis de modelos en 2026.<\/p>\n                    <span style=\"display:inline-flex;align-items:center;gap:6px;background:#18181B;border:1px solid #27272A;padding:4px 12px;border-radius:9999px;font-size:12px;color:#D1D5DB;font-weight:700;\">\u26a1 Edici\u00f3n 2026<\/span>\n                <\/div>\n                <div>\n                    <h4 class=\"rd-footer-title\">\ud83d\uddc2\ufe0f Herramientas<\/h4>\n                    <ul class=\"rd-footer-links\">\n                        <li><a href=\"\/index.php\/herramientas-ia\/escritura\/\">\u270d\ufe0f Escritura &#038; Copy<\/a><\/li>\n                        <li><a href=\"\/index.php\/herramientas-ia\/diseno\/\">\ud83c\udfa8 Dise\u00f1o &#038; Arte<\/a><\/li>\n                        <li><a href=\"\/index.php\/herramientas-ia\/analisis\/\">\ud83d\udcca An\u00e1lisis &#038; Datos<\/a><\/li>\n                        <li><a href=\"\/index.php\/prompts-ia\/\">\ud83d\udca1 Banco de 45 Prompts<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"rd-footer-title\">\u2696\ufe0f Comparativas<\/h4>\n                    <ul class=\"rd-footer-links\">\n                        <li><a href=\"\/index.php\/comparativas-ia\/chatgpt-vs-claude-vs-gemini\/\">\u26a1 ChatGPT vs Claude vs Gemini<\/a><\/li>\n                        <li><a href=\"\/index.php\/comparativas-ia\/cursor-vs-copilot\/\">\ud83d\udcbb Cursor IDE vs Copilot<\/a><\/li>\n                        <li><a href=\"\/index.php\/comparativas-ia\/midjourney-vs-flux-vs-dalle\/\">\ud83c\udfa8 Midjourney vs Flux.1<\/a><\/li>\n                        <li><a href=\"\/index.php\/comparativas-ia\/claude-vs-copilot\/\">\ud83d\ude80 Claude vs MS Copilot<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"rd-footer-title\">\ud83d\udcda Academia<\/h4>\n                    <ul class=\"rd-footer-links\">\n                        <li><a href=\"\/index.php\/aprende-ia\/modulo-1-chatgpt-prompting\/\">\ud83d\udcd8 M\u00f3dulo 1: Prompting Pro<\/a><\/li>\n                        <li><a href=\"\/index.php\/aprende-ia\/modulo-2-midjourney-diseno\/\">\ud83c\udfa8 M\u00f3dulo 2: Midjourney v6<\/a><\/li>\n                        <li><a href=\"\/index.php\/aprende-ia\/modulo-3-runway-video\/\">\ud83c\udfac M\u00f3dulo 3: Runway V\u00eddeo<\/a><\/li>\n                        <li><a href=\"\/index.php\/aprende-ia\/modulo-4-automatizacion-make\/\">\u2699\ufe0f M\u00f3dulo 4: Make &#038; IA<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"rd-footer-bottom\">\n                <div>&copy; 2026 EverywhereIA.es \u2014 Todos los derechos reservados.<\/div>\n                <div class=\"rd-footer-legal-links\">\n                    <a href=\"\/index.php\/aviso-legal\/\">Aviso Legal<\/a>\n                    <span class=\"rd-footer-sep\">\u2022<\/span>\n                    <a href=\"\/index.php\/politica-de-privacidad\/\">Privacidad<\/a>\n                    <span class=\"rd-footer-sep\">\u2022<\/span>\n                    <a href=\"\/index.php\/politica-de-cookies\/\">Cookies<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n<div id=\"rd-cookie-banner\" style=\"display:none;position:fixed;bottom:20px;left:20px;right:20px;max-width:540px;margin:0 auto;background:rgba(24,24,27,0.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,0.6);z-index:99999999;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\">\n    <div style=\"display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;\">\n        <span style=\"font-size:26px;line-height:1;\">\ud83c\udf6a<\/span>\n        <div>\n            <h4 style=\"margin:0 0 6px 0;font-size:15px;font-weight:800;color:#FFFFFF;letter-spacing:-0.2px;\">Control de Privacidad y Cookies<\/h4>\n            <p style=\"margin:0;font-size:13px;color:#D4D4D8;line-height:1.55;\">\n                Utilizamos cookies t\u00e9cnicas y anal\u00edticas para optimizar tu experiencia y analizar el tr\u00e1fico de forma an\u00f3nima conforme al <strong>RGPD y la LSSI-CE<\/strong>. Puedes aceptar todas las cookies, rechazar las no esenciales o consultar nuestra <a href=\"\/index.php\/politica-de-cookies\/\" style=\"color:#60A5FA;text-decoration:underline;font-weight:600;\">Pol\u00edtica de Cookies<\/a>.\n            <\/p>\n        <\/div>\n    <\/div>\n    <div style=\"display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;\">\n        <button id=\"rd-cookie-reject\" type=\"button\" style=\"background:#27272A;border:1px solid #3F3F46;color:#E4E4E7;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;\">\n            Rechazar no esenciales\n        <\/button>\n        <button id=\"rd-cookie-accept\" type=\"button\" style=\"background:#2563EB;border:1px solid #3B82F6;color:#FFFFFF;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(37,99,235,0.3);\">\n            Aceptar todas\n        <\/button>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    function initCookieBanner() {\n        var banner = document.getElementById('rd-cookie-banner');\n        if (!banner) return;\n        var consent = localStorage.getItem('everywhereia_cookie_consent');\n        if (!consent) {\n            banner.style.display = 'block';\n            banner.style.animation = 'rdCookieFadeIn 0.3s ease-out forwards';\n        }\n        var btnAccept = document.getElementById('rd-cookie-accept');\n        var btnReject = document.getElementById('rd-cookie-reject');\n        if (btnAccept) {\n            btnAccept.addEventListener('click', function() {\n                localStorage.setItem('everywhereia_cookie_consent', 'accepted');\n                banner.style.display = 'none';\n            });\n        }\n        if (btnReject) {\n            btnReject.addEventListener('click', function() {\n                localStorage.setItem('everywhereia_cookie_consent', 'rejected');\n                banner.style.display = 'none';\n            });\n        }\n    }\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCookieBanner);\n    } else {\n        initCookieBanner();\n    }\n})();\n<\/script>\n<style>\n@keyframes rdCookieFadeIn {\n    from { opacity: 0; transform: translateY(16px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n#rd-cookie-accept:hover {\n    background: #1D4ED8 !important;\n    transform: translateY(-1px);\n}\n#rd-cookie-reject:hover {\n    background: #3F3F46 !important;\n    color: #FFFFFF !important;\n}\n@media (max-width: 600px) {\n    #rd-cookie-banner {\n        left: 12px !important;\n        right: 12px !important;\n        bottom: 12px !important;\n        padding: 16px 18px !important;\n    }\n    #rd-cookie-banner .rd-cookie-actions {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n    #rd-cookie-accept, #rd-cookie-reject {\n        width: 100%;\n        text-align: center;\n        padding: 10px !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    function cleanNativeElements() {\n        var nativeEls = document.querySelectorAll('.site-footer, footer.site-info, #right-sidebar, #left-sidebar, .footer-widgets, .copyright-bar, .inside-site-info');\n        nativeEls.forEach(function(el) {\n            if (!el.classList.contains('rd-master-footer') && !el.closest('.rd-master-footer')) {\n                el.remove();\n            }\n        });\n    }\n    cleanNativeElements();\n    setTimeout(cleanNativeElements, 100);\n    setTimeout(cleanNativeElements, 500);\n\n    function initMobileNav() {\n        cleanNativeElements();\n        var headerInside = document.querySelector('.inside-header');\n        if (!headerInside) return;\n\n        \/\/ 1. Eliminar cualquier selector de idioma existente\n        var oldLang = document.querySelectorAll('.rd-lang-switcher, .rd-mobile-lang');\n        oldLang.forEach(function(el) { el.remove(); });\n\n        \/\/ 2. Bot\u00f3n Hamburguesa a la extrema derecha (SOLO icono, sin texto)\n        var toggleBtn = document.getElementById('rdHamburgerToggle');\n        if (!toggleBtn) {\n            toggleBtn = document.createElement('button');\n            toggleBtn.type = 'button';\n            toggleBtn.className = 'rd-hamburger-btn';\n            toggleBtn.id = 'rdHamburgerToggle';\n            toggleBtn.setAttribute('aria-label', 'Abrir men\u00fa');\n            toggleBtn.innerHTML = `\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n                    <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n                    <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n                <\/svg>\n            `;\n            headerInside.appendChild(toggleBtn);\n        }\n\n        \/\/ 3. Drawer a pantalla completa con rutas completas\n        var drawer = document.getElementById('rd-mobile-drawer');\n        if (!drawer) {\n            drawer = document.createElement('div');\n            drawer.id = 'rd-mobile-drawer';\n            drawer.innerHTML = `\n                <ul class=\"rd-mobile-menu-list\">\n                    <!-- 1. Herramientas IA (Padre) -->\n                    <li class=\"rd-mobile-menu-item\">\n                        <a href=\"\/index.php\/herramientas-ia\/\">\n                            <span>\ud83d\uddc2\ufe0f Herramientas <span class=\"rd-rainbow-ia\">IA<\/span><\/span>\n                            <span class=\"rd-mobile-chevron\">\u203a<\/span>\n                        <\/a>\n                        <ul class=\"rd-sub-menu\">\n                            <li><a href=\"\/index.php\/herramientas-ia\/escritura\/\">\u270d\ufe0f Redacci\u00f3n & Copywriting<\/a><\/li>\n                            <li><a href=\"\/index.php\/herramientas-ia\/diseno\/\">\ud83c\udfa8 Dise\u00f1o & Arte Visual<\/a><\/li>\n                            <li><a href=\"\/index.php\/herramientas-ia\/analisis\/\">\ud83d\udcca An\u00e1lisis & Datos<\/a><\/li>\n                        <\/ul>\n                    <\/li>\n\n                    <!-- 2. Comparativas (Padre) -->\n                    <li class=\"rd-mobile-menu-item\">\n                        <a href=\"\/index.php\/comparativas-ia\/\">\n                            <span>\u2696\ufe0f Comparativas<\/span>\n                            <span class=\"rd-mobile-chevron\">\u203a<\/span>\n                        <\/a>\n                        <ul class=\"rd-sub-menu\">\n                            <li><a href=\"\/index.php\/comparativas-ia\/chatgpt-vs-claude-vs-gemini\/\">\u26a1 ChatGPT vs Claude vs Gemini<\/a><\/li>\n                            <li><a href=\"\/index.php\/comparativas-ia\/cursor-vs-copilot\/\">\ud83d\udcbb Cursor IDE vs Copilot<\/a><\/li>\n                            <li><a href=\"\/index.php\/comparativas-ia\/midjourney-vs-flux-vs-dalle\/\">\ud83c\udfa8 Midjourney vs Flux.1 vs DALL-E<\/a><\/li>\n                            <li><a href=\"\/index.php\/comparativas-ia\/claude-vs-copilot\/\">\ud83d\ude80 Claude vs Microsoft Copilot<\/a><\/li>\n                        <\/ul>\n                    <\/li>\n\n                    <!-- 3. Kits IA -->\n                    <li class=\"rd-mobile-menu-item\">\n                        <a href=\"\/index.php\/kits-ia\/\">\n                            <span>\ud83d\udce6 Kits <span class=\"rd-rainbow-ia\">IA<\/span><\/span>\n                            <span class=\"rd-mobile-chevron\">\u203a<\/span>\n                        <\/a>\n                    <\/li>\n\n                    <!-- 4. Prompts IA -->\n                    <li class=\"rd-mobile-menu-item\">\n                        <a href=\"\/index.php\/prompts-ia\/\">\n                            <span>\ud83d\udca1 Banco de 45 prompts<\/span>\n                            <span class=\"rd-mobile-chevron\">\u203a<\/span>\n                        <\/a>\n                    <\/li>\n\n                    <!-- 5. Por Industria (Padre) -->\n                    <li class=\"rd-mobile-menu-item\">\n                        <a href=\"\/index.php\/ia-por-industria\/\">\n                            <span>\ud83d\udcbc Por industria<\/span>\n                            <span class=\"rd-mobile-chevron\">\u203a<\/span>\n                        <\/a>\n                        <ul class=\"rd-sub-menu\">\n                            <li><a href=\"\/index.php\/ia-por-industria\/abogados\/\">\u2696\ufe0f Para Abogados y Legal<\/a><\/li>\n                            <li><a href=\"\/index.php\/ia-por-industria\/agencias-marketing\/\">\ud83d\udce2 Para Agencias de Marketing<\/a><\/li>\n                        <\/ul>\n                    <\/li>\n\n                    <!-- 6. Aprende IA (Padre) -->\n                    <li class=\"rd-mobile-menu-item\">\n                        <a href=\"\/index.php\/aprende-ia\/\">\n                            <span>\ud83d\udcda Aprende <span class=\"rd-rainbow-ia\">IA<\/span><\/span>\n                            <span class=\"rd-mobile-chevron\">\u203a<\/span>\n                        <\/a>\n                        <ul class=\"rd-sub-menu\">\n                            <li><a href=\"\/index.php\/aprende-ia\/modulo-1-chatgpt-prompting\/\">\ud83d\udcd8 M\u00f3dulo 1: Prompting Pro<\/a><\/li>\n                            <li><a href=\"\/index.php\/aprende-ia\/modulo-2-midjourney-diseno\/\">\ud83c\udfa8 M\u00f3dulo 2: Midjourney v6<\/a><\/li>\n                            <li><a href=\"\/index.php\/aprende-ia\/modulo-3-runway-video\/\">\ud83c\udfac M\u00f3dulo 3: Runway V\u00eddeo<\/a><\/li>\n                            <li><a href=\"\/index.php\/aprende-ia\/modulo-4-automatizacion-make\/\">\u2699\ufe0f M\u00f3dulo 4: Make & IA<\/a><\/li>\n                            <li><a href=\"\/index.php\/aprende-ia\/modulo-5-claude-analisis\/\">\ud83d\udcca M\u00f3dulo 5: Claude Projects<\/a><\/li>\n                        <\/ul>\n                    <\/li>\n                <\/ul>\n\n                <div class=\"rd-mobile-cta-box\">\n                    <div style=\"font-size:13px;font-weight:700;color:#9CA3AF;\">\u00bfQuieres empezar ya?<\/div>\n                    <div style=\"font-size:14px;font-weight:800;color:#FFF;margin-top:2px;\">45 prompts listos para copiar<\/div>\n                    <a href=\"\/index.php\/prompts-ia\/\" class=\"rd-mobile-cta-btn\">Explorar prompts &rarr;<\/a>\n                <\/div>\n            `;\n            document.body.appendChild(drawer);\n        }\n\n        \/\/ 4. Control de Apertura \/ Cierre\n        if (!toggleBtn.dataset.bound) {\n            toggleBtn.dataset.bound = 'true';\n            toggleBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                var isOpen = drawer.classList.contains('open');\n                if (isOpen) {\n                    drawer.classList.remove('open');\n                    toggleBtn.classList.remove('is-active');\n                    toggleBtn.innerHTML = `\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n                            <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n                            <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n                        <\/svg>\n                    `;\n                    document.body.style.overflow = '';\n                } else {\n                    drawer.classList.add('open');\n                    toggleBtn.classList.add('is-active');\n                    toggleBtn.innerHTML = `\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n                        <\/svg>\n                    `;\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n        \/\/ 5. Aplicar arco\u00edris a todas las palabras 'IA' en men\u00fa y logo\n        function applyRainbowToIA() {\n            var logoLinks = document.querySelectorAll('.site-branding .main-title a, .site-header .site-title a, .site-logo a');\n            logoLinks.forEach(function(el) {\n                if (el.innerHTML.indexOf('rd-rainbow-ia') === -1) {\n                    el.innerHTML = el.innerHTML.replace(\/IA\/g, '<span class=\"rd-rainbow-ia\">IA<\/span>');\n                }\n            });\n            var menuLinks = document.querySelectorAll('.main-navigation a, .main-nav a, .menu-item a, .rd-mobile-menu a, .inside-navigation a');\n            menuLinks.forEach(function(el) {\n                if (el.innerHTML.indexOf('rd-rainbow-ia') === -1 && \/\\bIA\\b\/.test(el.textContent)) {\n                    el.innerHTML = el.innerHTML.replace(\/\\bIA\\b\/g, '<span class=\"rd-rainbow-ia\">IA<\/span>');\n                }\n            });\n        }\n        applyRainbowToIA();\n        setTimeout(applyRainbowToIA, 300);\n        setTimeout(applyRainbowToIA, 1000);\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', function() {\n        initMobileNav();\n\n        \/\/ Dropdown en Desktop con puente transparente para cero parpadeo\n        var navItems = document.querySelectorAll('.main-navigation .main-nav ul > li');\n        navItems.forEach(function(li) {\n            var link = li.querySelector('a');\n            if (link && \/herramientas-ia\/i.test(link.getAttribute('href') || '') && !li.querySelector('.rd-dropdown-bridge')) {\n                link.innerHTML = 'Herramientas <span class=\"rd-rainbow-ia\">IA<\/span> <span style=\"font-size:10px;margin-left:3px;opacity:0.7;\">\u25be<\/span>';\n                var bridge = document.createElement('div');\n                bridge.className = 'rd-dropdown-bridge';\n                bridge.innerHTML = '<ul class=\"rd-sub-menu-box\">' +\n                                    '<li><a href=\"\/index.php\/herramientas-ia\/escritura\/\">\u270d\ufe0f Redacci\u00f3n & Copy<\/a><\/li>' +\n                                    '<li><a href=\"\/index.php\/herramientas-ia\/diseno\/\">\ud83c\udfa8 Dise\u00f1o & Arte Visual<\/a><\/li>' +\n                                    '<li><a href=\"\/index.php\/herramientas-ia\/analisis\/\">\ud83d\udcca An\u00e1lisis & Datos<\/a><\/li>' +\n                                    '<li style=\"border-top:1px solid #374151;margin-top:4px;padding-top:4px;\"><a href=\"\/index.php\/herramientas-ia\/\" style=\"color:#60A5FA!important;font-weight:700;\">\ud83d\udd0d Ver Cat\u00e1logo Completo &rarr;<\/a><\/li>' +\n                                    '<\/ul>';\n                li.appendChild(bridge);\n            }\n        });\n\n        \/\/ Filtros y Buscador interactivo\n        var filterBtns = document.querySelectorAll('.filter-tab-btn');\n        var items = document.querySelectorAll('.filterable-item');\n        var searchBox = document.querySelector('.search-input-box');\n\n        function runFilter() {\n            var activeBtn = document.querySelector('.filter-tab-btn.active');\n            var cat = activeBtn ? activeBtn.getAttribute('data-filter') : 'all';\n            var q = searchBox ? searchBox.value.toLowerCase().trim() : '';\n\n            items.forEach(function(item) {\n                var itemCat = item.getAttribute('data-category');\n                var itemText = item.textContent.toLowerCase();\n                var matchesCat = (cat === 'all' || itemCat === cat);\n                var matchesSearch = (!q || itemText.indexOf(q) !== -1);\n\n                if (matchesCat && matchesSearch) {\n                    item.style.display = '';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n        }\n\n        if (filterBtns.length > 0) {\n            filterBtns.forEach(function(btn) {\n                btn.addEventListener('click', function() {\n                    filterBtns.forEach(function(b) { b.classList.remove('active'); });\n                    btn.classList.add('active');\n                    runFilter();\n                });\n            });\n        }\n\n        if (searchBox) {\n            searchBox.addEventListener('input', runFilter);\n        }\n\n        \/\/ 1-Click Copy\n        document.addEventListener('click', function(e) {\n            if (e.target && (e.target.classList.contains('copy-btn') || e.target.closest('.copy-btn'))) {\n                var btn = e.target.classList.contains('copy-btn') ? e.target : e.target.closest('.copy-btn');\n                var card = btn.closest('.prompt-card');\n                if (card) {\n                    var codeEl = card.querySelector('.prompt-text');\n                    if (codeEl) {\n                        var textToCopy = codeEl.innerText;\n                        navigator.clipboard.writeText(textToCopy).then(function() {\n                            var orig = btn.innerHTML;\n                            btn.innerHTML = '\u2713 \u00a1Copiado!';\n                            btn.classList.add('copied');\n                            setTimeout(function() {\n                                btn.innerHTML = orig;\n                                btn.classList.remove('copied');\n                            }, 2000);\n                        });\n                    }\n                }\n            }\n        });\n    });\n    } else {\n        initMobileNav();\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Inicio &rsaquo; Aprende IA Academia pr\u00e1ctica 2026 Aprende IA \u2014 Academia de formaci\u00f3n r\u00e1pida Lecciones pr\u00e1cticas paso a paso para dominar las herramientas que de verdad importan en minutos. \u23f1\ufe0f 5 M\u00f3dulos maestros \u2022 \ud83c\udfaf De cero a copiloto avanzado \ud83c\udf93 Academia Pr\u00e1ctica \u2022 Edici\u00f3n 2026 Aprende IA: De Cero a Experto en 5 Minutos &#8230; <a title=\"Aprende IA &#8211; Gu\u00edas y tutoriales en profundidad\" class=\"read-more\" href=\"https:\/\/everywhereia.es\/index.php\/aprende-ia\/\" aria-label=\"Leer m\u00e1s sobre Aprende IA &#8211; Gu\u00edas y tutoriales en profundidad\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Aprende IA - Gu\u00edas y tutoriales en profundidad - EverywhereIA<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aprende IA - Gu\u00edas y tutoriales en profundidad - EverywhereIA\" \/>\n<meta property=\"og:description\" content=\"Inicio &rsaquo; Aprende IA Academia pr\u00e1ctica 2026 Aprende IA \u2014 Academia de formaci\u00f3n r\u00e1pida Lecciones pr\u00e1cticas paso a paso para dominar las herramientas que de verdad importan en minutos. \u23f1\ufe0f 5 M\u00f3dulos maestros \u2022 \ud83c\udfaf De cero a copiloto avanzado \ud83c\udf93 Academia Pr\u00e1ctica \u2022 Edici\u00f3n 2026 Aprende IA: De Cero a Experto en 5 Minutos ... Leer m\u00e1s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/everywhereia.es\/index.php\/aprende-ia\/\" \/>\n<meta property=\"og:site_name\" content=\"EverywhereIA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-27T13:52:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/everywhereia.es\\\/index.php\\\/aprende-ia\\\/\",\"url\":\"https:\\\/\\\/everywhereia.es\\\/index.php\\\/aprende-ia\\\/\",\"name\":\"Aprende IA - Gu\u00edas y tutoriales en profundidad - EverywhereIA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/everywhereia.es\\\/#website\"},\"datePublished\":\"2026-08-27T09:41:30+00:00\",\"dateModified\":\"2026-08-27T13:52:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/everywhereia.es\\\/index.php\\\/aprende-ia\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/everywhereia.es\\\/index.php\\\/aprende-ia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/everywhereia.es\\\/index.php\\\/aprende-ia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/everywhereia.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aprende IA &#8211; Gu\u00edas y tutoriales en profundidad\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/everywhereia.es\\\/#website\",\"url\":\"https:\\\/\\\/everywhereia.es\\\/\",\"name\":\"EverywhereIA\",\"description\":\"Las Mejores Herramientas de Inteligencia Artificial en Espa\u00f1ol\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/everywhereia.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aprende IA - Gu\u00edas y tutoriales en profundidad - EverywhereIA","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Aprende IA - Gu\u00edas y tutoriales en profundidad - EverywhereIA","og_description":"Inicio &rsaquo; Aprende IA Academia pr\u00e1ctica 2026 Aprende IA \u2014 Academia de formaci\u00f3n r\u00e1pida Lecciones pr\u00e1cticas paso a paso para dominar las herramientas que de verdad importan en minutos. \u23f1\ufe0f 5 M\u00f3dulos maestros \u2022 \ud83c\udfaf De cero a copiloto avanzado \ud83c\udf93 Academia Pr\u00e1ctica \u2022 Edici\u00f3n 2026 Aprende IA: De Cero a Experto en 5 Minutos ... Leer m\u00e1s","og_url":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/","og_site_name":"EverywhereIA","article_modified_time":"2026-08-27T13:52:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/","url":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/","name":"Aprende IA - Gu\u00edas y tutoriales en profundidad - EverywhereIA","isPartOf":{"@id":"https:\/\/everywhereia.es\/#website"},"datePublished":"2026-08-27T09:41:30+00:00","dateModified":"2026-08-27T13:52:56+00:00","breadcrumb":{"@id":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/everywhereia.es\/index.php\/aprende-ia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/everywhereia.es\/index.php\/aprende-ia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/everywhereia.es\/"},{"@type":"ListItem","position":2,"name":"Aprende IA &#8211; Gu\u00edas y tutoriales en profundidad"}]},{"@type":"WebSite","@id":"https:\/\/everywhereia.es\/#website","url":"https:\/\/everywhereia.es\/","name":"EverywhereIA","description":"Las Mejores Herramientas de Inteligencia Artificial en Espa\u00f1ol","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/everywhereia.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":38,"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/818"}],"wp:attachment":[{"href":"https:\/\/everywhereia.es\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}