{"id":174,"date":"2026-07-03T13:04:24","date_gmt":"2026-07-03T13:04:24","guid":{"rendered":"https:\/\/sadalmirantebrown.com.ar\/staging\/?page_id=174"},"modified":"2026-08-28T12:47:55","modified_gmt":"2026-08-28T12:47:55","slug":"tutoriales","status":"publish","type":"page","link":"https:\/\/sadalmirantebrown.com.ar\/staging\/tutoriales\/","title":{"rendered":"Tutoriales"},"content":{"rendered":"\n<div class=\"seccion-tutoriales-sad\">\n    <div class=\"tutoriales-diagonal-izq\"><\/div>\n    \n    <div class=\"tutoriales-sad-wrapper\">\n        <div class=\"tutoriales-sad-content\">\n            <p class=\"tutoriales-tag\">SOPORTE Y CAPACITACI\u00d3N<\/p>\n            <h2 class=\"tutoriales-titulo\">Tutoriales e Instructivos de Gesti\u00f3n<\/h2>\n            <p class=\"tutoriales-bajada\">Acced\u00e9 a los manuales de usuario, gu\u00edas paso a paso y normativas vigentes emitidas por la Direcci\u00f3n Provincial de Gesti\u00f3n de Recursos Humanos para facilitar tus tr\u00e1mites digitales.<\/p>\n            \n            <a href=\"https:\/\/abc.gob.ar\/secretarias\/areas\/subsecretaria-de-administracion-y-recursos-humanos\/direccion-provincial-de-gestion-de-rrhh\" target=\"_blank\" class=\"btn-tutoriales-principal\">\n                <span class=\"btn-tutoriales-icono\">\ud83d\udcd6<\/span>\n                <div class=\"btn-tutoriales-texto\">\n                    <span class=\"btn-linea1\">PORTAL OFICIAL DE RRHH ABC<\/span>\n                    <span class=\"btn-linea2\">Manuales, tutoriales y normativas provinciales<\/span>\n                <\/div>\n                <span class=\"btn-tutoriales-flecha\">\u2b08<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"espacio-post-tutoriales\"><\/div>\n\n<style>\n\/* --- CONFIGURACI\u00d3N DE MARGEN A MARGEN REAL --- *\/\n.seccion-tutoriales-sad {\n    position: relative;\n    width: 100vw !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    height: 320px;\n    overflow: hidden;\n    font-family: system-ui, -apple-system, sans-serif;\n    background-color: #0f172a; \/* Fondo oscuro que hace juego con la marquesina de novedades *\/\n    display: flex;\n    align-items: center;\n}\n\n.espacio-post-tutoriales {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 20px;\n}\n\n\/* Corte diagonal celeste del folleto modificado para el fondo *\/\n.tutoriales-diagonal-izq {\n    position: absolute;\n    top: 0;\n    left: -10%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(135deg, #009bdc 0%, #0073aa 100%);\n    transform: skewX(-20deg);\n    z-index: 1;\n    opacity: 0.15; \/* Sutil para no pisar la lectura *\/\n}\n\n.tutoriales-sad-wrapper {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n    box-sizing: border-box;\n}\n\n.tutoriales-sad-content {\n    max-width: 850px;\n    text-align: left;\n}\n\n.tutoriales-tag {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    color: #009bdc; \/* Azul cian del folleto *\/\n    margin-bottom: 6px;\n    text-transform: uppercase;\n}\n\n.tutoriales-titulo {\n    font-size: 32px;\n    font-weight: 800;\n    color: #ffffff !important;\n    line-height: 1.2;\n    margin: 0 0 10px 0;\n    text-transform: uppercase;\n    letter-spacing: -0.5px;\n}\n\n.tutoriales-bajada {\n    font-size: 15px;\n    color: #94a3b8 !important; \/* Gris claro de lectura *\/\n    line-height: 1.6;\n    margin-bottom: 25px;\n}\n\n\/* --- BOT\u00d3N GIGANTE INTERACTIVO --- *\/\n.btn-tutoriales-principal {\n    display: inline-flex;\n    align-items: center;\n    background: #ffffff;\n    border: 2px solid #009bdc;\n    border-radius: 8px;\n    padding: 16px 28px;\n    text-decoration: none;\n    transition: all 0.25s ease;\n    box-shadow: 0 0 0 0px rgba(0, 155, 220, 0.4);\n    animation: pulsoTutorial 2s infinite; \/* Animaci\u00f3n de parpadeo de borde *\/\n}\n\n.btn-tutoriales-icono {\n    font-size: 28px;\n    margin-right: 20px;\n}\n\n.btn-tutoriales-texto {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n}\n\n.btn-linea1 {\n    color: #000000;\n    font-weight: 800;\n    font-size: 15px;\n    letter-spacing: 0.5px;\n}\n\n.btn-linea2 {\n    color: #475569;\n    font-size: 13px;\n    font-weight: 500;\n    margin-top: 2px;\n}\n\n.btn-tutoriales-flecha {\n    font-size: 18px;\n    color: #009bdc;\n    margin-left: 25px;\n    transition: transform 0.2s ease;\n}\n\n\/* Efectos Hover *\/\n.btn-tutoriales-principal:hover {\n    background: #009bdc;\n    border-color: #009bdc;\n    transform: translateY(-2px);\n    animation: none; \/* Frena el pulso al posar el mouse *\/\n    box-shadow: 0 10px 20px rgba(0, 155, 220, 0.2);\n}\n\n.btn-tutoriales-principal:hover .btn-linea1 { color: #ffffff; }\n.btn-tutoriales-principal:hover .btn-linea2 { color: #e0f2fe; }\n.btn-tutoriales-principal:hover .btn-tutoriales-flecha { \n    color: #ffffff; \n    transform: translate(3px, -3px); \/* Desplaza la flecha en diagonal *\/\n}\n\n\/* --- ANIMACI\u00d3N DE PULSO --- *\/\n@keyframes pulsoTutorial {\n    0% { box-shadow: 0 0 0 0px rgba(0, 155, 220, 0.4); }\n    70% { box-shadow: 0 0 0 10px rgba(0, 155, 220, 0); }\n    100% { box-shadow: 0 0 0 0px rgba(0, 155, 220, 0); }\n}\n\n\/* Responsive Celulares *\/\n@media (max-width: 768px) {\n    .seccion-tutoriales-sad { height: auto; padding: 40px 0; }\n    .tutoriales-sad-wrapper { padding: 0 20px; }\n    .tutoriales-titulo { font-size: 22px; }\n    .tutoriales-bajada { font-size: 13.5px; }\n    .btn-tutoriales-principal { width: 100%; box-sizing: border-box; padding: 14px 18px; }\n    .btn-tutoriales-icono { font-size: 24px; margin-right: 12px; }\n    .btn-linea1 { font-size: 13px; }\n    .btn-linea2 { font-size: 11.5px; }\n    .btn-tutoriales-flecha { margin-left: auto; }\n}\n<\/style>\n\n\n\n<!-- BUSCADOR INTERACTIVO 3D -->\n<style>\n  .search-wrapper {\n    margin: 20px 5px 30px 5px;\n    display: flex;\n    justify-content: center;\n  }\n\n  .search-input {\n    width: 100%;\n    max-width: 500px;\n    padding: 15px 22px;\n    font-size: 1rem;\n    color: #1a365d;\n    background: #e6eef8;\n    border: none;\n    border-radius: 15px;\n    box-shadow: inset 5px 5px 10px #c5d3e5, inset -5px -5px 10px #ffffff;\n    outline: none;\n    transition: all 0.3s ease;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n  }\n\n  .search-input:focus {\n    box-shadow: inset 7px 7px 12px #b8c8dc, inset -7px -7px 12px #ffffff;\n  }\n\n  .search-input::placeholder {\n    color: #7a8b9e;\n  }\n<\/style>\n\n<div class=\"search-wrapper\">\n  <input \n    type=\"text\" \n    id=\"tutSearch\" \n    class=\"search-input\" \n    placeholder=\"\ud83d\udd0d Buscar tutorial (ej: Oblea, MAD, Registro...)\"\n    onkeyup=\"filtrarTutoriales()\"\n  \/>\n<\/div>\n\n<script>\n  function filtrarTutoriales() {\n    const input = document.getElementById('tutSearch').value.toLowerCase();\n    const cards = document.querySelectorAll('.tut-card');\n\n    cards.forEach(card => {\n      const title = card.querySelector('.tut-title').innerText.toLowerCase();\n      if (title.includes(input)) {\n        card.style.display = \"flex\";\n      } else {\n        card.style.display = \"none\";\n      }\n    });\n  }\n<\/script>\n\n\n\n<!-- ESTILOS CSS 3D\/NEUM\u00d3RFICO -->\n<style>\n  .tut-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 25px;\n    padding: 20px 5px;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n  }\n\n  .tut-card {\n    background: #e6eef8;\n    border-radius: 20px;\n    padding: 18px;\n    box-shadow: 8px 8px 16px #c5d3e5, -8px -8px 16px #ffffff;\n    transition: all 0.3s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    border: 1px solid rgba(255, 255, 255, 0.6);\n  }\n\n  .tut-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 12px 12px 20px #b8c8dc, -12px -12px 20px #ffffff;\n  }\n\n  .video-wrapper {\n    position: relative;\n    padding-bottom: 56.25%; \/* Relaci\u00f3n de aspecto 16:9 *\/\n    height: 0;\n    overflow: hidden;\n    border-radius: 12px;\n    box-shadow: inset 3px 3px 6px #b8c8dc, inset -3px -3px 6px #ffffff;\n    margin-bottom: 15px;\n  }\n\n  .video-wrapper iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  .tut-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1a365d;\n    margin: 5px 0 12px 0;\n    line-height: 1.4;\n  }\n\n  .btn-youtube {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: #e6eef8;\n    color: #0073e6;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.85rem;\n    border-radius: 10px;\n    box-shadow: 4px 4px 8px #c5d3e5, -4px -4px 8px #ffffff;\n    transition: all 0.2s ease;\n  }\n\n  .btn-youtube:hover {\n    color: #d9381e;\n    box-shadow: inset 2px 2px 5px #c5d3e5, inset -2px -2px 5px #ffffff;\n  }\n<\/style>\n\n<!-- GRILLA DE VIDEOS -->\n<div class=\"tut-container\">\n\n  <!-- Card 1 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/JGUPPTzdW3I\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Como registrarse en el portal ABC<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=JGUPPTzdW3I\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 2 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/sfBWtGjTA9w\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Primera inscripci\u00f3n al Listado Oficial: Gu\u00eda paso a paso<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=sfBWtGjTA9w\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 3 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/wb-Ze46nkNg\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Rectificaci\u00f3n de datos Listado Oficial<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=wb-Ze46nkNg\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 4 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/Rk-NaupfbA0\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Visualizar oblea en ABC y reclamo virtual<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=Rk-NaupfbA0\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 5 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/RSLh9w_7R28\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Inscripci\u00f3n a Cargos, M\u00f3dulos u Horas C\u00e1tedra<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=RSLh9w_7R28\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 6 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/7NJliD9cnYw\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Inscripci\u00f3n a Listados Complementarios y Ampliatorios<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=7NJliD9cnYw\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 7 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/-e7GFfq-6No\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Solicitar MAD-Acrecentamiento<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=-e7GFfq-6No\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 8 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/CIx7cyve_Hg\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Instructivo para solicitar Movimiento Anual Docente<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=CIx7cyve_Hg\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 9 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/Zw2XCZbYxwo\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Formaci\u00f3n Profesional: Postulaci\u00f3n a Cargos \/ Horas<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=Zw2XCZbYxwo\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 10 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/jWVn-E3MDFs\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Pruebas de Selecci\u00f3n &#8211; Cargos Jer\u00e1rquicos Transitorios<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=jWVn-E3MDFs\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 11 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/HT8SKm8BKWw\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Escuelas Abiertas en Verano: Inscripci\u00f3n a Cargos<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=HT8SKm8BKWw\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n  <!-- Card 12 -->\n  <div class=\"tut-card\">\n    <div class=\"video-wrapper\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/hu6pz0rPJJM\" allowfullscreen loading=\"lazy\"><\/iframe>\n    <\/div>\n    <div class=\"tut-title\">Inscripci\u00f3n al Listado Oficial (Archivo Hist\u00f3rico)<\/div>\n    <a href=\"https:\/\/www.youtube.com\/watch?v=hu6pz0rPJJM\" target=\"_blank\" class=\"btn-youtube\">\u25b6 Ver en YouTube<\/a>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SOPORTE Y CAPACITACI\u00d3N Tutoriales e Instructivos de Gesti\u00f3n Acced\u00e9 a los manuales de usuario, gu\u00edas paso a paso y normativas [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-174","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"c2480335","author_link":"https:\/\/sadalmirantebrown.com.ar\/staging\/author\/c2480335\/"},"uagb_comment_info":0,"uagb_excerpt":"SOPORTE Y CAPACITACI\u00d3N Tutoriales e Instructivos de Gesti\u00f3n Acced\u00e9 a los manuales de usuario, gu\u00edas paso a paso y normativas [&hellip;]","_links":{"self":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":4,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":16293,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/174\/revisions\/16293"}],"wp:attachment":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/media?parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}