{"id":156,"date":"2026-07-03T12:08:09","date_gmt":"2026-07-03T12:08:09","guid":{"rendered":"https:\/\/sadalmirantebrown.com.ar\/staging\/?page_id=156"},"modified":"2026-09-18T19:01:08","modified_gmt":"2026-09-18T19:01:08","slug":"inicio","status":"publish","type":"page","link":"https:\/\/sadalmirantebrown.com.ar\/staging\/","title":{"rendered":""},"content":{"rendered":"<form role=\"search\" method=\"get\" action=\"https:\/\/sadalmirantebrown.com.ar\/staging\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\" ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-1\" >Buscar<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Buscar\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Buscar<\/button><\/div><\/form>\n\n\n<div class=\"wp-block-uagb-container uagb-block-a26a8cee alignfull uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-layout-grid uagb-block-bcab295c\">\n<div class=\"uagb-block-5ba8c1e6 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top \"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><div class=\"uagb-ifb-separator\"><\/div><h2 class=\"uagb-ifb-title\"><strong>PORTAL OFICIAL ABC | SAD ALMIRANTE BROWN<\/strong><\/h2><\/div><p class=\"uagb-ifb-desc\">Te invitamos a ingresar al portal oficial para mantenerte al tanto de todas las novedades, actos p\u00fablicos, comunicados y gestiones administrativas del distrito.<br>\ud83c\udf10 <strong>Enlace de acceso:<\/strong> <a href=\"https:\/\/abc.gob.ar\/sad\/\/almirante-brown\/inicio\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/abc.gob.ar\/sad\/\/almirante-brown\/inicio<\/a><br><em>Por favor, ingres\u00e1 al sitio para enterarte de todas las \u00faltimas novedades.<\/em><\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0;flex-basis:100%\">\n<figure class=\"wp-block-image size-full has-custom-border\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--60)\"><a href=\"https:\/\/abc.gob.ar\/sad\/\/almirante-brown\/inicio\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1786\" height=\"576\" src=\"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_su59vksu59vksu59.png\" alt=\"gemini generated image su59vksu59vksu59\" class=\"wp-image-215\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\" title=\"\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-9071fd78\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- Secci\u00f3n del Video -->\n<div class=\"contenedor-portal\">\n  <h2 class=\"titulo-portal\">\u2728 \u00a1Conoc\u00e9 nuestro Nuevo Portal Web!<\/h2>\n  <p class=\"subtitulo-portal\">Descubr\u00ed lo f\u00e1cil que es gestionar tus tr\u00e1mites docentes en SAD Almirante Brown<\/p>\n  \n  <div class=\"marco-video\">\n    <iframe \n      src=\"https:\/\/www.youtube.com\/embed\/vt201Mx7_1E\" \n      title=\"Nuevo Portal Web - SAD Almirante Brown\" \n      frameborder=\"0\" \n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n<\/div>\n\n<!-- Estilos CSS -->\n<style>\n  .contenedor-portal {\n    max-width: 900px;\n    margin: 40px auto;\n    padding: 20px;\n    text-align: center;\n    font-family: 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .titulo-portal {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #00769d; \/* Azul institucional SAD *\/\n    margin-bottom: 8px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .subtitulo-portal {\n    font-size: 1.1rem;\n    color: #555555;\n    margin-bottom: 25px;\n  }\n\n  \/* Contenedor adaptativo con efecto visual *\/\n  .marco-video {\n    position: relative;\n    padding-bottom: 56.25%; \/* Proporci\u00f3n 16:9 *\/\n    height: 0;\n    overflow: hidden;\n    border-radius: 16px;\n    background: #000;\n    \/* Sombras y brillo tipo Glow *\/\n    box-shadow: 0 10px 30px rgba(0, 168, 204, 0.25), \n                0 0 15px rgba(0, 118, 157, 0.15);\n    border: 2px solid rgba(0, 168, 204, 0.3);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  \/* Efecto interactivo al pasar el mouse *\/\n  .marco-video:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(0, 168, 204, 0.4), \n                0 0 25px rgba(0, 118, 157, 0.3);\n  }\n\n  .marco-video iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n<\/style>\n\n\n\n<div class=\"sad-inicio-contenedor\">\n    <!-- 1. BLOQUE INSTITUCIONAL PRINCIPAL -->\n    <section class=\"sad-hero-seccion\">\n        <span class=\"sad-tag-principal\">ORGANISMO OFICIAL<\/span>\n        <h2>Secretar\u00eda de Asuntos Docentes (SAD)<\/h2>\n        <span class=\"sad-distrito-tag\">Almirante Brown<\/span>\n        <p class=\"sad-definicion\">\n            Somos un organismo descentralizado del sistema educativo de la Provincia de Buenos Aires. Nuestra funci\u00f3n principal es gestionar y garantizar los procedimientos administrativos, estatutarios y de designaci\u00f3n del personal docente en todo el territorio del distrito.\n        <\/p>\n    <\/section>\n<\/div>\n\n<!-- 2. SLIDER FULL PANTALLA REORDENADO SEG\u00daN MEN\u00da OFICIAL -->\n<div class=\"slider-full-pantalla-identidad\">\n    <div class=\"forma-diagonal-izq\" id=\"diagonal-dinamica\"><\/div>\n    <div class=\"forma-diagonal-der\"><\/div>\n    <div class=\"slider-glow-bg\" id=\"sliderGlow\"><\/div>\n\n    <div class=\"slider-fina-wrapper\">\n        \n        <!-- 01. MESA DE ENTRADA -->\n        <div class=\"slide-fina active\" data-color=\"#009bdc\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 01 \u2022 MESA DE ENTRADA<\/p>\n                <h2 class=\"slide-fina-titulo\">Mesa de Entrada<\/h2>\n                <p class=\"slide-fina-bajada\">Puerta de ingreso de toda la documentaci\u00f3n f\u00edsica y virtual de la SAD. Recepciona, registra y distribuye notas, expedientes y recursos, manejando el casillero oficial con las escuelas.<\/p>\n                <a href=\"mailto:mdentrada004@gmail.com\" class=\"slide-fina-btn\" style=\"background: #009bdc;\">\u2709\ufe0f CONTACTAR MESA DE ENTRADA<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 02. INGRESO A LA DOCENCIA -->\n        <div class=\"slide-fina\" data-color=\"#0284c7\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 02 \u2022 INGRESO A LA DOCENCIA<\/p>\n                <h2 class=\"slide-fina-titulo\">Ingreso a la Docencia<\/h2>\n                <p class=\"slide-fina-bajada\">Gesti\u00f3n de inscripciones a los listados oficiales, 108 A, 108 B, Emergencia y Complementarios para la valoraci\u00f3n e ingreso al sistema educativo provincial.<\/p>\n                <a href=\"mailto:sad004@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #0284c7;\">\u2709\ufe0f CONSULTAR LISTADOS<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 03. PAD \/ PDD -->\n        <div class=\"slide-fina\" data-color=\"#9333ea\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 03 \u2022 EVALUACI\u00d3N DOCENTE<\/p>\n                <h2 class=\"slide-fina-titulo\">PAD \/ PDD<\/h2>\n                <p class=\"slide-fina-bajada\">Gesti\u00f3n y control del Puntaje Anual Docente (PAD) de los trabajadores titulares, clave para definir traslados. Administra tambi\u00e9n la Planta Docente Digital (PDD).<\/p>\n                <div class=\"slide-fina-botones-group\">\n                    <a href=\"mailto:pad2020sad004@abc.gob.ar\" class=\"slide-fina-btn btn-sm\" style=\"background: #9333ea;\">\u2709\ufe0f EMAIL OFICIAL PAD<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 04. APD -->\n        <div class=\"slide-fina\" data-color=\"#ea580c\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 04 \u2022 ACTO P\u00daBLICO DIGITAL<\/p>\n                <h2 class=\"slide-fina-titulo\">APD (Acto P\u00fablico Digital)<\/h2>\n                <p class=\"slide-fina-bajada\">Mecanismo oficial y 100% virtual a trav\u00e9s del portal ABC para la designaci\u00f3n transparente de cargos docentes, m\u00f3dulos y horas c\u00e1tedra de todos los niveles.<\/p>\n                <a href=\"mailto:apdsad004@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #ea580c;\">\u2709\ufe0f EMAIL OFICIAL APD<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 05. VACANTES DISTRITALES -->\n        <div class=\"slide-fina\" data-color=\"#0284c7\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 05 \u2022 GESTI\u00d3N DE VACANTES<\/p>\n                <h2 class=\"slide-fina-titulo\">Vacantes Distritales<\/h2>\n                <p class=\"slide-fina-bajada\">Seguimiento minucioso del cupo de cargos libres junto a la gesti\u00f3n escolar, garantizando su actualizaci\u00f3n para la Planta Org\u00e1nico Funcional (POF) del distrito.<\/p>\n                <a href=\"mailto:sad004vacantes@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #0284c7;\">\u2709\ufe0f CONSULTAR VACANTES<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 06. CONTRALOR -->\n        <div class=\"slide-fina\" data-color=\"#16a34a\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 06 \u2022 CONTRALOR DOCENTE<\/p>\n                <h2 class=\"slide-fina-titulo\">Contralor<\/h2>\n                <p class=\"slide-fina-bajada\">Fiscaliza el presentismo y los movimientos administrativos para el correcto impacto en sueldos. Procesa planillas de asistencia, licencias, altas y bajas enviadas por las escuelas.<\/p>\n                <a href=\"mailto:sad004contralor@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #16a34a;\">\u2709\ufe0f CONTACTAR CONTRALOR<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 07. SERVICIOS PROVISORIOS -->\n        <div class=\"slide-fina\" data-color=\"#0d9488\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 07 \u2022 TR\u00c1MITES EXCEPCIONALES<\/p>\n                <h2 class=\"slide-fina-titulo\">Servicios Provisorios<\/h2>\n                <p class=\"slide-fina-bajada\">Tramita traslados temporales por razones justificadas (salud, distancia), permutas de cargos entre docentes y reincorporaciones de titulares al sistema.<\/p>\n                <a href=\"mailto:sad004serviciosprovisorios@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #0d9488;\">\u2709\ufe0f SOLICITAR SERVICIO<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 08. DECRETO 900 -->\n        <div class=\"slide-fina\" data-color=\"#4f46e5\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 08 \u2022 DECRETO 900<\/p>\n                <h2 class=\"slide-fina-titulo\">Decreto 900<\/h2>\n                <p class=\"slide-fina-bajada\">Procesamiento de pases, reincorporaciones y reubicaciones en el marco normativo estatutario del Decreto 900\/04 para el personal docente.<\/p>\n                <a href=\"mailto:sad004disposiciones@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #4f46e5;\">\u2709\ufe0f CONSULTAR DECRETO 900<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 09. MAD \/ ACRECENTAMIENTO -->\n        <div class=\"slide-fina\" data-color=\"#db2777\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 09 \u2022 MOVIMIENTOS ANUALES<\/p>\n                <h2 class=\"slide-fina-titulo\">MAD \/ Acrecentamiento<\/h2>\n                <p class=\"slide-fina-bajada\">Gestiona los movimientos y la ampliaci\u00f3n de horas de los docentes titulares. Permite trasladarse de escuelas (Movimiento Anual Docente) o incrementar m\u00f3dulos u horas hasta el tope permitido (Acrecentamiento).<\/p>\n                <a href=\"mailto:madsad004@abc.gob.ar\" class=\"slide-fina-btn\" style=\"background: #db2777;\">\u2709\ufe0f EMAIL OFICIAL MAD<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 10. CONCURSOS -->\n        <div class=\"slide-fina\" data-color=\"#d97706\">\n            <div class=\"slide-fina-content\">\n                <p class=\"slide-fina-tag\">OFICINA 10 \u2022 SELECCI\u00d3N Y MERITO<\/p>\n                <h2 class=\"slide-fina-titulo\">Concursos<\/h2>\n                <p class=\"slide-fina-bajada\">Organiza las pruebas de selecci\u00f3n para cubrir cargos jer\u00e1rquicos transitorios (directivos e inspectores). Tramita readecuaciones de tareas y recalificaciones por ART.<\/p>\n                <div class=\"slide-fina-botones-group\">\n                    <a href=\"mailto:sad004pdeseleccion@abc.gob.ar\" class=\"slide-fina-btn btn-sm\" style=\"background: #d97706;\">\u2709\ufe0f EMAIL CONCURSOS<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- NAVEGACI\u00d3N MEJORADA -->\n    <button class=\"slider-fina-arrow prev\" onclick=\"cambiarSlideFina(-1)\" aria-label=\"Anterior\">\u276e<\/button>\n    <button class=\"slider-fina-arrow next\" onclick=\"cambiarSlideFina(1)\" aria-label=\"Siguiente\">\u276f<\/button>\n\n    <!-- INDICADORES (DOTS) -->\n    <div class=\"slider-dots-container\" id=\"sliderDots\"><\/div>\n<\/div>\n\n<!-- ESPACIADOR INTEGRAL -->\n<div class=\"espacio-post-slider-identidad\"><\/div>\n\n<div class=\"sad-inicio-contenedor\" style=\"margin-top: 20px;\">\n    \n    <!-- 3. CUADR\u00cdCULA DE OFICINAS REORDENADA SEG\u00daN EL MEN\u00da DE LA P\u00c1GINA -->\n    <section class=\"sad-funciones-grid\">\n        \n        <!-- 01. Mesa de Entrada -->\n        <div class=\"sad-tarjeta-funcion border-oficina-1\">\n            <div class=\"sad-icono-wrapper bg-oficina-1\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n            <\/div>\n            <h3>Mesa de Entrada<\/h3>\n            <p>Recepci\u00f3n, registro con n\u00fameros oficiales de entrada\/salida y distribuci\u00f3n de notas, recursos y expedientes dirigidos al organismo.<\/p>\n        <\/div>\n\n        <!-- 02. Ingreso a la Docencia -->\n        <div class=\"sad-tarjeta-funcion border-oficina-2\">\n            <div class=\"sad-icono-wrapper bg-oficina-2\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path><path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0112 20.055a11.952 11.952 0 01-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"><\/path><\/svg>\n            <\/div>\n            <h3>Ingreso a la Docencia<\/h3>\n            <p>Inscripci\u00f3n y valoraci\u00f3n en listados Oficiales, 108 A y B, Complementarios y de Emergencia para aspirantes del distrito.<\/p>\n        <\/div>\n\n        <!-- 03. PAD \/ PDD -->\n        <div class=\"sad-tarjeta-funcion border-oficina-3\">\n            <div class=\"sad-icono-wrapper bg-oficina-3\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\n            <\/div>\n            <h3>PAD \/ PDD<\/h3>\n            <p>Verificaci\u00f3n del Puntaje Anual Docente (PAD) de titulares y fiscalizaci\u00f3n de declaraciones juradas en la Planta Docente Digital.<\/p>\n        <\/div>\n\n        <!-- 04. APD -->\n        <div class=\"sad-tarjeta-funcion border-oficina-4\">\n            <div class=\"sad-icono-wrapper bg-oficina-4\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><polyline points=\"17 11 19 13 23 9\"><\/polyline><\/svg>\n            <\/div>\n            <h3>APD<\/h3>\n            <p>Gesti\u00f3n completa de las postulaciones virtuales del portal ABC para coberturas de suplencias y provisionalidades en todos los niveles.<\/p>\n        <\/div>\n\n        <!-- 05. Vacantes Distritales -->\n        <div class=\"sad-tarjeta-funcion border-oficina-5\">\n            <div class=\"sad-icono-wrapper bg-oficina-5\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n            <\/div>\n            <h3>Vacantes Distritales<\/h3>\n            <p>Relevamiento de cargos libres en articulaci\u00f3n con las instituciones para optimizar la Planta Org\u00e1nico Funcional de Almirante Brown.<\/p>\n        <\/div>\n\n        <!-- 06. Contralor -->\n        <div class=\"sad-tarjeta-funcion border-oficina-6\">\n            <div class=\"sad-icono-wrapper bg-oficina-6\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\n            <\/div>\n            <h3>Contralor<\/h3>\n            <p>Control de planillas de asistencia, licencias, ceses y novedades del personal para asegurar el correcto impacto econ\u00f3mico en las liquidaciones.<\/p>\n        <\/div>\n\n        <!-- 07. Servicios Provisorios -->\n        <div class=\"sad-tarjeta-funcion border-oficina-7\">\n            <div class=\"sad-icono-wrapper bg-oficina-7\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 1 0 7.75\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n            <\/div>\n            <h3>Servicios Provisorios<\/h3>\n            <p>Gesti\u00f3n de pases transitorios entre escuelas por razones m\u00e9dicas o sociofamiliares, adem\u00e1s de permutas de personal.<\/p>\n        <\/div>\n\n        <!-- 08. Decreto 900 -->\n        <div class=\"sad-tarjeta-funcion border-oficina-8\">\n            <div class=\"sad-icono-wrapper bg-oficina-8\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\"><\/path><\/svg>\n            <\/div>\n            <h3>Decreto 900<\/h3>\n            <p>Tratamiento normativo para reincorporaciones, pases y reubicaciones estatutarias en el \u00e1mbito del distrito.<\/p>\n        <\/div>\n\n        <!-- 09. MAD \/ Acrecentamiento -->\n        <div class=\"sad-tarjeta-funcion border-oficina-9\">\n            <div class=\"sad-icono-wrapper bg-oficina-9\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><polyline points=\"1 20 1 14 7 14\"><\/polyline><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path><\/svg>\n            <\/div>\n            <h3>MAD \/ Acrecentamiento<\/h3>\n            <p>Gestiona los movimientos y la ampliaci\u00f3n de horas de los docentes titulares. Permite trasladarse de escuelas (Movimiento Anual Docente) o incrementar m\u00f3dulos u horas hasta el tope permitido (Acrecentamiento).<\/p>\n        <\/div>\n\n        <!-- 10. Concursos -->\n        <div class=\"sad-tarjeta-funcion border-oficina-10\">\n            <div class=\"sad-icono-wrapper bg-oficina-10\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\n            <\/div>\n            <h3>Concursos<\/h3>\n            <p>Coordinaci\u00f3n de pruebas para asignaci\u00f3n de cargos jer\u00e1rquicos y procesamiento administrativo de recalificaciones laborales de ART.<\/p>\n        <\/div>\n\n    <\/section>\n<\/div>\n\n<style>\n\/* --- ESTILOS GENERALES --- *\/\n.sad-inicio-contenedor {\n    max-width: 1200px;\n    margin: 60px auto;\n    padding: 0 20px;\n    font-family: system-ui, -apple-system, sans-serif;\n    box-sizing: border-box;\n    text-align: center;\n}\n\n.sad-hero-seccion {\n    max-width: 850px;\n    margin: 0 auto;\n}\n\n.sad-tag-principal {\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    color: #009bdc;\n    text-transform: uppercase;\n    display: inline-block;\n    margin-bottom: 10px;\n}\n\n.sad-hero-seccion h2 {\n    font-size: 38px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 6px 0;\n    line-height: 1.2;\n}\n\n.sad-distrito-tag {\n    font-size: 22px;\n    font-weight: 700;\n    color: #475569;\n    display: inline-block;\n    margin-bottom: 25px;\n    background: #f1f5f9;\n    padding: 4px 16px;\n    border-radius: 20px;\n}\n\n.sad-definicion {\n    font-size: 18.5px;\n    color: #334155 !important;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* Grilla adaptable *\/\n.sad-funciones-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 25px;\n}\n\n.sad-tarjeta-funcion {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-top: 4px solid #cbd5e1;\n    border-radius: 12px;\n    padding: 30px;\n    text-align: left;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.sad-tarjeta-funcion:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 20px -3px rgba(0, 0, 0, 0.08);\n}\n\n.sad-icono-wrapper {\n    width: 48px;\n    height: 48px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n}\n\n.sad-icono-wrapper svg {\n    width: 24px;\n    height: 24px;\n}\n\n.sad-tarjeta-funcion h3 {\n    font-size: 19px;\n    font-weight: 700;\n    color: #0f172a;\n    margin: 0 0 10px 0;\n}\n\n.sad-tarjeta-funcion p {\n    font-size: 15.5px;\n    color: #475569 !important;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* COLORES POR OFICINA *\/\n.border-oficina-1 { border-top-color: #009bdc !important; }\n.bg-oficina-1 { background: #e0f2fe; color: #009bdc; }\n\n.border-oficina-2 { border-top-color: #0284c7 !important; }\n.bg-oficina-2 { background: #e0f2fe; color: #0284c7; }\n\n.border-oficina-3 { border-top-color: #9333ea !important; }\n.bg-oficina-3 { background: #f3e8ff; color: #9333ea; }\n\n.border-oficina-4 { border-top-color: #ea580c !important; }\n.bg-oficina-4 { background: #ffedd5; color: #ea580c; }\n\n.border-oficina-5 { border-top-color: #0284c7 !important; }\n.bg-oficina-5 { background: #e0f2fe; color: #0284c7; }\n\n.border-oficina-6 { border-top-color: #16a34a !important; }\n.bg-oficina-6 { background: #dcfce7; color: #16a34a; }\n\n.border-oficina-7 { border-top-color: #0d9488 !important; }\n.bg-oficina-7 { background: #ccfbf1; color: #0d9488; }\n\n.border-oficina-8 { border-top-color: #4f46e5 !important; }\n.bg-oficina-8 { background: #e0e7ff; color: #4f46e5; }\n\n.border-oficina-9 { border-top-color: #db2777 !important; }\n.bg-oficina-9 { background: #fce7f3; color: #db2777; }\n\n.border-oficina-10 { border-top-color: #d97706 !important; }\n.bg-oficina-10 { background: #fef3c7; color: #d97706; }\n\n\n\/* --- ESTILOS SLIDER RENOVADO --- *\/\n.slider-full-pantalla-identidad {\n    position: relative;\n    width: 100vw !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    height: 400px;\n    overflow: hidden;\n    font-family: system-ui, -apple-system, sans-serif;\n    background-color: #f8fafc;\n    margin: 55px 0 0 0;\n}\n\n.espacio-post-slider-identidad {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 40px;\n}\n\n\/* Diagonal principal con transiciones din\u00e1micas *\/\n.forma-diagonal-izq {\n    position: absolute;\n    top: 0;\n    left: -5%;\n    width: 38%;\n    height: 100%;\n    background: #009bdc; \n    transform: skewX(-20deg);\n    z-index: 1;\n    opacity: 0.9;\n    transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.forma-diagonal-der {\n    position: absolute;\n    top: 0;\n    right: -10%;\n    width: 40%;\n    height: 100%;\n    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);\n    transform: skewX(-20deg);\n    z-index: 1;\n    opacity: 0.15;\n}\n\n\/* Destello sutil en el fondo *\/\n.slider-glow-bg {\n    position: absolute;\n    top: -50%;\n    left: 20%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(0, 155, 220, 0.15) 0%, rgba(255, 255, 255, 0) 70%);\n    border-radius: 50%;\n    z-index: 0;\n    pointer-events: none;\n    transition: background 0.6s ease;\n}\n\n.slider-fina-wrapper {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Animaciones de Entrada Parallax para los Slides *\/\n.slide-fina {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.5s ease, visibility 0.5s ease;\n}\n\n.slide-fina.active {\n    opacity: 1;\n    visibility: visible;\n}\n\n.slide-fina-content {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 140px;\n    text-align: left;\n    box-sizing: border-box;\n}\n\n\/* Animaci\u00f3n progresiva de elementos internos *\/\n.slide-fina-tag,\n.slide-fina-titulo,\n.slide-fina-bajada,\n.slide-fina-btn,\n.slide-fina-botones-group {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.slide-fina.active .slide-fina-tag {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.1s;\n}\n\n.slide-fina.active .slide-fina-titulo {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.2s;\n}\n\n.slide-fina.active .slide-fina-bajada {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.3s;\n}\n\n.slide-fina.active .slide-fina-btn,\n.slide-fina.active .slide-fina-botones-group {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.4s;\n}\n\n.slide-fina-tag {\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n    text-transform: uppercase;\n    color: #0f172a !important;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(4px);\n    padding: 6px 14px;\n    border-radius: 20px;\n    display: inline-block;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n}\n\n.slide-fina-titulo {\n    font-size: 34px;\n    font-weight: 800;\n    color: #0f172a !important;\n    line-height: 1.15;\n    margin: 0 0 12px 0;\n    letter-spacing: -0.5px;\n}\n\n.slide-fina-bajada {\n    font-size: 16.5px;\n    color: #334155 !important;\n    line-height: 1.55;\n    margin-bottom: 24px;\n    max-width: 680px;\n}\n\n.slide-fina-btn {\n    display: inline-block;\n    color: #ffffff !important;\n    padding: 12px 24px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    transition: all 0.25s ease;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);\n}\n\n.slide-fina-btn:hover { \n    opacity: 0.95;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n}\n\n.btn-sm {\n    padding: 10px 20px;\n    font-size: 12.5px;\n}\n\n.slide-fina-botones-group {\n    display: flex;\n    gap: 12px;\n}\n\n\/* Botones de navegaci\u00f3n redise\u00f1ados *\/\n.slider-fina-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(226, 232, 240, 0.8);\n    color: #1e293b;\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    cursor: pointer;\n    z-index: 10;\n    transition: all 0.25s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n.slider-fina-arrow:hover { \n    background: #ffffff;\n    color: #009bdc;\n    transform: translateY(-50%) scale(1.1);\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);\n}\n\n.prev { left: 35px; }\n.next { right: 35px; }\n\n\/* Indicadores de Puntos (Dots) *\/\n.slider-dots-container {\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 8px;\n    z-index: 10;\n}\n\n.slider-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 20px;\n    background: rgba(148, 163, 184, 0.4);\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.slider-dot.active {\n    width: 28px;\n    background: #009bdc;\n}\n\n\/* Adaptaci\u00f3n para dispositivos m\u00f3viles *\/\n@media (max-width: 768px) {\n    .sad-hero-seccion h2 { font-size: 30px; }\n    .slider-full-pantalla-identidad { height: 440px; margin-top: 35px; }\n    .forma-diagonal-izq { width: 100%; transform: none; left: 0; height: 12px; top: 0; }\n    .slide-fina-content { padding: 45px 25px 25px 25px; }\n    .slide-fina-titulo { font-size: 24px; }\n    .slide-fina-bajada { font-size: 14.5px; }\n    .slide-fina-botones-group { flex-direction: column; gap: 8px; }\n    .slider-fina-arrow { width: 38px; height: 38px; font-size: 14px; }\n    .prev { left: 10px; }\n    .next { right: 10px; }\n    .slide-fina-tag { font-size: 11px; padding: 4px 10px; }\n}\n<\/style>\n\n<script>\nlet currentSlideFina = 0;\nconst slidesFina = document.querySelectorAll('.slide-fina');\nconst diagonalDinamica = document.getElementById('diagonal-dinamica');\nconst sliderGlow = document.getElementById('sliderGlow');\nconst dotsContainer = document.getElementById('sliderDots');\n\n\/\/ Crear indicadores (dots) autom\u00e1ticamente seg\u00fan la cantidad de slides\nfunction inicializarDots() {\n    if(!dotsContainer) return;\n    dotsContainer.innerHTML = '';\n    slidesFina.forEach((_, index) => {\n        const dot = document.createElement('div');\n        dot.classList.add('slider-dot');\n        if(index === 0) dot.classList.add('active');\n        dot.addEventListener('click', () => mostrarSlideFina(index));\n        dotsContainer.appendChild(dot);\n    });\n}\n\nfunction actualizarDots(index) {\n    const dots = document.querySelectorAll('.slider-dot');\n    dots.forEach((dot, idx) => {\n        if (idx === index) {\n            dot.classList.add('active');\n            dot.style.background = slidesFina[index].getAttribute('data-color') || '#009bdc';\n        } else {\n            dot.classList.remove('active');\n            dot.style.background = 'rgba(148, 163, 184, 0.4)';\n        }\n    });\n}\n\nfunction mostrarSlideFina(index) {\n    slidesFina[currentSlideFina].classList.remove('active');\n    currentSlideFina = (index + slidesFina.length) % slidesFina.length;\n    \n    const nextSlide = slidesFina[currentSlideFina];\n    nextSlide.classList.add('active');\n    \n    const nuevoColor = nextSlide.getAttribute('data-color');\n    if(diagonalDinamica && nuevoColor) {\n        diagonalDinamica.style.background = nuevoColor;\n    }\n    \n    if(sliderGlow && nuevoColor) {\n        sliderGlow.style.background = `radial-gradient(circle, ${nuevoColor}25 0%, rgba(255, 255, 255, 0) 70%)`;\n    }\n\n    actualizarDots(currentSlideFina);\n}\n\nfunction cambiarSlideFina(direccion) {\n    mostrarSlideFina(currentSlideFina + direccion);\n}\n\nif(window.sliderInterval) clearInterval(window.sliderInterval);\nwindow.sliderInterval = setInterval(() => {\n    cambiarSlideFina(1);\n}, 25000);\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    inicializarDots();\n    if(slidesFina[0]) {\n        const colorInicial = slidesFina[0].getAttribute('data-color');\n        if(diagonalDinamica) diagonalDinamica.style.background = colorInicial;\n        if(sliderGlow) sliderGlow.style.background = `radial-gradient(circle, ${colorInicial}25 0%, rgba(255, 255, 255, 0) 70%)`;\n    }\n});\n<\/script>\n\n\n\n<!-- SECCI\u00d3N: ACCESOS DIRECTOS -->\n<div class=\"sad-separador-seccion\">\n    <h2>Accesos Directos<\/h2>\n    <p>Enlaces r\u00e1pidos a las herramientas y consultas m\u00e1s frecuentes del portal ABC<\/p>\n<\/div>\n\n<div class=\"carrusel-3d-contenedor\">\n    <div class=\"carrusel-track\" id=\"carruselTrack\">\n        \n        <!-- TARJETA 1: PUNTAJE INGRESO (AZUL) -->\n        <div class=\"tarjeta-3d tarjeta-azul\">\n            <div class=\"tarjeta-contenido\">\n                <div class=\"tarjeta-header-row\">\n                    <div class=\"tarjeta-icono-wrapper bg-icon-azul\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                    <\/div>\n                    <span class=\"tarjeta-badge badge-azul\">Consulta PID<\/span>\n                <\/div>\n                <h3>Puntaje Ingreso<\/h3>\n                <p>Consult\u00e1 de forma directa tu puntaje de ingreso a la docencia (PID), oblea de calificaci\u00f3n y estado en los listados oficiales.<\/p>\n                <a href=\"https:\/\/misservicios.abc.gob.ar\/servaddo\/puntaje.ingreso.docencia\/ingreso.servaddo.cfm?documento=MzY4MjUwNzQ=&amp;anio=MjAyNg==&amp;listado=b2ZpY2lhbA==&amp;tipo=#\" target=\"_blank\" class=\"tarjeta-link\">Consultar PID <span class=\"flecha-link\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n\n        <!-- TARJETA 2: LISTADO DE OFERTAS (VERDE) -->\n        <div class=\"tarjeta-3d tarjeta-verde\">\n            <div class=\"tarjeta-contenido\">\n                <div class=\"tarjeta-header-row\">\n                    <div class=\"tarjeta-icono-wrapper bg-icon-verde\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n                    <\/div>\n                    <span class=\"tarjeta-badge badge-verde\">Portal ABC<\/span>\n                <\/div>\n                <h3>Listados de Ofertas<\/h3>\n                <p>Acced\u00e9 al portal oficial de ABC para visualizar todos los cargos, m\u00f3dulos y horas c\u00e1tedra vacantes disponibles en el distrito.<\/p>\n                <a href=\"https:\/\/menu.abc.gob.ar\/api\/services\/link\/ListadoDeOfertas\" target=\"_blank\" class=\"tarjeta-link\">Ver Ofertas APD <span class=\"flecha-link\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n\n        <!-- TARJETA 3: VACANTES DISTRITALES (VIOLETA) -->\n        <div class=\"tarjeta-3d tarjeta-violeta\">\n            <div class=\"tarjeta-contenido\">\n                <div class=\"tarjeta-header-row\">\n                    <div class=\"tarjeta-icono-wrapper bg-icon-violeta\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\n                    <\/div>\n                    <span class=\"tarjeta-badge badge-violeta\">En L\u00ednea<\/span>\n                <\/div>\n                <h3>Vacantes Distritales<\/h3>\n                <p>Coordinamos y hacemos el seguimiento diario de vacantes junto a las escuelas para garantizar su disponibilidad seg\u00fan la POF.<\/p>\n                <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1rEdm-qqJy_80Bdo7p3gcJLtX2q2i_GqI_VUX6grTmds\/edit?usp=drive_link\" target=\"_blank\" class=\"tarjeta-link\">Ver Vacantes Disponibles <span class=\"flecha-link\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n\n        <!-- TARJETA 4: NOMENCLADOR DE T\u00cdTULOS (AMBAR) -->\n        <div class=\"tarjeta-3d tarjeta-ambar\">\n            <div class=\"tarjeta-contenido\">\n                <div class=\"tarjeta-header-row\">\n                    <div class=\"tarjeta-icono-wrapper bg-icon-ambar\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg>\n                    <\/div>\n                    <span class=\"tarjeta-badge badge-ambar\">Incumbencias<\/span>\n                <\/div>\n                <h3>Nomenclador T\u00edtulos<\/h3>\n                <p>Consult\u00e1 las incumbencias, habilitaciones y alcance de tu t\u00edtulo para los diferentes cargos, \u00e1reas y asignaturas.<\/p>\n                <a href=\"https:\/\/srv4.abc.gob.ar\/\" target=\"_blank\" class=\"tarjeta-link\">Consultar T\u00edtulos <span class=\"flecha-link\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* --- SEPARADOR DE SECCI\u00d3N --- *\/\n.sad-separador-seccion {\n    text-align: center;\n    max-width: 1200px;\n    margin: 40px auto 5px auto;\n    padding: 0 15px;\n    font-family: system-ui, -apple-system, sans-serif;\n}\n\n.sad-separador-seccion h2 {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0f172a;\n    text-transform: uppercase;\n    margin: 0 0 4px 0;\n    letter-spacing: -0.5px;\n    position: relative;\n    display: inline-block;\n}\n\n.sad-separador-seccion h2::after {\n    content: '';\n    display: block;\n    width: 45px;\n    height: 3px;\n    background-color: #0073aa;\n    margin: 6px auto 0 auto;\n    border-radius: 2px;\n}\n\n.sad-separador-seccion p {\n    font-size: 13.5px;\n    color: #64748b;\n    margin: 0;\n}\n\n\/* --- CONTENEDOR Y ANIMACI\u00d3N DE CARRUSEL --- *\/\n.carrusel-3d-contenedor {\n    max-width: 1200px;\n    margin: 20px auto 40px auto;\n    overflow: hidden;\n    padding: 15px 0;\n    position: relative;\n    font-family: system-ui, -apple-system, sans-serif;\n    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n}\n\n.carrusel-track {\n    display: flex;\n    gap: 20px;\n    width: max-content;\n    animation: desplazamientoInfinito 22s linear infinite;\n}\n\n.carrusel-track:hover {\n    animation-play-state: paused;\n}\n\n@keyframes desplazamientoInfinito {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n.tarjeta-3d {\n    width: 275px;\n    flex-shrink: 0;\n    border-radius: 14px;\n    padding: 22px 18px;\n    box-sizing: border-box;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.04);\n}\n\n.tarjeta-3d:hover {\n    transform: translateY(-6px);\n}\n\n\/* --- HEADER Y BADGES --- *\/\n.tarjeta-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.tarjeta-icono-wrapper {\n    width: 42px;\n    height: 42px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n\n.tarjeta-icono-wrapper svg {\n    width: 22px;\n    height: 22px;\n}\n\n.tarjeta-badge {\n    font-size: 10px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    padding: 4px 8px;\n    border-radius: 20px;\n}\n\n\/* --- VARIANTES DE COLOR --- *\/\n.tarjeta-azul { background-color: #f0f9ff !important; border: 1px solid #bae6fd !important; }\n.bg-icon-azul { background: #ffffff; color: #0284c7; }\n.badge-azul { background: #e0f2fe; color: #0369a1; }\n\n.tarjeta-verde { background-color: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; }\n.bg-icon-verde { background: #ffffff; color: #16a34a; }\n.badge-verde { background: #dcfce7; color: #15803d; }\n\n.tarjeta-violeta { background-color: #faf5ff !important; border: 1px solid #ddd6fe !important; }\n.bg-icon-violeta { background: #ffffff; color: #9333ea; }\n.badge-violeta { background: #f3e8ff; color: #6d28d9; }\n\n.tarjeta-ambar { background-color: #fffbeeb3 !important; border: 1px solid #fde68a !important; }\n.bg-icon-ambar { background: #ffffff; color: #d97706; }\n.badge-ambar { background: #fef3c7; color: #b45309; }\n\n\/* --- CONTENIDO Y BOT\u00d3N --- *\/\n.tarjeta-contenido { text-align: left; }\n.tarjeta-contenido h3 {\n    font-size: 16.5px;\n    font-weight: 800;\n    color: #0f172a !important;\n    margin: 0 0 8px 0;\n    text-transform: uppercase;\n    letter-spacing: -0.3px;\n}\n\n.tarjeta-contenido p {\n    font-size: 13px;\n    color: #475569 !important;\n    line-height: 1.5;\n    margin: 0 0 20px 0;\n    height: 62px;\n}\n\n.tarjeta-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-weight: 700;\n    font-size: 12.5px;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.tarjeta-azul .tarjeta-link { color: #0369a1 !important; }\n.tarjeta-verde .tarjeta-link { color: #15803d !important; }\n.tarjeta-violeta .tarjeta-link { color: #6d28d9 !important; }\n.tarjeta-ambar .tarjeta-link { color: #b45309 !important; }\n\n.flecha-link {\n    display: inline-block;\n    transition: transform 0.2s ease;\n}\n\n.tarjeta-3d:hover .flecha-link {\n    transform: translateX(5px);\n}\n<\/style>\n\n<script>\n\/\/ Clona autom\u00e1ticamente las tarjetas para crear el ciclo o loop infinito continuo\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const track = document.getElementById('carruselTrack');\n    if (track) {\n        track.innerHTML += track.innerHTML;\n    }\n});\n<\/script>\n\n\n\n<div class=\"cabecera-comunicados-moderna\">\n    <p class=\"subtitulo-comunicados\">NOVEDADES DIARIAS<\/p>\n    <h2 class=\"titulo-comunicados\">\u00daltimos Comunicados<\/h2>\n    <div class=\"linea-decorativa-comunicados\"><\/div>\n<\/div>\n\n<style>\n\/* Estilos premium para el encabezado de Comunicados *\/\n.cabecera-comunicados-moderna {\n    max-width: 1200px;\n    margin: 60px auto 20px auto; \/* Buen aire arriba, pegadito a las entradas abajo *\/\n    padding: 0 24px;\n    font-family: system-ui, -apple-system, sans-serif;\n    text-align: center;\n}\n\n.subtitulo-comunicados {\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 2px; \/* Efecto tracking de dise\u00f1ador *\/\n    color: #0073aa; \/* Azul institucional *\/\n    text-transform: uppercase;\n    margin-bottom: 8px;\n}\n\n.titulo-comunicados {\n    font-size: 32px;\n    font-weight: 700;\n    color: #1e293b; \/* Gris oscuro moderno, no negro puro *\/\n    margin: 0;\n    line-height: 1.2;\n}\n\n.linea-decorativa-comunicados {\n    width: 50px;\n    height: 4px;\n    background: #0073aa;\n    border-radius: 2px;\n    margin: 15px auto 0 auto; \/* Centrada perfectamente *\/\n}\n\n\/* Ajuste para celulares *\/\n@media (max-width: 768px) {\n    .titulo-comunicados { font-size: 26px; }\n    .cabecera-comunicados-moderna { margin: 40px auto 15px auto; }\n}\n<\/style>\n\n\n\n\t\t\t<div class=\"wp-block-uagb-post-carousel uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-77e6b7c8     uagb-post__arrow-outside uagb-slick-carousel uagb-post__items uagb-post__columns-3 is-carousel uagb-post__columns-tablet-2 uagb-post__columns-mobile-1\" data-total=\"94\" style=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"uagb-post__inner-wrap\">\t\t\t\t\t\t\t\t<h4 class=\"uagb-post__title uagb-post__text\">\n\t\t\t\t<a href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-511-26-convocatoria-a-acto-publico-presencial-para-la-cobertura-de-cargos-jerarquicos-transitorios-de-educacion-primaria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Com. 512\/26. CONVOCATORIA A ACTO P\u00daBLICO PRESENCIAL PARA LA COBERTURA DE CARGOS JER\u00c1RQUICOS TRANSITORIOS DE EDUCACI\u00d2N PRIMARIA<\/a>\n\t\t\t<\/h4>\n\t\t\t\t\t\t<div class='uagb-post__text uagb-post-grid-byline'>\n\t\t\t\t\t\t\t\t<time datetime=\"2026-09-18T19:36:30+00:00\" class=\"uagb-post__date\">\n\t\t\t\t<span class=\"dashicons-calendar dashicons\"><\/span>\t\t\t\t\t18 septiembre, 2026\t\t\t\t<\/time>\n\t\t\t\t\t\t\t<span class=\"uagb-post__comment\">\n\t\t\t\t<span class=\"dashicons-admin-comments dashicons\"><\/span>\t\t\t\t\tNo hay comentarios\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class='uagb-post__text uagb-post__excerpt'>\n\t\t\t\t\t<p>La Secretar\u00eda de Asuntos Docentes de Alte Brown cumple en difundir la convocatoria al Acto&#8230;\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"uagb-post__text uagb-post__cta wp-block-button\">\n\t\t\t\t<a class=\"wp-block-button__link uagb-text-link\" style=\"\" href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-511-26-convocatoria-a-acto-publico-presencial-para-la-cobertura-de-cargos-jerarquicos-transitorios-de-educacion-primaria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Leer m\u00e1s<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"uagb-post__inner-wrap\">\t\t\t\t\t\t\t\t<h4 class=\"uagb-post__title uagb-post__text\">\n\t\t\t\t<a href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-511-26-convocatoria-distritos-vecinos-florencio-varela-acto-publico-para-la-cobertura-de-cargos-jerarquicos-transitorios-ed-primaria-ampliatoria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Com. 511\/26. Convocatoria Distritos Vecinos : Florencio Varela ACTO P\u00daBLICO para la cobertura de Cargos Jer\u00e1rquicos Transitorios . ED PRIMARIA- AMPLIATORIA<\/a>\n\t\t\t<\/h4>\n\t\t\t\t\t\t<div class='uagb-post__text uagb-post-grid-byline'>\n\t\t\t\t\t\t\t\t<time datetime=\"2026-09-18T17:24:31+00:00\" class=\"uagb-post__date\">\n\t\t\t\t<span class=\"dashicons-calendar dashicons\"><\/span>\t\t\t\t\t18 septiembre, 2026\t\t\t\t<\/time>\n\t\t\t\t\t\t\t<span class=\"uagb-post__comment\">\n\t\t\t\t<span class=\"dashicons-admin-comments dashicons\"><\/span>\t\t\t\t\tNo hay comentarios\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class='uagb-post__text uagb-post__excerpt'>\n\t\t\t\t\t<p>La Secretar\u00eda de Asuntos Docentes de Almirante Brown cumple en difundir Comunicado N\u00b0509\/2026 de Secretar\u00eda&#8230;\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"uagb-post__text uagb-post__cta wp-block-button\">\n\t\t\t\t<a class=\"wp-block-button__link uagb-text-link\" style=\"\" href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-511-26-convocatoria-distritos-vecinos-florencio-varela-acto-publico-para-la-cobertura-de-cargos-jerarquicos-transitorios-ed-primaria-ampliatoria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Leer m\u00e1s<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"uagb-post__inner-wrap\">\t\t\t\t\t\t\t\t<h4 class=\"uagb-post__title uagb-post__text\">\n\t\t\t\t<a href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-510-26-convocatoria-distritos-vecinos-florencio-varela-acto-publico-para-la-cobertura-de-cargos-jerarquicos-transitorios-ed-primaria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Com. 510\/26. Convocatoria Distritos Vecinos : Florencio Varela ACTO P\u00daBLICO para la cobertura de Cargos Jer\u00e1rquicos Transitorios . ED PRIMARIA<\/a>\n\t\t\t<\/h4>\n\t\t\t\t\t\t<div class='uagb-post__text uagb-post-grid-byline'>\n\t\t\t\t\t\t\t\t<time datetime=\"2026-09-18T15:25:56+00:00\" class=\"uagb-post__date\">\n\t\t\t\t<span class=\"dashicons-calendar dashicons\"><\/span>\t\t\t\t\t18 septiembre, 2026\t\t\t\t<\/time>\n\t\t\t\t\t\t\t<span class=\"uagb-post__comment\">\n\t\t\t\t<span class=\"dashicons-admin-comments dashicons\"><\/span>\t\t\t\t\tNo hay comentarios\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class='uagb-post__text uagb-post__excerpt'>\n\t\t\t\t\t<p>La Secretar\u00eda de Asuntos Docentes de Almirante Brown cumple en difundir comunicado N\u00b0508\/2026, de la&#8230;\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"uagb-post__text uagb-post__cta wp-block-button\">\n\t\t\t\t<a class=\"wp-block-button__link uagb-text-link\" style=\"\" href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-510-26-convocatoria-distritos-vecinos-florencio-varela-acto-publico-para-la-cobertura-de-cargos-jerarquicos-transitorios-ed-primaria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Leer m\u00e1s<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"uagb-post__inner-wrap\">\t\t\t\t\t\t\t\t<h4 class=\"uagb-post__title uagb-post__text\">\n\t\t\t\t<a href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-509-26-orden-de-merito-apd-17-09-2026-fines-17-09-2026\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Com. 509\/26. Orden de M\u00e9rito- APD 17\/09\/2026-FinEs 17\/09\/2026.<\/a>\n\t\t\t<\/h4>\n\t\t\t\t\t\t<div class='uagb-post__text uagb-post-grid-byline'>\n\t\t\t\t\t\t\t\t<time datetime=\"2026-09-18T14:44:23+00:00\" class=\"uagb-post__date\">\n\t\t\t\t<span class=\"dashicons-calendar dashicons\"><\/span>\t\t\t\t\t18 septiembre, 2026\t\t\t\t<\/time>\n\t\t\t\t\t\t\t<span class=\"uagb-post__comment\">\n\t\t\t\t<span class=\"dashicons-admin-comments dashicons\"><\/span>\t\t\t\t\tNo hay comentarios\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class='uagb-post__text uagb-post__excerpt'>\n\t\t\t\t\t<p>https:\/\/docs.google.com\/spreadsheets\/u\/2\/d\/1HxDMp3DbItb0stumYpuoJKk6NFHcKANW8f_iKXI5a6M\/edit?usp=sharing https:\/\/docs.google.com\/spreadsheets\/d\/1HXvAb2-xG_U0iHKFM_OsFHzrmjdR5cY8QZD_TBW9RpQ\/edit<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"uagb-post__text uagb-post__cta wp-block-button\">\n\t\t\t\t<a class=\"wp-block-button__link uagb-text-link\" style=\"\" href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-509-26-orden-de-merito-apd-17-09-2026-fines-17-09-2026\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Leer m\u00e1s<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"uagb-post__inner-wrap\">\t\t\t\t\t\t\t\t<h4 class=\"uagb-post__title uagb-post__text\">\n\t\t\t\t<a href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-508-26-convocatoria-distritos-vecinos-florencio-varela-acto-publico-para-la-cobertura-de-cargos-jerarquicos-ed-secundaria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Com. 508\/26.\u00a0 CONVOCATORIA DISTRITOS VECINOS :Florencio Varela. ACTO P\u00daBLICO PARA LA COBERTURA DE CARGOS JER\u00c1RQUICOS ED. SECUNDARIA<\/a>\n\t\t\t<\/h4>\n\t\t\t\t\t\t<div class='uagb-post__text uagb-post-grid-byline'>\n\t\t\t\t\t\t\t\t<time datetime=\"2026-09-18T14:43:41+00:00\" class=\"uagb-post__date\">\n\t\t\t\t<span class=\"dashicons-calendar dashicons\"><\/span>\t\t\t\t\t18 septiembre, 2026\t\t\t\t<\/time>\n\t\t\t\t\t\t\t<span class=\"uagb-post__comment\">\n\t\t\t\t<span class=\"dashicons-admin-comments dashicons\"><\/span>\t\t\t\t\tNo hay comentarios\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class='uagb-post__text uagb-post__excerpt'>\n\t\t\t\t\t<p>La Secretar\u00eda de Asuntos Docentes de Almirante Brown cumple en difundir la Convocatoria para el&#8230;\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"uagb-post__text uagb-post__cta wp-block-button\">\n\t\t\t\t<a class=\"wp-block-button__link uagb-text-link\" style=\"\" href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-508-26-convocatoria-distritos-vecinos-florencio-varela-acto-publico-para-la-cobertura-de-cargos-jerarquicos-ed-secundaria\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Leer m\u00e1s<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"uagb-post__inner-wrap\">\t\t\t\t\t\t\t\t<h4 class=\"uagb-post__title uagb-post__text\">\n\t\t\t\t<a href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-507-26-orden-de-merito-apd-16-09-2026-fines-16-09-2026\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Com. 507\/26. Orden de M\u00e9rito- APD 16\/09\/2026-FinEs 16\/09\/2026.<\/a>\n\t\t\t<\/h4>\n\t\t\t\t\t\t<div class='uagb-post__text uagb-post-grid-byline'>\n\t\t\t\t\t\t\t\t<time datetime=\"2026-09-18T14:42:41+00:00\" class=\"uagb-post__date\">\n\t\t\t\t<span class=\"dashicons-calendar dashicons\"><\/span>\t\t\t\t\t18 septiembre, 2026\t\t\t\t<\/time>\n\t\t\t\t\t\t\t<span class=\"uagb-post__comment\">\n\t\t\t\t<span class=\"dashicons-admin-comments dashicons\"><\/span>\t\t\t\t\tNo hay comentarios\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class='uagb-post__text uagb-post__excerpt'>\n\t\t\t\t\t<p>La Secretar\u00eda de Asuntos Docentes de Almirante Brown comparte resultados de APD 16\/09\/2026. https:\/\/docs.google.com\/spreadsheets\/d\/13re2gVIRDgiKjP8wDtVSqnvpkSpwnoulz8AfcbasYDg\/edit?gid=0#gid=0 https:\/\/docs.google.com\/spreadsheets\/d\/199y1OiUxowRWcKmqe5knl5AFYBVstDnrKtu0yC3AYb4\/edit?gid=0#gid=0<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"uagb-post__text uagb-post__cta wp-block-button\">\n\t\t\t\t<a class=\"wp-block-button__link uagb-text-link\" style=\"\" href=\"https:\/\/sadalmirantebrown.com.ar\/staging\/com-507-26-orden-de-merito-apd-16-09-2026-fines-16-09-2026\/\" target=\"_self\" rel=\"bookmark noopener noreferrer\">Leer m\u00e1s<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n\n<div class=\"seccion-mapa-fullwidth\">\n    <div class=\"seccion-mapa-container\">\n        \n        <!-- Columna Izquierda: Texto e Informaci\u00f3n -->\n        <div class=\"columna-texto\">\n            <div class=\"badge-mapa\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                <span>CARTOGRAF\u00cdA EDUCATIVA<\/span>\n            <\/div>\n\n            <h2>Escuelas del Partido de Almirante Brown<\/h2>\n            <div class=\"linea-decorativa-mapa\"><\/div>\n            \n            <p>Explor\u00e1 nuestra herramienta interactiva para geolocalizar los establecimientos educativos del distrito. Encontr\u00e1 de manera r\u00e1pida y precisa la ubicaci\u00f3n, v\u00edas de contacto y oferta de servicios docentes.<\/p>\n            \n            <!-- Cards de caracter\u00edsticas \/ highlights -->\n            <div class=\"mapa-features-grid\">\n                <div class=\"mapa-feature-card\">\n                    <span class=\"feature-icon\">\ud83c\udfeb<\/span>\n                    <div>\n                        <strong>Gesti\u00f3n P\u00fablica<\/strong>\n                        <small>Todos los niveles y modalidades<\/small>\n                    <\/div>\n                <\/div>\n                <div class=\"mapa-feature-card\">\n                    <span class=\"feature-icon\">\ud83d\udd0d<\/span>\n                    <div>\n                        <strong>Buscador Directo<\/strong>\n                        <small>Filtr\u00e1 por n\u00famero de escuela o calle<\/small>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Instructivo destacado -->\n            <div class=\"bajada-instructiva\">\n                <div class=\"instructiva-icono\">\ud83d\udca1<\/div>\n                <div class=\"instructiva-texto\">\n                    <strong>\u00bfC\u00f3mo navegarlo?<\/strong> Us\u00e1 el buscador en la esquina superior del mapa o desplazate por las localidades del partido para ver las fichas de cada establecimiento.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Columna Derecha: Mapa Embed con Marco de App -->\n        <div class=\"columna-mapa\">\n            <div class=\"mapa-frame-wrapper\">\n                <div class=\"mapa-header-bar\">\n                    <div class=\"mapa-dots\">\n                        <span class=\"dot red\"><\/span>\n                        <span class=\"dot yellow\"><\/span>\n                        <span class=\"dot green\"><\/span>\n                    <\/div>\n                    <span class=\"mapa-bar-title\">Mapa Interactivo \u2022 Almirante Brown<\/span>\n                <\/div>\n                <div class=\"mapa-escuelas-contenedor\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1uy_l3yfW48cieuIjq1icU2kzOhLKugA\" width=\"100%\" height=\"480\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* --- CONTENEDOR FULL WIDTH (VERDE CARTOGR\u00c1FICO) --- *\/\n.seccion-mapa-fullwidth {\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    margin-right: calc(-50vw + 50%);\n    position: relative;\n    \/* Fondo verde mapa suave y profesional *\/\n    background: linear-gradient(180deg, #e8f5e9 0%, #d7ece0 100%);\n    border-top: 1px solid #b7e1cd;\n    border-bottom: 1px solid #b7e1cd;\n    padding: 70px 0;\n    margin-top: 50px;\n    margin-bottom: 50px;\n    box-sizing: border-box;\n}\n\n.seccion-mapa-container {\n    max-width: 1150px;\n    margin: 0 auto;\n    padding: 0 24px;\n    display: flex;\n    gap: 45px;\n    align-items: center;\n    font-family: system-ui, -apple-system, sans-serif;\n    box-sizing: border-box;\n}\n\n.columna-texto {\n    flex: 1;\n}\n\n.columna-mapa {\n    flex: 1.15;\n}\n\n\/* --- BADGE & ENCABEZADOS --- *\/\n.badge-mapa {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: #ffffff;\n    color: #15803d;\n    padding: 5px 12px;\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.8px;\n    margin-bottom: 14px;\n    box-shadow: 0 2px 6px rgba(22, 101, 52, 0.08);\n}\n\n.badge-mapa svg {\n    width: 14px;\n    height: 14px;\n}\n\n.columna-texto h2 {\n    font-size: 32px;\n    color: #0f291e;\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n}\n\n.linea-decorativa-mapa {\n    width: 50px;\n    height: 4px;\n    background: #16a34a;\n    border-radius: 2px;\n    margin-bottom: 22px;\n}\n\n.columna-texto p {\n    font-size: 15.5px;\n    line-height: 1.6;\n    color: #1e3a2b;\n    margin: 0 0 22px 0;\n}\n\n\/* --- GRID DE CARACTER\u00cdSTICAS --- *\/\n.mapa-features-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 22px;\n}\n\n.mapa-feature-card {\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(8px);\n    border: 1px solid #b7e1cd;\n    padding: 12px 14px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 2px 6px rgba(22, 101, 52, 0.05);\n}\n\n.feature-icon {\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.mapa-feature-card strong {\n    display: block;\n    font-size: 13px;\n    color: #0f291e;\n    line-height: 1.2;\n}\n\n.mapa-feature-card small {\n    display: block;\n    font-size: 11.5px;\n    color: #2e5b43;\n    margin-top: 2px;\n}\n\n\/* --- INSTRUCTIVO DE NAVEGACI\u00d3N --- *\/\n.bajada-instructiva {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: #1e3a2b;\n    background: #ffffff;\n    padding: 14px 16px;\n    border-left: 4px solid #16a34a;\n    border-radius: 0 10px 10px 0;\n    box-shadow: 0 4px 12px rgba(22, 101, 52, 0.06);\n    border-top: 1px solid #c8e6c9;\n    border-right: 1px solid #c8e6c9;\n    border-bottom: 1px solid #c8e6c9;\n}\n\n.instructiva-icono {\n    font-size: 18px;\n    flex-shrink: 0;\n}\n\n.instructiva-texto strong {\n    color: #0f291e;\n}\n\n\/* --- MARCO DE APLICACI\u00d3N DEL MAPA --- *\/\n.mapa-frame-wrapper {\n    background: #ffffff;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid #a3d9b8;\n    box-shadow: 0 20px 40px -15px rgba(22, 101, 52, 0.18);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.mapa-frame-wrapper:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 25px 50px -12px rgba(22, 101, 52, 0.25);\n}\n\n.mapa-header-bar {\n    background: #f0fdf4;\n    border-bottom: 1px solid #c8e6c9;\n    padding: 10px 16px;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n\n.mapa-dots {\n    display: flex;\n    gap: 6px;\n}\n\n.dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n.dot.red { background: #ef4444; }\n.dot.yellow { background: #f59e0b; }\n.dot.green { background: #10b981; }\n\n.mapa-bar-title {\n    font-size: 12px;\n    font-weight: 700;\n    color: #166534;\n    margin: 0 auto;\n    letter-spacing: 0.3px;\n}\n\n.mapa-escuelas-contenedor iframe {\n    display: block;\n    width: 100%;\n}\n\n\/* RESPONSIVE ADAPTATIVO *\/\n@media (max-width: 992px) {\n    .seccion-mapa-fullwidth {\n        padding: 45px 0;\n    }\n    .seccion-mapa-container {\n        flex-direction: column;\n        gap: 35px;\n    }\n    .columna-texto h2 {\n        font-size: 26px;\n    }\n    .mapa-features-grid {\n        grid-template-columns: 1fr;\n    }\n    .mapa-escuelas-contenedor iframe {\n        height: 400px;\n    }\n}\n<\/style>\n\n\n\n<div class=\"abc-directo-container\">\n    <div class=\"abc-directo-card\">\n        <p class=\"abc-directo-tag\">SOPORTE DOCENTE OFICIAL<\/p>\n        <h2 class=\"abc-directo-titulo\">Preguntas Frecuentes &#8211; Direcci\u00f3n Provincial de Gesti\u00f3n de RRHH<\/h2>\n        <div class=\"abc-directo-linea\"><\/div>\n        <p class=\"abc-directo-texto\">\n            Para consultar el listado completo y actualizado de preguntas frecuentes, normativas, tr\u00e1mites y canales de consulta de la Direcci\u00f3n Provincial, acced\u00e9 directamente al apartado oficial en el Portal ABC.\n        <\/p>\n        <a href=\"https:\/\/abc.gob.ar\/secretarias\/areas\/subsecretaria-de-administracion-y-recursos-humanos\/direccion-provincial-de-gestion-de-rrhh-7\" target=\"_blank\" class=\"abc-directo-boton\">\n            \ud83c\udf10 Ir a las Preguntas Frecuentes en ABC\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n.abc-directo-container {\n    max-width: 850px;\n    margin: 60px auto;\n    padding: 0 24px;\n    font-family: system-ui, -apple-system, sans-serif;\n}\n.abc-directo-card {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    padding: 40px 30px;\n    text-align: center;\n    box-shadow: 0 10px 25px -5px rgba(0, 73, 170, 0.03);\n}\n.abc-directo-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    color: #0073aa;\n    margin-bottom: 8px;\n    text-transform: uppercase;\n}\n.abc-directo-titulo {\n    font-size: 26px;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 auto;\n    line-height: 1.3;\n    max-width: 600px;\n}\n.abc-directo-linea {\n    width: 50px;\n    height: 4px;\n    background: #0073aa;\n    border-radius: 2px;\n    margin: 20px auto;\n}\n.abc-directo-texto {\n    font-size: 15.5px;\n    color: #475569;\n    line-height: 1.6;\n    max-width: 650px;\n    margin: 0 auto 30px auto;\n}\n.abc-directo-boton {\n    display: inline-block;\n    background: #0073aa;\n    color: #ffffff;\n    padding: 14px 28px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 15px;\n    box-shadow: 0 4px 6px -1px rgba(0, 73, 170, 0.2);\n    transition: all 0.2s ease;\n}\n.abc-directo-boton:hover {\n    background: #005a87;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 15px -3px rgba(0, 73, 170, 0.3);\n}\n@media (max-width: 480px) {\n    .abc-directo-card { padding: 30px 20px; }\n    .abc-directo-titulo { font-size: 21px; }\n}\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><\/h2>\n\n\n\n<!-- BOT\u00d3N FLOTANTE CON SADI EL B\u00daHO -->\n<div id=\"btn-bot-flotante\" onclick=\"abrirChatBot()\">\n    <div class=\"icono-bot-wrapper\">\n        <span class=\"icono-bot\">\ud83e\udd89<\/span>\n        <span class=\"status-dot\"><\/span>\n    <\/div>\n    <div class=\"texto-bot-container\">\n        <span class=\"subtexto-bot\">Asistente Virtual<\/span>\n        <span class=\"texto-bot-alerta\">Habl\u00e1 con Sadi<\/span>\n    <\/div>\n<\/div>\n\n<!-- VENTANA DEL CHATBOT -->\n<div id=\"ventana-chatbot\" class=\"chatbot-oculto\">\n    <!-- Formas de fondo decorativas (Blobs de color) -->\n    <div class=\"blob blob-1\"><\/div>\n    <div class=\"blob blob-2\"><\/div>\n\n    <div class=\"chatbot-header\">\n        <div class=\"chatbot-perfil\">\n            <div class=\"avatar-bot-container\">\n                <span class=\"avatar-bot\">\ud83e\udd89<\/span>\n                <span class=\"status-online\"><\/span>\n            <\/div>\n            <div>\n                <h4>Sadi<\/h4>\n                <p>Secretar\u00eda de Asuntos Docentes<\/p>\n            <\/div>\n        <\/div>\n        <button class=\"btn-cerrar-bot\" onclick=\"cerrarChatBot()\">\u00d7<\/button>\n    <\/div>\n\n    <!-- Historial de mensajes -->\n    <div class=\"chatbot-mensajes\" id=\"chatMensajes\">\n        <div class=\"mensaje-bot\">\n            \u00a1Hola! \ud83d\udc4b Soy <strong>Sadi \ud83e\udd89<\/strong>, tu asistente de SAD Adrogu\u00e9. \u00bfQu\u00e9 consulta quer\u00e9s hacer hoy?\n        <\/div>\n    <\/div>\n\n    <!-- Opciones interactivas -->\n    <div class=\"chatbot-opciones\" id=\"chatOpciones\">\n        <button onclick=\"responderBot('atencion')\">\ud83d\udccd Atenci\u00f3n, Horarios y Mails<\/button>\n        <button onclick=\"responderBot('listados_info')\">\ud83d\udccb Listados (108A \/ 108B)<\/button>\n        <button onclick=\"responderBot('pid_reclamos')\">\u2b50 PID y Reclamos<\/button>\n        <button onclick=\"responderBot('apd_info')\">\ud83d\udcbb Actos P\u00fablicos (APD)<\/button>\n    <\/div>\n<\/div>\n\n<style>\n\/* --- PALETA Y BOT\u00d3N FLOTANTE --- *\/\n#btn-bot-flotante {\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    background: linear-gradient(135deg, #7c3aed 0%, #2563eb 50%, #06b6d4 100%);\n    background-size: 200% 200%;\n    animation: gradientMove 6s ease infinite;\n    color: #ffffff;\n    padding: 12px 24px;\n    border-radius: 28px 28px 4px 28px; \/* Forma asim\u00e9trica llamativa *\/\n    font-family: system-ui, -apple-system, sans-serif;\n    cursor: pointer;\n    box-shadow: \n        0 12px 25px rgba(124, 58, 237, 0.4),\n        inset 0 2px 3px rgba(255, 255, 255, 0.4),\n        inset 0 -3px 5px rgba(0, 0, 0, 0.3);\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    border: 1px solid rgba(255, 255, 255, 0.35);\n}\n\n@keyframes gradientMove {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n\n#btn-bot-flotante:hover {\n    transform: translateY(-5px) scale(1.03) rotate(-1deg);\n    box-shadow: 0 18px 30px rgba(124, 58, 237, 0.55);\n}\n\n.icono-bot-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.25);\n    padding: 8px;\n    border-radius: 50%;\n    box-shadow: inset 0 1px 2px rgba(255,255,255,0.6);\n}\n\n.icono-bot { font-size: 22px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25)); }\n\n.status-dot {\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    width: 10px;\n    height: 10px;\n    background-color: #10b981;\n    border: 2px solid #7c3aed;\n    border-radius: 50%;\n}\n\n.texto-bot-container { display: flex; flex-direction: column; }\n.subtexto-bot { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.9; font-weight: 700; }\n.texto-bot-alerta { font-weight: 800; font-size: 14px; letter-spacing: 0.3px; }\n\n\/* --- VENTANA CON FORMAS Y COLORES --- *\/\n#ventana-chatbot {\n    position: fixed;\n    bottom: 95px;\n    right: 30px;\n    width: 370px;\n    max-width: 88vw;\n    height: 520px;\n    background: rgba(15, 23, 42, 0.82); \/* Dark Glass base *\/\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border-radius: 28px; \/* Bordes muy curvos *\/\n    box-shadow: \n        0 25px 50px rgba(0, 0, 0, 0.4),\n        0 0 0 1px rgba(255, 255, 255, 0.15);\n    font-family: system-ui, -apple-system, sans-serif;\n    display: flex;\n    flex-direction: column;\n    z-index: 99999;\n    overflow: hidden;\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    transform-origin: bottom right;\n}\n\n.chatbot-oculto {\n    opacity: 0;\n    pointer-events: none;\n    transform: scale(0.8) translateY(30px);\n}\n\n\/* Blobs org\u00e1nicos de fondo decorativos *\/\n.blob {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(40px);\n    z-index: 0;\n    pointer-events: none;\n}\n.blob-1 {\n    width: 180px;\n    height: 180px;\n    background: rgba(124, 58, 237, 0.35);\n    top: -30px;\n    left: -40px;\n}\n.blob-2 {\n    width: 160px;\n    height: 160px;\n    background: rgba(6, 182, 212, 0.3);\n    bottom: 40px;\n    right: -30px;\n}\n\n\/* Encabezado *\/\n.chatbot-header {\n    position: relative;\n    z-index: 1;\n    background: rgba(255, 255, 255, 0.05);\n    color: #ffffff;\n    padding: 16px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.chatbot-perfil { display: flex; align-items: center; gap: 12px; }\n\n.avatar-bot-container {\n    position: relative;\n    background: linear-gradient(135deg, #8b5cf6, #06b6d4);\n    width: 42px;\n    height: 42px;\n    border-radius: 14px; \/* Forma Squircle *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\n}\n\n.avatar-bot { font-size: 22px; }\n\n.status-online {\n    position: absolute;\n    bottom: -2px;\n    right: -2px;\n    width: 10px;\n    height: 10px;\n    background: #10b981;\n    border-radius: 50%;\n    border: 2px solid #0f172a;\n}\n\n.chatbot-header h4 { margin: 0; font-size: 15px; font-weight: 800; }\n.chatbot-header p { margin: 0; font-size: 11px; color: #38bdf8; font-weight: 600; }\n\n.btn-cerrar-bot {\n    background: rgba(255, 255, 255, 0.1);\n    border: none;\n    color: #94a3b8;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    font-size: 20px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s;\n}\n.btn-cerrar-bot:hover { background: rgba(239, 68, 68, 0.8); color: #ffffff; }\n\n\/* Cuerpo de mensajes *\/\n.chatbot-mensajes {\n    position: relative;\n    z-index: 1;\n    flex: 1;\n    padding: 18px;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\n.mensaje-bot {\n    background: rgba(255, 255, 255, 0.95);\n    color: #0f172a;\n    padding: 12px 16px;\n    border-radius: 4px 18px 18px 18px; \/* Forma de burbuja *\/\n    font-size: 13.5px;\n    line-height: 1.5;\n    max-width: 85%;\n    align-self: flex-start;\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n    animation: fadeInMsg 0.3s ease-out;\n}\n\n.mensaje-usuario {\n    background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);\n    color: #ffffff;\n    padding: 12px 16px;\n    border-radius: 18px 18px 4px 18px; \/* Forma de burbuja inversa *\/\n    font-size: 13.5px;\n    line-height: 1.4;\n    max-width: 85%;\n    align-self: flex-end;\n    font-weight: 600;\n    box-shadow: 0 8px 16px rgba(139, 92, 246, 0.3);\n    animation: fadeInMsg 0.3s ease-out;\n}\n\n.mensaje-bot a { color: #2563eb; font-weight: 700; text-decoration: underline; }\n\n@keyframes fadeInMsg {\n    from { opacity: 0; transform: translateY(10px) scale(0.95); }\n    to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n\/* Opciones \/ Botones con gradientes de contraste *\/\n.chatbot-opciones {\n    position: relative;\n    z-index: 1;\n    padding: 14px;\n    background: rgba(15, 23, 42, 0.6);\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.chatbot-opciones button {\n    background: rgba(255, 255, 255, 0.07);\n    color: #f1f5f9;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    padding: 10px 14px;\n    border-radius: 12px;\n    text-align: left;\n    font-size: 12.5px;\n    font-weight: 700;\n    cursor: pointer;\n    backdrop-filter: blur(4px);\n    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n.chatbot-opciones button:hover {\n    background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);\n    color: #ffffff;\n    border-color: transparent;\n    transform: translateY(-2px) translateX(2px);\n    box-shadow: 0 6px 15px rgba(6, 182, 212, 0.35);\n}\n\n.chatbot-opciones button:active { transform: translateY(0); }\n<\/style>\n\n<script>\nconst ventana = document.getElementById('ventana-chatbot');\nconst mensajesContenedor = document.getElementById('chatMensajes');\n\nfunction abrirChatBot() {\n    ventana.classList.remove('chatbot-oculto');\n}\n\nfunction cerrarChatBot() {\n    ventana.classList.add('chatbot-oculto');\n}\n\nfunction agregarMensaje(texto, esUsuario) {\n    let div = document.createElement('div');\n    div.className = esUsuario ? 'mensaje-usuario' : 'mensaje-bot';\n    div.innerHTML = texto;\n    mensajesContenedor.appendChild(div);\n    mensajesContenedor.scrollTop = mensajesContenedor.scrollHeight;\n}\n\nfunction responderBot(tipo) {\n    let textoUsuario = \"\";\n    let respuestaBot = \"\";\n\n    if (tipo === 'atencion') {\n        textoUsuario = \"\ud83d\udccd Atenci\u00f3n, Horarios y Mails\";\n        respuestaBot = `<strong>Atenci\u00f3n Presencial:<\/strong> Plaza Almirante Brown 18, Adrogu\u00e9.<br>\n                        <strong>Horario:<\/strong> Lunes a viernes de 8:00 a 17:00 hs.<br>\n                        <strong>Tel\u00e9fono:<\/strong> 4294-1943 | <strong>WhatsApp:<\/strong> 11 2309-8582<br><br>\n                        <strong>Mails de Contacto:<\/strong><br>\n                        \u2022 <strong>Ingreso a la Docencia:<\/strong> sad004listados@abc.gob.ar<br>\n                        \u2022 <strong>APD:<\/strong> apdsad004@abc.gob.ar<br>\n                        \u2022 <strong>PAD:<\/strong> pad2020sad004@abc.gob.ar<br>\n                        \u2022 <strong>MAD:<\/strong> madsad004@abc.gob.ar<br>\n                        \u2022 <strong>Concursos:<\/strong> sad004pdeseleccion@abc.gob.ar<br>\n                        \u2022 <strong>SSPP:<\/strong> provisoriosyreincorp.004@gmail.com<br>\n                        \u2022 <strong>Decreto 900:<\/strong> Decretos004@gmail.com`;\n    } \n    else if (tipo === 'pid_reclamos') {\n        textoUsuario = \"\u2b50 Consulta PID y Reclamos\";\n        respuestaBot = `Ingres\u00e1 al portal <strong>@abc<\/strong> con tu usuario a <em>Servicios ABC<\/em> para consultar tu Puntaje de Ingreso a la Docencia (PID).<br><br>\n                        <strong>\u00bfC\u00f3mo reclamar?<\/strong> Envi\u00e1 un correo al Tribunal Descentralizado de tu distrito de residencia (seg\u00fan DNI) con tus datos y motivo.<br><br>\n                        \u26a0\ufe0f <strong>Importante:<\/strong> No adjuntes documentaci\u00f3n nueva; solo se valida la presentada en la inscripci\u00f3n (Art. 63 Ley 10579).`;\n    } \n    else if (tipo === 'listados_info') {\n        textoUsuario = \"\ud83d\udccb Listados Oficiales, 108A y 108B\";\n        respuestaBot = `Para inscribirte ingres\u00e1 a <strong>servicios.abc.gob.ar (SERVADDO)<\/strong> -> <em>Inscripciones a acciones estatutarias<\/em>.<br><br>\n                        \u2022 <strong>108A:<\/strong> Requiere t\u00edtulo docente o profesional\/t\u00e9cnico con capacitaci\u00f3n docente.<br>\n                        \u2022 <strong>108B:<\/strong> Requiere porcentaje de materias y constancia de alumno regular vigente (obligatoria). Permite m\u00e1s de 3 distritos.<br><br>\n                        Pod\u00e9s revisar la <a href=\"https:\/\/drive.google.com\/file\/d\/11UI4KZiiqWI2svz1-D9JO9Dns16L6Re6\/view\" target=\"_blank\">Comunicaci\u00f3n Conjunta 3\/2024<\/a>.`;\n    } \n    else if (tipo === 'apd_info') {\n        textoUsuario = \"\ud83d\udcbb Actos P\u00fablicos Digitales (APD)\";\n        respuestaBot = `Los APD se gestionan desde el portal ABC.<br><br>\n                        Consultas de la v\u00eda: <strong>apdsad004@abc.gob.ar<\/strong>.<br>\n                        Revis\u00e1 la secci\u00f3n de tutoriales en la web para los manuales de postulaci\u00f3n.`;\n    }\n\n    agregarMensaje(textoUsuario, true);\n\n    setTimeout(() => {\n        agregarMensaje(respuestaBot, false);\n    }, 350);\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<p>s<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"sad-seccion-contenedor-3d\">\n\n    <!-- HERO Y INTRODUCCI\u00d3N A LA COMUNIDAD DIGITAL -->\n    <header class=\"sad-oficina-hero-3d\">\n        <div class=\"sad-badge-pulse\">\n            <span class=\"sad-pulse-ring\"><\/span>\n            <span class=\"sad-tag-oficina-3d\">CONECTANDO EL DISTRITO<\/span>\n        <\/div>\n        <h2 class=\"sad-titulo-gradient\">Comunidad Digital<\/h2>\n        <p class=\"sad-oficina-bajada-3d\">\n            Mantenete informado en tiempo real y conect\u00e1 con el trabajo pedag\u00f3gico y las novedades institucionales de todo nuestro distrito.\n        <\/p>\n    <\/header>\n\n    <!-- BLOQUE DESTACADO: CANAL DE WHATSAPP -->\n    <section class=\"sad-card-glass-glow\">\n        <div class=\"sad-glow-bg\"><\/div>\n        <div class=\"sad-glass-content\">\n            <div class=\"sad-icon-bounce\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"sad-glass-text\">\n                <span class=\"sad-label-alerta\">\ud83d\udd25 CANAL PRIORITARIO<\/span>\n                <h3>Canal Oficial de WhatsApp<\/h3>\n                <p>Enterate de todo antes que nadie: comunicados de \u00faltimo momento, llamados a APD y resoluciones clave directo en tu celular.<\/p>\n                <a href=\"https:\/\/whatsapp.com\/channel\/0029VbBj4oR2Jl87etlwsI3q\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-btn-3d-wa\">\n                    <span>\ud83d\ude80 UNIRME AL CANAL AHORA<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- GRILLA DE REDES SOCIALES -->\n    <section class=\"sad-redes-section\">\n        <h3 class=\"sad-subtitulo-3d\">Nuestros Canales Digitales<\/h3>\n        \n        <div class=\"sad-grid-3d\">\n            <!-- Instagram -->\n            <a href=\"https:\/\/www.instagram.com\/sad.altebrown\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-card-3d instagram-3d\">\n                <div class=\"sad-card-inner\">\n                    <div class=\"sad-card-front\">\n                        <div class=\"sad-icon-3d bg-ig-gradient\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n                        <\/div>\n                        <h4>Instagram<\/h4>\n                        <p>Noticias diarias, cobertura de eventos, historias al instante e identidad visual.<\/p>\n                        <span class=\"sad-btn-link-3d\">@sad.altebrown \u2794<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Facebook -->\n            <a href=\"https:\/\/www.facebook.com\/sadaltebrown\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-card-3d facebook-3d\">\n                <div class=\"sad-card-inner\">\n                    <div class=\"sad-card-front\">\n                        <div class=\"sad-icon-3d bg-fb-gradient\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n                        <\/div>\n                        <h4>Facebook<\/h4>\n                        <p>Comunicados institucionales, novedades normativas y avisos oficiales.<\/p>\n                        <span class=\"sad-btn-link-3d\">\/sadaltebrown \u2794<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <!-- YouTube -->\n            <a href=\"https:\/\/www.youtube.com\/@SADAlmiranteBrownOficial\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-card-3d youtube-3d\">\n                <div class=\"sad-card-inner\">\n                    <div class=\"sad-card-front\">\n                        <div class=\"sad-icon-3d bg-yt-gradient\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"><\/path><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon><\/svg>\n                        <\/div>\n                        <h4>YouTube<\/h4>\n                        <p>Tutoriales din\u00e1micos, instructivos en video y gu\u00edas explicativas.<\/p>\n                        <span class=\"sad-btn-link-3d\">Canal Oficial \u2794<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- CALL TO ACTION: ESCUELAS DESTACADAS -->\n    <section class=\"sad-banner-escuelas-3d\">\n        <div class=\"sad-escuelas-content\">\n            <span class=\"sad-tag-escuelas\">\u2728 PARTICIPACI\u00d3N COMUNITARIA<\/span>\n            <h3>Secci\u00f3n: Escuelas Destacadas<\/h3>\n            <p>\u00a1Queremos visibilizar el trabajo de tu escuela! Envianos fotos de tus proyectos y actividades para compartirlas en nuestras redes oficiales.<\/p>\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5491123098582&#038;text=Hola!%20Quiero%20enviar%20fotos\/material%20de%20mi%20escuela%20para%20la%20secci%C3%B3n%20Escuelas%20Destacadas.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-btn-upload-3d\">\n                \ud83d\udcf8 MANDAR FOTOS DE MI ESCUELA\n            <\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<style>\n\/* --- ESTILOS GENERALES Y 3D --- *\/\n.sad-seccion-contenedor-3d {\n    max-width: 1100px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    perspective: 1000px;\n    box-sizing: border-box;\n}\n\n.sad-oficina-hero-3d {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 35px auto;\n}\n\n.sad-badge-pulse {\n    position: relative;\n    display: inline-block;\n    margin-bottom: 12px;\n}\n\n.sad-tag-oficina-3d {\n    background: linear-gradient(135deg, #7c3aed, #db2777);\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    display: inline-block;\n    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4);\n}\n\n.sad-pulse-ring {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    border-radius: 20px;\n    border: 2px solid #db2777;\n    animation: sadPulse 2s infinite;\n}\n\n@keyframes sadPulse {\n    0% { transform: scale(0.95); opacity: 1; }\n    100% { transform: scale(1.2); opacity: 0; }\n}\n\n.sad-titulo-gradient {\n    font-size: 38px;\n    font-weight: 900;\n    background: linear-gradient(135deg, #0f172a 0%, #7c3aed 50%, #db2777 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    margin: 0 0 12px 0;\n    line-height: 1.1;\n}\n\n.sad-oficina-bajada-3d {\n    font-size: 17px;\n    color: #475569 !important;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* Glassmorphism Card con Glow (WhatsApp) *\/\n.sad-card-glass-glow {\n    position: relative;\n    border-radius: 20px;\n    padding: 3px;\n    background: linear-gradient(135deg, #25d366, #7c3aed, #db2777);\n    background-size: 300% 300%;\n    animation: gradientShift 6s ease infinite;\n    margin-bottom: 50px;\n    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.2);\n}\n\n@keyframes gradientShift {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n\n.sad-glass-content {\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 18px;\n    padding: 30px;\n    display: flex;\n    gap: 25px;\n    align-items: center;\n    text-align: left;\n}\n\n.sad-icon-bounce {\n    background: #25d366;\n    color: #ffffff;\n    padding: 16px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: floatAnim 3s ease-in-out infinite;\n    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.35);\n}\n\n.sad-icon-bounce svg { width: 34px; height: 34px; }\n\n@keyframes floatAnim {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n}\n\n.sad-label-alerta {\n    font-size: 11px;\n    font-weight: 800;\n    color: #25d366;\n    letter-spacing: 1px;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.sad-glass-text h3 {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 6px 0;\n}\n\n.sad-glass-text p {\n    font-size: 15px;\n    color: #475569 !important;\n    margin: 0 0 18px 0;\n    line-height: 1.5;\n}\n\n.sad-btn-3d-wa {\n    display: inline-block;\n    background: linear-gradient(135deg, #25d366, #128c7e);\n    color: #ffffff !important;\n    font-weight: 800;\n    font-size: 13.5px;\n    padding: 12px 24px;\n    border-radius: 30px;\n    text-decoration: none;\n    box-shadow: 0 8px 18px rgba(37, 211, 102, 0.3);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.sad-btn-3d-wa:hover {\n    transform: translateY(-2px) scale(1.02);\n    box-shadow: 0 12px 22px rgba(37, 211, 102, 0.4);\n}\n\n\/* Grilla de Redes 3D *\/\n.sad-subtitulo-3d {\n    font-size: 24px;\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 25px;\n    text-align: center;\n}\n\n.sad-grid-3d {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n    margin-bottom: 50px;\n}\n\n.sad-card-3d {\n    text-decoration: none;\n    perspective: 1000px;\n}\n\n.sad-card-inner {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 18px;\n    padding: 25px;\n    text-align: left;\n    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.04);\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n}\n\n.sad-card-3d:hover .sad-card-inner {\n    transform: translateY(-8px) rotateX(3deg);\n    box-shadow: 0 18px 30px -10px rgba(124, 58, 237, 0.18);\n    border-color: #c084fc;\n}\n\n.sad-icon-3d {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #ffffff;\n    margin-bottom: 16px;\n    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);\n}\n\n.sad-icon-3d svg { width: 24px; height: 24px; }\n\n.bg-ig-gradient { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); }\n.bg-fb-gradient { background: linear-gradient(135deg, #1877f2, #0056b3); }\n.bg-yt-gradient { background: linear-gradient(135deg, #ff0000, #990000); }\n\n.sad-card-front h4 {\n    font-size: 19px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 8px 0;\n}\n\n.sad-card-front p {\n    font-size: 14px;\n    color: #64748b !important;\n    line-height: 1.5;\n    margin: 0 0 16px 0;\n}\n\n.sad-btn-link-3d {\n    font-size: 13.5px;\n    font-weight: 800;\n    color: #7c3aed;\n    transition: transform 0.2s ease;\n    display: inline-block;\n}\n\n.sad-card-3d:hover .sad-btn-link-3d {\n    transform: translateX(4px);\n}\n\n\/* Banner Escuelas Destacadas *\/\n.sad-banner-escuelas-3d {\n    position: relative;\n    background: linear-gradient(-45deg, #7c3aed, #4f46e5, #db2777, #9333ea);\n    background-size: 400% 400%;\n    animation: gradientShift 10s ease infinite;\n    border-radius: 20px;\n    padding: 40px 25px;\n    color: #ffffff;\n    text-align: center;\n    overflow: hidden;\n    box-shadow: 0 18px 35px rgba(124, 58, 237, 0.25);\n}\n\n.sad-escuelas-content {\n    position: relative;\n    z-index: 2;\n    max-width: 700px;\n    margin: 0 auto;\n}\n\n.sad-tag-escuelas {\n    background: rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(5px);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    padding: 4px 14px;\n    border-radius: 20px;\n    display: inline-block;\n    margin-bottom: 12px;\n}\n\n.sad-banner-escuelas-3d h3 {\n    font-size: 28px;\n    font-weight: 900;\n    margin: 0 0 12px 0;\n    color: #ffffff;\n}\n\n.sad-banner-escuelas-3d p {\n    font-size: 16px;\n    color: #f3e8ff !important;\n    line-height: 1.5;\n    margin: 0 0 22px 0;\n}\n\n.sad-btn-upload-3d {\n    display: inline-block;\n    background: #ffffff;\n    color: #7c3aed !important;\n    font-weight: 900;\n    font-size: 14px;\n    padding: 12px 26px;\n    border-radius: 30px;\n    text-decoration: none;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n    transition: all 0.3s ease;\n}\n\n.sad-btn-upload-3d:hover {\n    transform: scale(1.04);\n    background: #fdf4ff;\n    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .sad-titulo-gradient { font-size: 30px; }\n    .sad-glass-content { flex-direction: column; text-align: center; padding: 22px; }\n    .sad-grid-3d { grid-template-columns: 1fr; gap: 18px; }\n    .sad-banner-escuelas-3d h3 { font-size: 22px; }\n    .sad-banner-escuelas-3d { padding: 30px 18px; }\n}\n<\/style>\n\n\n\n<a href='http:\/\/www.freevisitorcounters.com'>freevisitorcounterss Homepage<\/a> <script type='text\/javascript' src='https:\/\/www.freevisitorcounters.com\/auth.php?id=52c49df3f39fee32228fa80740dad68a96574128'><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/www.freevisitorcounters.com\/en\/home\/counter\/1647061\/t\/3\"><\/script>\n\n\n\n<footer class=\"sad-footer-comunidad-azul\">\n    <div class=\"sad-footer-contenido\">\n        \n        <div class=\"sad-footer-texto\">\n            <h3>NUESTRA COMUNIDAD DIGITAL<\/h3>\n            <p>Seguinos en nuestras redes oficiales para enterarte de todas las novedades del distrito.<\/p>\n        <\/div>\n\n        <div class=\"sad-footer-redes\">\n            <!-- Facebook -->\n            <a href=\"https:\/\/facebook.com\/sad.altebrown\" target=\"_blank\" aria-label=\"Facebook\" class=\"sad-link-red fb\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n            <\/a>\n\n            <!-- Instagram -->\n            <a href=\"https:\/\/instagram.com\/sad.altebrown\" target=\"_blank\" aria-label=\"Instagram\" class=\"sad-link-red ig\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n            <\/a>\n\n            <!-- WhatsApp \/ Consultas -->\n            <a href=\"https:\/\/wa.me\/tu_numero\" target=\"_blank\" aria-label=\"WhatsApp\" class=\"sad-link-red wsp\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n            <\/a>\n\n            <!-- YouTube -->\n            <a href=\"https:\/\/youtube.com\" target=\"_blank\" aria-label=\"YouTube\" class=\"sad-link-red yt\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"><\/path><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon><\/svg>\n            <\/a>\n        <\/div>\n\n    <\/div>\n    <div class=\"sad-footer-derechos\">\n        <p>\u00a9 2026 SAD Almirante Brown. Todos los derechos reservados.<\/p>\n        <p class=\"sad-footer-credito\">Dise\u00f1o y Desarrollo por <span>Emiliano Zattera<\/span><\/p>\n    <\/div>\n<\/footer>\n\n<style>\n\/* --- VERSI\u00d3N CON TOQUES AZULES Y EFECTOS GLOW --- *\/\n.sad-footer-comunidad-azul {\n    background: #ffffff !important;\n    padding: 50px 0 40px 0;\n    font-family: system-ui, -apple-system, sans-serif;\n    border-top: 2px solid #009bdc; \/* L\u00ednea azul arriba *\/\n    width: 100%;\n    margin: 40px auto 0 auto !important;\n    box-sizing: border-box;\n}\n\n.sad-footer-contenido {\n    max-width: 1100px;\n    width: 100%;\n    margin: 0 auto !important;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 30px;\n    padding-bottom: 30px;\n    border-bottom: 1px solid #e2e8f0;\n    box-sizing: border-box;\n}\n\n.sad-footer-texto {\n    text-align: left;\n}\n\n\/* Efecto degradado azul en el t\u00edtulo *\/\n.sad-footer-texto h3 {\n    font-size: 24px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    margin: 0 0 8px 0;\n    background: linear-gradient(135deg, #0056b3 0%, #009bdc 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n\/* Texto descriptivo en azul oscuro Slate *\/\n.sad-footer-texto p {\n    font-size: 16.5px;\n    color: #1e3a8a !important; \/* Azul profundo legible *\/\n    margin: 0;\n    line-height: 1.5;\n    font-weight: 500;\n}\n\n\/* Botones de Redes Sociales con color e iluminaci\u00f3n *\/\n.sad-footer-redes {\n    display: flex;\n    gap: 16px;\n}\n\n.sad-link-red {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    text-decoration: none;\n}\n\n.sad-link-red svg {\n    width: 22px;\n    height: 22px;\n}\n\n\/* Colores iniciales y sombras sutiles de marca *\/\n.sad-link-red.fb { background: #e8f2ff; color: #1877f2; }\n.sad-link-red.ig { background: #ffeef4; color: #e1306c; }\n.sad-link-red.wsp { background: #e6fbf0; color: #25d366; }\n.sad-link-red.yt { background: #fff0f0; color: #ff0000; }\n\n\/* Efecto hover interactivo: se pintan full y brillan *\/\n.sad-link-red:hover {\n    color: #ffffff !important;\n    transform: translateY(-5px);\n}\n.sad-link-red.fb:hover { background: #1877f2; box-shadow: 0 6px 15px rgba(24, 119, 242, 0.4); }\n.sad-link-red.ig:hover { background: #e1306c; box-shadow: 0 6px 15px rgba(225, 48, 108, 0.4); }\n.sad-link-red.wsp:hover { background: #25d366; box-shadow: 0 6px 15px rgba(37, 211, 102, 0.4); }\n.sad-link-red.yt:hover { background: #ff0000; box-shadow: 0 6px 15px rgba(255, 0, 0, 0.4); }\n\n\/* Derechos de Autor inferior *\/\n.sad-footer-derechos {\n    max-width: 1100px;\n    width: 100%;\n    margin: 20px auto 0 auto !important;\n    text-align: left;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.sad-footer-derechos p {\n    font-size: 13.5px;\n    color: #64748b !important;\n    margin: 0;\n}\n\n\/* Estilo espec\u00edfico para tu cr\u00e9dito *\/\n.sad-footer-credito {\n    font-size: 13.5px;\n    color: #64748b !important;\n}\n\n.sad-footer-credito span {\n    font-weight: 600;\n    color: #0073aa;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .sad-footer-contenido {\n        flex-direction: column;\n        text-align: center;\n        padding: 0 20px 25px 20px;\n    }\n    .sad-footer-texto {\n        text-align: center;\n    }\n    .sad-footer-derechos {\n        flex-direction: column;\n        text-align: center;\n        padding: 0 20px;\n        justify-content: center;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u2728 \u00a1Conoc\u00e9 nuestro Nuevo Portal Web! Descubr\u00ed lo f\u00e1cil que es gestionar tus tr\u00e1mites docentes en SAD Almirante Brown ORGANISMO [&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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","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-156","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":"\u2728 \u00a1Conoc\u00e9 nuestro Nuevo Portal Web! Descubr\u00ed lo f\u00e1cil que es gestionar tus tr\u00e1mites docentes en SAD Almirante Brown ORGANISMO [&hellip;]","_links":{"self":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/156","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=156"}],"version-history":[{"count":114,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/156\/revisions"}],"predecessor-version":[{"id":16468,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/156\/revisions\/16468"}],"wp:attachment":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/media?parent=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}