{"id":20180,"date":"2023-11-08T08:09:05","date_gmt":"2023-11-08T08:09:05","guid":{"rendered":"https:\/\/wp.ditsolution.net\/techno-new\/?page_id=20180"},"modified":"2026-05-06T21:29:19","modified_gmt":"2026-05-06T21:29:19","slug":"tutoriales","status":"publish","type":"page","link":"https:\/\/inproyi.com\/sw\/tutoriales\/","title":{"rendered":"Tutoriales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20180\" class=\"elementor elementor-20180\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3245b625 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3245b625\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-330231c7\" data-id=\"330231c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18cfac4 elementor-widget elementor-widget-html\" data-id=\"18cfac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N TUTORIALES - INPROYI \/ INNOVA ERP\r\n     Pega este bloque completo en un bloque HTML de WordPress\r\n     ============================================================ -->\r\n\r\n<style>\r\n    \/* \u2500\u2500 Variables de marca INPROYI \u2500\u2500 *\/\r\n    :root {\r\n        --azul-oscuro: #222540;\r\n        --azul-semi: #284580;\r\n        --celeste-oscuro: #0082C6;\r\n        --azul-suave: #005D99;\r\n        --celeste-claro: #0BA0DC;\r\n        --blanco: #ffffff;\r\n        --gris-claro: #f4f7fb;\r\n        --gris-texto: #555e72;\r\n        --sombra: 0 4px 20px rgba(34, 37, 64, 0.13);\r\n        --radio: 12px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Secci\u00f3n contenedor \u2500\u2500 *\/\r\n    .inproyi-tutoriales {\r\n        background: var(--gris-claro);\r\n        padding: 60px 20px 70px;\r\n        font-family: 'Segoe UI', Arial, sans-serif;\r\n    }\r\n\r\n    \/* \u2500\u2500 Encabezado de secci\u00f3n \u2500\u2500 *\/\r\n    .inproyi-tutoriales__header {\r\n        text-align: center;\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n    .inproyi-tutoriales__badge {\r\n        display: inline-block;\r\n        background: var(--azul-oscuro);\r\n        color: var(--celeste-claro);\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        padding: 5px 16px;\r\n        border-radius: 20px;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .inproyi-tutoriales__titulo {\r\n        font-size: clamp(26px, 4vw, 38px);\r\n        font-weight: 800;\r\n        color: var(--azul-oscuro);\r\n        margin: 0 0 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .inproyi-tutoriales__titulo span {\r\n        color: var(--celeste-oscuro);\r\n    }\r\n\r\n    .inproyi-tutoriales__subtitulo {\r\n        font-size: 15px;\r\n        color: var(--gris-texto);\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 Buscador \u2500\u2500 *\/\r\n    .inproyi-tutoriales__search-wrap {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .inproyi-tutoriales__search {\r\n        width: 100%;\r\n        max-width: 480px;\r\n        padding: 11px 20px 11px 44px;\r\n        border: 2px solid #d0dce8;\r\n        border-radius: 30px;\r\n        font-size: 14px;\r\n        color: var(--azul-oscuro);\r\n        background: var(--blanco) url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='%230082C6' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398l3.85 3.85a1 1 0 0 0 1.415-1.415l-3.868-3.833zm-5.242 1.156a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'\/%3E%3C\/svg%3E\") 14px center no-repeat;\r\n        outline: none;\r\n        transition: border-color .25s;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .inproyi-tutoriales__search:focus {\r\n        border-color: var(--celeste-oscuro);\r\n    }\r\n\r\n    \/* \u2500\u2500 Grid de videos \u2500\u2500 *\/\r\n    .inproyi-tutoriales__grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 28px;\r\n        max-width: 1060px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n        .inproyi-tutoriales__grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500 Tarjeta de video \u2500\u2500 *\/\r\n    .tutorial-card {\r\n        background: var(--blanco);\r\n        border-radius: var(--radio);\r\n        box-shadow: var(--sombra);\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform .25s, box-shadow .25s;\r\n        border: 1px solid rgba(40, 69, 128, .08);\r\n    }\r\n\r\n    .tutorial-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 32px rgba(34, 37, 64, 0.18);\r\n    }\r\n\r\n    \/* T\u00edtulo sobre el video *\/\r\n    .tutorial-card__header {\r\n        padding: 16px 18px 12px;\r\n        background: var(--azul-oscuro);\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n    }\r\n\r\n    .tutorial-card__num {\r\n        background: var(--celeste-oscuro);\r\n        color: var(--blanco);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n        padding: 3px 8px;\r\n        border-radius: 4px;\r\n        white-space: nowrap;\r\n        margin-top: 2px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .tutorial-card__titulo {\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        color: var(--blanco);\r\n        line-height: 1.4;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Contenedor miniatura \/ iframe *\/\r\n    .tutorial-card__media {\r\n        position: relative;\r\n        width: 100%;\r\n        padding-bottom: 56.25%;\r\n        \/* 16:9 *\/\r\n        background: var(--azul-oscuro);\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tutorial-card__thumb {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: opacity .3s;\r\n    }\r\n\r\n    .tutorial-card__play {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(34, 37, 64, 0.35);\r\n        transition: background .25s;\r\n    }\r\n\r\n    .tutorial-card__media:hover .tutorial-card__play {\r\n        background: rgba(11, 160, 220, 0.45);\r\n    }\r\n\r\n    .tutorial-card__play svg {\r\n        width: 56px;\r\n        height: 56px;\r\n        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .5));\r\n        transition: transform .2s;\r\n    }\r\n\r\n    .tutorial-card__media:hover .tutorial-card__play svg {\r\n        transform: scale(1.12);\r\n    }\r\n\r\n    \/* Iframe oculto hasta reproducir *\/\r\n    .tutorial-card__iframe {\r\n        display: none;\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    \/* Mensaje sin resultados *\/\r\n    .inproyi-tutoriales__empty {\r\n        display: none;\r\n        text-align: center;\r\n        color: var(--gris-texto);\r\n        padding: 40px 20px;\r\n        font-size: 15px;\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n    \/* \u2500\u2500 Contador \u2500\u2500 *\/\r\n    .inproyi-tutoriales__count {\r\n        text-align: center;\r\n        font-size: 13px;\r\n        color: var(--gris-texto);\r\n        margin-top: 32px;\r\n    }\r\n\r\n    .inproyi-tutoriales__count strong {\r\n        color: var(--celeste-oscuro);\r\n    }\r\n\r\n    \/* \u2500\u2500 Paginaci\u00f3n \u2500\u2500 *\/\r\n    .inproyi-tutoriales__pagination {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin-top: 36px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .inproyi-page-btn {\r\n        min-width: 40px;\r\n        height: 40px;\r\n        border: 2px solid #d0dce8;\r\n        border-radius: 10px;\r\n        background: var(--blanco);\r\n        color: var(--azul-oscuro);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all .25s;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .inproyi-page-btn:hover {\r\n        background: var(--celeste-oscuro);\r\n        color: var(--blanco);\r\n        border-color: var(--celeste-oscuro);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(0, 130, 198, .3);\r\n    }\r\n\r\n    .inproyi-page-btn.active {\r\n        background: var(--azul-oscuro);\r\n        color: var(--blanco);\r\n        border-color: var(--azul-oscuro);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .inproyi-page-btn:disabled {\r\n        opacity: .4;\r\n        cursor: default;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500 Modal de video \u2500\u2500 *\/\r\n    .inproyi-modal-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 999999;\r\n        background: rgba(10, 12, 30, .85);\r\n        backdrop-filter: blur(6px);\r\n        -webkit-backdrop-filter: blur(6px);\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 24px;\r\n        animation: inproyiFadeIn .3s ease;\r\n    }\r\n\r\n    .inproyi-modal-overlay.visible {\r\n        display: flex;\r\n    }\r\n\r\n    @keyframes inproyiFadeIn {\r\n        from {\r\n            opacity: 0;\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    .inproyi-modal-content {\r\n        position: relative;\r\n        width: 70vw;\r\n        max-width: 1400px;\r\n        height: 80vh;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, .6);\r\n        animation: inproyiScaleIn .3s ease;\r\n    }\r\n\r\n    @keyframes inproyiScaleIn {\r\n        from {\r\n            transform: scale(.92);\r\n            opacity: 0;\r\n        }\r\n\r\n        to {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    .inproyi-modal-content iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    .inproyi-modal-close {\r\n        position: absolute;\r\n        top: -44px;\r\n        right: 0;\r\n        background: rgba(255, 255, 255, .15);\r\n        border: none;\r\n        color: #fff;\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        font-size: 22px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: background .2s;\r\n        line-height: 1;\r\n    }\r\n\r\n    .inproyi-modal-close:hover {\r\n        background: rgba(255, 255, 255, .3);\r\n    }\r\n\r\n    .inproyi-modal-title {\r\n        color: #fff;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin-bottom: 10px;\r\n        text-align: center;\r\n        max-width: 1100px;\r\n        opacity: .85;\r\n    }\r\n\r\n    .inproyi-modal-inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        max-width: 100%;\r\n    }\r\n\r\n    \/* \u2500\u2500 Modal responsive (m\u00f3vil) \u2500\u2500 *\/\r\n    @media (max-width: 700px) {\r\n        .inproyi-modal-overlay {\r\n            padding: 16px 10px;\r\n            align-items: center;\r\n        }\r\n\r\n        .inproyi-modal-content {\r\n            width: 96vw;\r\n            height: auto;\r\n            aspect-ratio: 16 \/ 9;\r\n            max-height: 60vh;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .inproyi-modal-close {\r\n            top: -38px;\r\n            right: 4px;\r\n            width: 32px;\r\n            height: 32px;\r\n            font-size: 18px;\r\n        }\r\n\r\n        .inproyi-modal-title {\r\n            font-size: 12px;\r\n            margin-bottom: 8px;\r\n            padding: 0 8px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!--           BLOQUE HTML TUTORIALES           -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"inproyi-tutoriales\" id=\"tutoriales-innova\">\r\n\r\n    <!-- Encabezado -->\r\n    <div class=\"inproyi-tutoriales__header\">\r\n        <div class=\"inproyi-tutoriales__badge\">GRUPO INPROYI<\/div>\r\n        <h2 class=\"inproyi-tutoriales__titulo\">Tutoriales <span>INNOVA ERP<\/span><\/h2>\r\n        <p class=\"inproyi-tutoriales__subtitulo\">Aprende a usar cada m\u00f3dulo del sistema paso a paso<\/p>\r\n    <\/div>\r\n\r\n    <!-- Buscador -->\r\n    <div class=\"inproyi-tutoriales__search-wrap\">\r\n        <input class=\"inproyi-tutoriales__search\" type=\"text\" id=\"inproyi-search\" placeholder=\"Buscar tutorial\u2026\"\r\n            oninput=\"inproyiFiltrar()\" autocomplete=\"off\" \/>\r\n    <\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"inproyi-tutoriales__grid\" id=\"inproyi-grid\">\r\n\r\n        <!-- \u2500\u2500 CARD 1 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"Domina el M\u00f3dulo de Finanzas: Cuentas por Rendir\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">01<\/span>\r\n                <p class=\"tutorial-card__titulo\">Domina el M\u00f3dulo de Finanzas: Cuentas por Rendir<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'YT99N5W8VKA')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/YT99N5W8VKA\/mqdefault.jpg\"\r\n                    alt=\"Cuentas por Rendir\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 2 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Crear Correlativos en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">02<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Crear Correlativos en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'tCiEbaKb3Ms')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/tCiEbaKb3Ms\/mqdefault.jpg\"\r\n                    alt=\"Correlativos\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 3 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Crear \u00cdtems en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">03<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Crear \u00cdtems en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'4nKhzP3WqMY')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/4nKhzP3WqMY\/mqdefault.jpg\"\r\n                    alt=\"Crear \u00cdtems\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 4 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Realizar Aperturas Mensuales en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">04<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Realizar Aperturas Mensuales en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'U9kfB_Ye2CY')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/U9kfB_Ye2CY\/mqdefault.jpg\"\r\n                    alt=\"Aperturas Mensuales\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 5 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Agregar Ventanas a Favoritos en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">05<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Agregar Ventanas a Favoritos en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'D_zEWAnQ4dU')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/D_zEWAnQ4dU\/mqdefault.jpg\"\r\n                    alt=\"Favoritos\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 6 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar \u00d3rdenes de Compra No Almacenables en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">06<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar \u00d3rdenes de Compra No Almacenables en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'14aG3kwJ1kE')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/14aG3kwJ1kE\/mqdefault.jpg\"\r\n                    alt=\"\u00d3rdenes de Compra No Almacenables\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 7 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Realizar una Facturaci\u00f3n Electr\u00f3nica Directa en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">07<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Realizar una Facturaci\u00f3n Electr\u00f3nica Directa en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'Z8fDSIdpkoo')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/Z8fDSIdpkoo\/mqdefault.jpg\"\r\n                    alt=\"Facturaci\u00f3n Electr\u00f3nica Directa\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 8 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar \u00d3rdenes de Compra Almacenables en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">08<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar \u00d3rdenes de Compra Almacenables en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'cJdeyzRW_V4')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/cJdeyzRW_V4\/mqdefault.jpg\"\r\n                    alt=\"\u00d3rdenes de Compra Almacenables\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 9 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar Recibos por Honorarios en INNOVA ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">09<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar Recibos por Honorarios en INNOVA ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'wZ-2NbrhK2U')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/wZ-2NbrhK2U\/mqdefault.jpg\"\r\n                    alt=\"Recibos por Honorarios\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 10 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Realizar Movimientos del Inventario en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">10<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Realizar Movimientos del Inventario en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'HMwnsDFp7nQ')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/HMwnsDFp7nQ\/mqdefault.jpg\"\r\n                    alt=\"Movimientos del Inventario\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 11 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar Facturas de Compra de Items en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">11<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar Facturas de Compra de Items en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'h37wcSaUz4k')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/h37wcSaUz4k\/mqdefault.jpg\"\r\n                    alt=\"Facturas de Compra de Items\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 12 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar Facturas en Compras Otros (Gastos) en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">12<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar Facturas en Compras Otros (Gastos) en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'MchfAELe3io')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/MchfAELe3io\/mqdefault.jpg\"\r\n                    alt=\"Facturas Compras Otros\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 13 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar Pagos y Cancelar Cuentas por Pagar en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">13<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar Pagos y Cancelar Cuentas por Pagar en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'IXVhLqaCPzQ')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/IXVhLqaCPzQ\/mqdefault.jpg\"\r\n                    alt=\"Cuentas por Pagar\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 14 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar Cobranzas y Cancelar Cuentas por Cobrar en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">14<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar Cobranzas y Cancelar Cuentas por Cobrar en Innova ERP\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'dvRqJ_bTKf4')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/dvRqJ_bTKf4\/mqdefault.jpg\"\r\n                    alt=\"Cuentas por Cobrar\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 15 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Generar Reportes de Ventas Oficiales en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">15<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Generar Reportes de Ventas Oficiales en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'drCayKpvEos')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/drCayKpvEos\/mqdefault.jpg\"\r\n                    alt=\"Reportes de Ventas\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 16 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Emitir Notas de Cr\u00e9dito (Devoluciones y Descuentos) en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">16<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Emitir Notas de Cr\u00e9dito (Devoluciones y Descuentos) en Innova ERP\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'5FDpZejQQ6E')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/5FDpZejQQ6E\/mqdefault.jpg\"\r\n                    alt=\"Notas de Cr\u00e9dito\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 17 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Transferir de Caja Chica a Bancos en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">17<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Transferir de Caja Chica a Bancos en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'MSWzI9k-ZFE')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/MSWzI9k-ZFE\/mqdefault.jpg\"\r\n                    alt=\"Caja Chica a Bancos\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 18 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Transferir de Banco a Banco en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">18<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Transferir de Banco a Banco en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'o1XvMKi8gnY')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/o1XvMKi8gnY\/mqdefault.jpg\"\r\n                    alt=\"Transferencia Banco a Banco\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 19 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar un Anticipo de Clientes en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">19<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar un Anticipo de Clientes en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'fRkjEuzBirQ')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/fRkjEuzBirQ\/mqdefault.jpg\"\r\n                    alt=\"Anticipo de Clientes\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 20 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Aplicar y Liquidar Anticipos de Clientes en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">20<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Aplicar y Liquidar Anticipos de Clientes en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'zNZWE9g1vIA')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/zNZWE9g1vIA\/mqdefault.jpg\"\r\n                    alt=\"Liquidar Anticipos de Clientes\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 21 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar un Anticipo a Proveedores en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">21<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar un Anticipo a Proveedores en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'T8IC-DHXOeg')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/T8IC-DHXOeg\/mqdefault.jpg\"\r\n                    alt=\"Anticipo a Proveedores\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 22 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Aplicar y Liquidar Anticipos a Proveedores en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">22<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Aplicar y Liquidar Anticipos a Proveedores en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'4bxESfC1ADE')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/4bxESfC1ADE\/mqdefault.jpg\"\r\n                    alt=\"Liquidar Anticipos a Proveedores\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 23 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar el Canje de Letras de Proveedores en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">23<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar el Canje de Letras de Proveedores en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'EL-98ddMkEk')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/EL-98ddMkEk\/mqdefault.jpg\"\r\n                    alt=\"Canje de Letras de Proveedores\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 24 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar la Liquidaci\u00f3n de Ingresos a Caja Chica en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">24<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar la Liquidaci\u00f3n de Ingresos a Caja Chica en Innova ERP\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'ylXWVd4FqHI')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/ylXWVd4FqHI\/mqdefault.jpg\"\r\n                    alt=\"Liquidaci\u00f3n de Ingresos a Caja Chica\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 25 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Compensar Deudas entre Cliente y Proveedor en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">25<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Compensar Deudas entre Cliente y Proveedor en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'bPRrrIy0IZs')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/bPRrrIy0IZs\/mqdefault.jpg\"\r\n                    alt=\"Compensar Deudas Cliente y Proveedor\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 26 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Configurar Correlativos para Chequeras en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">26<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Configurar Correlativos para Chequeras en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'Bhay7P-GSE8')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/Bhay7P-GSE8\/mqdefault.jpg\"\r\n                    alt=\"Configurar Correlativos para Chequeras\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 27 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Realizar el Tratamiento y Emisi\u00f3n de Cheques en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">27<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Realizar el Tratamiento y Emisi\u00f3n de Cheques en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'kdRMXd597sY')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/kdRMXd597sY\/mqdefault.jpg\"\r\n                    alt=\"Emisi\u00f3n de Cheques\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 28 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar la Liquidaci\u00f3n de Egresos a Caja Chica en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">28<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar la Liquidaci\u00f3n de Egresos a Caja Chica en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'CYRbM84FH1E')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/CYRbM84FH1E\/mqdefault.jpg\"\r\n                    alt=\"Liquidaci\u00f3n de Egresos a Caja Chica\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2500\u2500 CARD 29 \u2500\u2500 -->\r\n        <div class=\"tutorial-card\" data-titulo=\"C\u00f3mo Registrar una Orden de Compra de Importaciones en Innova ERP\">\r\n            <div class=\"tutorial-card__header\">\r\n                <span class=\"tutorial-card__num\">29<\/span>\r\n                <p class=\"tutorial-card__titulo\">C\u00f3mo Registrar una Orden de Compra de Importaciones en Innova ERP<\/p>\r\n            <\/div>\r\n            <div class=\"tutorial-card__media\" onclick=\"inproyiPlay(this,'AA0ighRWTlQ')\">\r\n                <img decoding=\"async\" class=\"tutorial-card__thumb\" src=\"https:\/\/img.youtube.com\/vi\/AA0ighRWTlQ\/mqdefault.jpg\"\r\n                    alt=\"Orden de Compra de Importaciones\" loading=\"lazy\">\r\n                <div class=\"tutorial-card__play\"><svg viewBox=\"0 0 68 48\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect width=\"68\" height=\"48\" rx=\"12\" fill=\"#0082C6\" \/>\r\n                        <polygon points=\"27,15 27,33 47,24\" fill=\"white\" \/>\r\n                    <\/svg><\/div>\r\n                <iframe class=\"tutorial-card__iframe\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mensaje vac\u00edo cuando no hay resultados -->\r\n        <div class=\"inproyi-tutoriales__empty\" id=\"inproyi-empty\">\r\n            No se encontraron tutoriales para \"<span id=\"inproyi-query\"><\/span>\".\r\n        <\/div>\r\n\r\n    <\/div><!-- \/grid -->\r\n\r\n    <!-- Paginaci\u00f3n -->\r\n    <div class=\"inproyi-tutoriales__pagination\" id=\"inproyi-pagination\"><\/div>\r\n\r\n    <!-- Contador de resultados -->\r\n    <p class=\"inproyi-tutoriales__count\" id=\"inproyi-count\">\r\n        Mostrando <strong>29<\/strong> tutoriales\r\n    <\/p>\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 Modal de video \u2550\u2550 -->\r\n<div class=\"inproyi-modal-overlay\" id=\"inproyi-modal\">\r\n    <div class=\"inproyi-modal-inner\">\r\n        <p class=\"inproyi-modal-title\" id=\"inproyi-modal-title\"><\/p>\r\n        <div class=\"inproyi-modal-content\">\r\n            <button class=\"inproyi-modal-close\" id=\"inproyi-modal-close\" title=\"Cerrar\">\u2715<\/button>\r\n            <iframe id=\"inproyi-modal-iframe\" allow=\"autoplay; encrypted-media; fullscreen\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 JavaScript \u2550\u2550 -->\r\n<script>\r\n    (function () {\r\n        var PER_PAGE = 6;\r\n        var currentPage = 1;\r\n        var allCards = Array.from(document.querySelectorAll('#inproyi-grid .tutorial-card'));\r\n        var filteredCards = allCards.slice();\r\n\r\n        var grid = document.getElementById('inproyi-grid');\r\n        var paginationEl = document.getElementById('inproyi-pagination');\r\n        var countEl = document.getElementById('inproyi-count');\r\n        var emptyEl = document.getElementById('inproyi-empty');\r\n        var queryEl = document.getElementById('inproyi-query');\r\n        var searchEl = document.getElementById('inproyi-search');\r\n\r\n        \/* \u2500\u2500 Modal \u2500\u2500 *\/\r\n        var modal = document.getElementById('inproyi-modal');\r\n        var modalIframe = document.getElementById('inproyi-modal-iframe');\r\n        var modalTitle = document.getElementById('inproyi-modal-title');\r\n        var modalClose = document.getElementById('inproyi-modal-close');\r\n\r\n        function openModal(videoId, title) {\r\n            modalIframe.src = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1&rel=0';\r\n            modalTitle.textContent = title || '';\r\n            modal.classList.add('visible');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeModal() {\r\n            modal.classList.remove('visible');\r\n            modalIframe.src = '';\r\n            document.body.style.overflow = '';\r\n        }\r\n\r\n        modalClose.addEventListener('click', closeModal);\r\n        modal.addEventListener('click', function (e) {\r\n            if (e.target === modal || e.target.classList.contains('inproyi-modal-inner')) closeModal();\r\n        });\r\n        document.addEventListener('keydown', function (e) {\r\n            if (e.key === 'Escape') closeModal();\r\n        });\r\n\r\n        \/* Exponer inproyiPlay globalmente para los onclick *\/\r\n        window.inproyiPlay = function (mediaEl, videoId) {\r\n            var card = mediaEl.closest('.tutorial-card');\r\n            var title = card ? card.getAttribute('data-titulo') : '';\r\n            openModal(videoId, title);\r\n        };\r\n\r\n        \/* \u2500\u2500 Paginaci\u00f3n \u2500\u2500 *\/\r\n        function showPage(page) {\r\n            currentPage = page;\r\n            var start = (page - 1) * PER_PAGE;\r\n            var end = start + PER_PAGE;\r\n\r\n            allCards.forEach(function (c) { c.style.display = 'none'; });\r\n            filteredCards.forEach(function (c, i) {\r\n                c.style.display = (i >= start && i < end) ? '' : 'none';\r\n            });\r\n\r\n            renderPagination();\r\n            updateCount();\r\n\r\n            var section = document.getElementById('tutoriales-innova');\r\n            if (section) section.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        }\r\n\r\n        function renderPagination() {\r\n            var totalPages = Math.ceil(filteredCards.length \/ PER_PAGE);\r\n            paginationEl.innerHTML = '';\r\n            if (totalPages <= 1) return;\r\n\r\n            \/* Prev *\/\r\n            var prev = document.createElement('button');\r\n            prev.className = 'inproyi-page-btn';\r\n            prev.innerHTML = '&#8592;';\r\n            prev.disabled = currentPage === 1;\r\n            prev.onclick = function () { showPage(currentPage - 1); };\r\n            paginationEl.appendChild(prev);\r\n\r\n            for (var p = 1; p <= totalPages; p++) {\r\n                var btn = document.createElement('button');\r\n                btn.className = 'inproyi-page-btn' + (p === currentPage ? ' active' : '');\r\n                btn.textContent = p;\r\n                btn.onclick = (function (pg) { return function () { showPage(pg); }; })(p);\r\n                paginationEl.appendChild(btn);\r\n            }\r\n\r\n            \/* Next *\/\r\n            var next = document.createElement('button');\r\n            next.className = 'inproyi-page-btn';\r\n            next.innerHTML = '&#8594;';\r\n            next.disabled = currentPage === totalPages;\r\n            next.onclick = function () { showPage(currentPage + 1); };\r\n            paginationEl.appendChild(next);\r\n        }\r\n\r\n        function updateCount() {\r\n            var total = filteredCards.length;\r\n            var start = (currentPage - 1) * PER_PAGE + 1;\r\n            var end = Math.min(currentPage * PER_PAGE, total);\r\n            if (total === 0) {\r\n                countEl.innerHTML = 'Sin resultados';\r\n            } else {\r\n                countEl.innerHTML = 'Mostrando <strong>' + start + ' \u2013 ' + end + '<\/strong> de <strong>' + total + '<\/strong> tutorial' + (total !== 1 ? 'es' : '');\r\n            }\r\n        }\r\n\r\n        \/* \u2500\u2500 B\u00fasqueda \u2500\u2500 *\/\r\n        window.inproyiFiltrar = function () {\r\n            var q = searchEl.value.toLowerCase().trim();\r\n            filteredCards = allCards.filter(function (card) {\r\n                return card.getAttribute('data-titulo').toLowerCase().indexOf(q) !== -1;\r\n            });\r\n\r\n            if (filteredCards.length === 0) {\r\n                emptyEl.style.display = 'block';\r\n                queryEl.textContent = searchEl.value;\r\n            } else {\r\n                emptyEl.style.display = 'none';\r\n            }\r\n\r\n            currentPage = 1;\r\n            showPage(1);\r\n        };\r\n\r\n        \/* Inicializar *\/\r\n        showPage(1);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GRUPO INPROYI Tutoriales INNOVA ERP Aprende a usar cada m\u00f3dulo del sistema paso a paso 01 Domina el M\u00f3dulo de Finanzas: Cuentas por Rendir 02 C\u00f3mo Crear Correlativos en INNOVA ERP 03 C\u00f3mo Crear \u00cdtems en INNOVA ERP 04 C\u00f3mo Realizar Aperturas Mensuales en INNOVA ERP 05 C\u00f3mo Agregar Ventanas a Favoritos en INNOVA ERP [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-default.php","meta":{"footnotes":""},"class_list":["post-20180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/pages\/20180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/comments?post=20180"}],"version-history":[{"count":47,"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/pages\/20180\/revisions"}],"predecessor-version":[{"id":22345,"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/pages\/20180\/revisions\/22345"}],"wp:attachment":[{"href":"https:\/\/inproyi.com\/sw\/wp-json\/wp\/v2\/media?parent=20180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}