{"id":15764,"date":"2026-07-07T12:36:23","date_gmt":"2026-07-07T12:36:23","guid":{"rendered":"https:\/\/sadalmirantebrown.com.ar\/staging\/?page_id=15764"},"modified":"2026-09-08T13:58:47","modified_gmt":"2026-09-08T13:58:47","slug":"contacto","status":"publish","type":"page","link":"https:\/\/sadalmirantebrown.com.ar\/staging\/contacto\/","title":{"rendered":"CONTACTO"},"content":{"rendered":"\n<div class=\"seccion-directorio-sad\">\n    <div class=\"grid-contactos-sad\">\n        <!-- Tarjeta 1 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udccb<\/span>\n                <h3>Ingreso a la Docencia<\/h3>\n            <\/div>\n            <a href=\"mailto:sad004listados@abc.gob.ar\" class=\"btn-contacto-email\">\n                <span>sad004listados@abc.gob.ar<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 2 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udcbb<\/span>\n                <h3>APD (Acto P\u00fablico Digital)<\/h3>\n            <\/div>\n            <a href=\"mailto:apdsad004@abc.gob.ar\" class=\"btn-contacto-email\">\n                <span>apdsad004@abc.gob.ar<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 3 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udcc2<\/span>\n                <h3>PAD<\/h3>\n            <\/div>\n            <a href=\"mailto:pad2020sad004@abc.gob.ar\" class=\"btn-contacto-email\">\n                <span>pad2020sad004@abc.gob.ar<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 4 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udd04<\/span>\n                <h3>MAD \/ Acrecentamiento<\/h3>\n            <\/div>\n            <a href=\"mailto:madsad004@abc.gob.ar\" class=\"btn-contacto-email\">\n                <span>madsad004@abc.gob.ar<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 5 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\u2696\ufe0f<\/span>\n                <h3>Concurso y P. Selecci\u00f3n<\/h3>\n            <\/div>\n            <a href=\"mailto:sad004pdeseleccion@abc.gob.ar\" class=\"btn-contacto-email\">\n                <span>sad004pdeseleccion@abc.gob.ar<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 6 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udd0d<\/span>\n                <h3>SSPP (Servicios Prov.)<\/h3>\n            <\/div>\n            <a href=\"mailto:provisoriosyreincorp.004@gmail.com\" class=\"btn-contacto-email\">\n                <span>provisoriosyreincorp.004@gmail.com<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 7 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udcdc<\/span>\n                <h3>Decreto 900<\/h3>\n            <\/div>\n            <a href=\"mailto:decretos004@gmail.com\" class=\"btn-contacto-email\">\n                <span>decretos004@gmail.com<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 8 -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udc65<\/span>\n                <h3>Contralor<\/h3>\n            <\/div>\n            <div class=\"contacto-presencial-tag\">\n                \u26a0\ufe0f At. Presencial (equipos de conducci\u00f3n)\n            <\/div>\n        <\/div>\n\n        <!-- Tarjeta 9: Mesa de Entradas -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udce5<\/span>\n                <h3>Mesa de Entradas<\/h3>\n            <\/div>\n            <a href=\"mailto:mdentrada004@gmail.com\" class=\"btn-contacto-email\">\n                <span>mdentrada004@gmail.com<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Tarjeta 10: Resoluciones -->\n        <div class=\"tarjeta-contacto\">\n            <div class=\"contacto-info\">\n                <span class=\"contacto-icono\">\ud83d\udcc4<\/span>\n                <h3>Resoluciones<\/h3>\n            <\/div>\n            <a href=\"mailto:sadalmirantebrown.resoluciones@gmail.com\" class=\"btn-contacto-email\">\n                <span>sadalmirantebrown.resoluciones@gmail.com<\/span>\n                <span class=\"btn-flecha\">\u25b6<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.seccion-directorio-sad {\n    background-color: #f8fafc;\n    padding: 30px 20px 60px 20px;\n    font-family: system-ui, -apple-system, sans-serif;\n    box-sizing: border-box;\n}\n\n.grid-contactos-sad {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    max-width: 1200px;\n    margin: 0 auto;\n    box-sizing: border-box;\n}\n\n.tarjeta-contacto {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    min-height: 140px;\n    box-sizing: border-box;\n}\n\n.tarjeta-contacto:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 20px rgba(0, 115, 170, 0.06);\n}\n\n.contacto-info {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    text-align: left;\n}\n\n.contacto-icono { font-size: 22px; }\n\n.tarjeta-contacto h3 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #0f172a !important;\n    margin: 0;\n    text-transform: uppercase;\n}\n\n.btn-contacto-email {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: #f1f5f9;\n    color: #0073aa !important;\n    padding: 12px 16px;\n    border-radius: 6px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 13px;\n    transition: all 0.2s;\n    border: 1px solid transparent;\n    word-break: break-all;\n}\n\n.btn-contacto-email:hover {\n    background: #0073aa;\n    color: #ffffff !important;\n}\n\n.btn-flecha { font-size: 10px; color: #009bdc; flex-shrink: 0; margin-left: 8px; }\n.btn-contacto-email:hover .btn-flecha { color: #ffffff; }\n\n.contacto-presencial-tag {\n    background: #fffbeb;\n    border: 1px solid #fef3c7;\n    color: #b45309;\n    padding: 12px 16px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 600;\n    text-align: center;\n    margin-top: auto;\n}\n\n@media (max-width: 992px) {\n    .grid-contactos-sad { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 768px) {\n    .seccion-directorio-sad { padding: 20px 15px 40px 15px; }\n    .grid-contactos-sad { grid-template-columns: 1fr; gap: 16px; }\n}\n<\/style>\n\n\n\n<div class=\"seccion-formulario-sad\">\n    \n    <!-- ENCABEZADO DE SECCI\u00d3N -->\n    <div class=\"contactos-sad-header\">\n        <span class=\"contactos-tag\">DIRECTORIO INSTITUCIONAL<\/span>\n        <h2 class=\"contactos-titulo\">V\u00edas de Contacto por Oficina<\/h2>\n        <p class=\"contactos-bajada\">Comunicate directamente con la oficina correspondiente a tu tr\u00e1mite mediante sus canales inform\u00e1ticos oficiales.<\/p>\n    <\/div>\n\n    <!-- TARJETA CONTENEDORA 3D GLASSMORPHISM -->\n    <div class=\"sad-contenedor-imagen-form\">\n        <div class=\"sad-glow-bg-form\"><\/div>\n        \n        <h2 class=\"sad-img-form-titulo\">Formulario de Contacto<\/h2>\n        <p class=\"sad-img-form-bajada\">Por favor, complet\u00e1 tus datos y seleccion\u00e1 la oficina correspondiente a tu tr\u00e1mite.<\/p>\n\n        <form id=\"sadFormularioMailto\" class=\"sad-img-form\">\n            \n            <!-- Nombre y Apellido -->\n            <div class=\"sad-img-form-fila\">\n                <label class=\"sad-img-label\">Tu Nombre *<\/label>\n                <div class=\"sad-img-campos-flex\">\n                    <input type=\"text\" id=\"sadNombre\" placeholder=\"Nombre\" required=\"\">\n                    <input type=\"text\" id=\"sadApellido\" placeholder=\"Apellido\" required=\"\">\n                <\/div>\n            <\/div>\n\n            <!-- Email -->\n            <div class=\"sad-img-form-fila\">\n                <label class=\"sad-img-label\">Tu Email *<\/label>\n                <div class=\"sad-img-campos-flex\">\n                    <input type=\"email\" id=\"sadEmail\" placeholder=\"ej: nombre@abc.gob.ar\" required=\"\">\n                <\/div>\n            <\/div>\n\n            <!-- CUIL \/ Docente -->\n            <div class=\"sad-img-form-fila\">\n                <label class=\"sad-img-label\">CUIL \/ Docente *<\/label>\n                <div class=\"sad-img-campos-flex tres-columnas\">\n                    <input type=\"text\" id=\"sadCuilPrefijo\" placeholder=\"20\" maxlength=\"2\" required=\"\">\n                    <input type=\"text\" id=\"sadCuilDni\" placeholder=\"XXXXXXXX\" maxlength=\"8\" required=\"\">\n                    <input type=\"text\" id=\"sadCuilSufijo\" placeholder=\"0\" maxlength=\"1\" required=\"\">\n                <\/div>\n            <\/div>\n\n            <!-- Asunto con cada oficina y correo asignado -->\n            <div class=\"sad-img-form-fila\">\n                <label class=\"sad-img-label\">Oficina \/ Asunto *<\/label>\n                <div class=\"sad-img-campos-flex columna-select\">\n                    <select id=\"sadSelectOficina\" required=\"\">\n                        <option value=\"\" disabled=\"\" selected=\"\">Seleccion\u00e1 la oficina correspondiente<\/option>\n                        <option value=\"sad004listados@abc.gob.ar|Ingreso a la Docencia\">Ingreso a la Docencia (Listados)<\/option>\n                        <option value=\"apdsad004@abc.gob.ar|APD (Acto P\u00fablico Digital)\">APD (Acto P\u00fablico Digital)<\/option>\n                        <option value=\"pad2020sad004@abc.gob.ar|PAD (Puntaje Anual Docente)\">PAD (Puntaje Anual Docente)<\/option>\n                        <option value=\"madsad004@abc.gob.ar|MAD \/ Acrecentamiento\">MAD \/ Acrecentamiento<\/option>\n                        <option value=\"sad004pdeseleccion@abc.gob.ar|Concurso y Pruebas de Selecci\u00f3n\">Concurso y Pruebas de Selecci\u00f3n<\/option>\n                        <option value=\"provisoriosyreincorp.004@gmail.com|SSPP (Servicios Provisorios)\">SSPP (Servicios Provisorios y Reincorporaciones)<\/option>\n                        <option value=\"decretos004@gmail.com|Decreto 900\">Decreto 900<\/option>\n                        <option value=\"sadalmirantebrown.resoluciones@gmail.com|Resoluciones\">Resoluciones<\/option>\n                        <option value=\"PRESENCIAL|Contralor\">Contralor (At. Presencial Equipos de Conducci\u00f3n)<\/option>\n                    <\/select>\n                    <small id=\"sadNotaContralor\" class=\"sad-nota-oficina\">\u26a0\ufe0f Nota: La atenci\u00f3n de Contralor es presencial para equipos de conducci\u00f3n.<\/small>\n                <\/div>\n            <\/div>\n\n            <!-- CAMPO DIN\u00c1MICO IGE (Aparece solo si eligen APD) -->\n            <div class=\"sad-img-form-fila sad-fila-ige\" id=\"sadFilaIge\">\n                <label class=\"sad-img-label\">N\u00b0 de IGE *<\/label>\n                <div class=\"sad-img-campos-flex\">\n                    <input type=\"text\" id=\"sadIge\" placeholder=\"Ingres\u00e1 el N\u00b0 de IGE por el cual realiz\u00e1s la consulta\">\n                <\/div>\n            <\/div>\n\n            <!-- Mensaje -->\n            <div class=\"sad-img-form-fila\">\n                <label class=\"sad-img-label\">Mensaje *<\/label>\n                <div class=\"sad-img-campos-flex\">\n                    <textarea id=\"sadMensaje\" rows=\"4\" placeholder=\"Escrib\u00ed tu consulta detallada aqu\u00ed...\" required=\"\"><\/textarea>\n                <\/div>\n            <\/div>\n\n            <!-- Bot\u00f3n de env\u00edo 3D -->\n            <div class=\"sad-img-form-fila boton-fila\">\n                <div class=\"sad-img-label\"><\/div>\n                <div class=\"sad-img-campos-flex\">\n                    <button type=\"submit\" class=\"sad-img-btn-submit\">\n                        <span>\u2709\ufe0f ENVIAR CONSULTA POR EMAIL<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n        <\/form>\n    <\/div>\n<\/div>\n\n<style>\n\/* --- ESTILOS GENERALES DEL FORMULARIO 3D --- *\/\n.seccion-formulario-sad {\n    background: #f8fafc;\n    padding: 60px 20px 40px 20px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    box-sizing: border-box;\n}\n\n.contactos-sad-header {\n    max-width: 1200px;\n    margin: 0 auto 40px auto;\n    text-align: center;\n}\n\n.contactos-tag {\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    color: #7c3aed;\n    background: #f3e8ff;\n    padding: 6px 16px;\n    border-radius: 20px;\n    display: inline-block;\n    margin-bottom: 12px;\n}\n\n.contactos-titulo {\n    font-size: 36px;\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    text-transform: uppercase;\n}\n\n.contactos-bajada {\n    font-size: 16.5px;\n    color: #475569 !important;\n    max-width: 700px;\n    line-height: 1.5;\n    margin: 0 auto;\n}\n\n\/* --- TARJETA PRINCIPAL CON GRADIENTE Y SOMBRA 3D --- *\/\n.sad-contenedor-imagen-form {\n    position: relative;\n    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #311042 100%); \n    max-width: 800px;\n    margin: 0 auto;\n    padding: 50px;\n    border-radius: 24px;\n    box-sizing: border-box;\n    color: #ffffff;\n    text-align: left;\n    box-shadow: 0 20px 40px rgba(124, 58, 237, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    overflow: hidden;\n}\n\n.sad-glow-bg-form {\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(219, 39, 119, 0.2) 0%, rgba(0,0,0,0) 70%);\n    pointer-events: none;\n}\n\n.sad-img-form-titulo {\n    font-size: 32px;\n    font-weight: 900;\n    color: #ffffff !important;\n    margin: 0 0 8px 0;\n}\n\n.sad-img-form-bajada {\n    font-size: 15px;\n    color: #cbd5e1 !important;\n    margin: 0 0 35px 0;\n}\n\n.sad-img-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.sad-img-form-fila {\n    display: flex;\n    align-items: center;\n}\n\n.sad-img-label {\n    width: 170px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #f1f5f9;\n    flex-shrink: 0;\n    padding-right: 15px;\n    box-sizing: border-box;\n}\n\n.sad-img-campos-flex {\n    flex-grow: 1;\n    display: flex;\n    gap: 12px;\n}\n\n.columna-select {\n    flex-direction: column;\n    gap: 6px;\n}\n\n\/* --- INPUTS Y SELECT --- *\/\n.sad-img-campos-flex input,\n.sad-img-campos-flex select,\n.sad-img-campos-flex textarea {\n    width: 100%;\n    padding: 12px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.07);\n    backdrop-filter: blur(8px);\n    color: #ffffff;\n    font-size: 14px;\n    box-sizing: border-box;\n    transition: all 0.3s ease;\n    outline: none;\n}\n\n.sad-img-campos-flex select option {\n    background: #0f172a;\n    color: #ffffff;\n    padding: 10px;\n}\n\n.sad-img-campos-flex input::placeholder,\n.sad-img-campos-flex textarea::placeholder {\n    color: #94a3b8;\n}\n\n.sad-img-campos-flex input:focus,\n.sad-img-campos-flex select:focus,\n.sad-img-campos-flex textarea:focus {\n    border-color: #c084fc;\n    background: rgba(255, 255, 255, 0.15);\n    box-shadow: 0 0 15px rgba(192, 132, 252, 0.3);\n}\n\n.sad-img-campos-flex.tres-columnas input {\n    width: calc(33.33% - 8px);\n    text-align: center;\n}\n\n.sad-nota-oficina {\n    display: none;\n    font-size: 12px;\n    color: #fde047;\n    margin-top: 2px;\n}\n\n\/* --- ESTILOS DE LA FILA DIN\u00c1MICA DEL IGE --- *\/\n.sad-fila-ige {\n    display: none;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.sad-fila-ige.active {\n    display: flex;\n    opacity: 1;\n}\n\n.sad-img-form-fila:has(textarea) {\n    align-items: flex-start;\n}\n.sad-img-form-fila:has(textarea) .sad-img-label {\n    padding-top: 10px;\n}\n\n\/* --- BOT\u00d3N SUBMIT 3D --- *\/\n.sad-img-btn-submit {\n    display: inline-block;\n    background: linear-gradient(135deg, #7c3aed, #db2777);\n    color: #ffffff;\n    border: none;\n    padding: 14px 32px;\n    font-size: 14px;\n    font-weight: 800;\n    border-radius: 30px;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    box-shadow: 0 10px 20px rgba(124, 58, 237, 0.4);\n    margin-top: 10px;\n}\n\n.sad-img-btn-submit:hover {\n    transform: translateY(-3px) scale(1.03);\n    box-shadow: 0 15px 25px rgba(219, 39, 119, 0.5);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n    .seccion-formulario-sad { padding: 40px 15px 20px 15px; }\n    .contactos-titulo { font-size: 26px; }\n    .sad-contenedor-imagen-form { padding: 30px 20px; }\n    .sad-img-form-fila { flex-direction: column; align-items: flex-start; gap: 8px; }\n    .sad-img-label { width: 100%; padding-bottom: 2px; }\n    .sad-img-campos-flex { width: 100%; flex-direction: column; }\n    .sad-img-campos-flex.tres-columnas { flex-direction: row; }\n    .sad-img-campos-flex.tres-columnas input { width: 33.33%; }\n    .sad-img-btn-submit { width: 100%; text-align: center; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const selectOficina = document.getElementById('sadSelectOficina');\n    const notaContralor = document.getElementById('sadNotaContralor');\n    const filaIge = document.getElementById('sadFilaIge');\n    const inputIge = document.getElementById('sadIge');\n    const form = document.getElementById('sadFormularioMailto');\n\n    \/\/ Controlar visibilidad de Nota Contralor y Campo IGE seg\u00fan la opci\u00f3n elegida\n    if (selectOficina) {\n        selectOficina.addEventListener('change', (e) => {\n            const valor = e.target.value;\n\n            \/\/ Mostrar advertencia si eligen Contralor\n            if (notaContralor) {\n                if (valor.startsWith('PRESENCIAL')) {\n                    notaContralor.style.display = 'block';\n                } else {\n                    notaContralor.style.display = 'none';\n                }\n            }\n\n            \/\/ Mostrar u ocultar campo IGE solo si eligen APD\n            if (filaIge && inputIge) {\n                if (valor.includes('APD')) {\n                    filaIge.classList.add('active');\n                    inputIge.setAttribute('required', 'true');\n                } else {\n                    filaIge.classList.remove('active');\n                    inputIge.removeAttribute('required');\n                    inputIge.value = ''; \/\/ Limpia el valor si cambia a otra oficina\n                }\n            }\n        });\n    }\n\n    \/\/ L\u00f3gica para armar el Mailto din\u00e1micamente\n    if (form) {\n        form.addEventListener('submit', (e) => {\n            e.preventDefault();\n\n            const nombre = document.getElementById('sadNombre').value.trim();\n            const apellido = document.getElementById('sadApellido').value.trim();\n            const email = document.getElementById('sadEmail').value.trim();\n            const cuil = `${document.getElementById('sadCuilPrefijo').value}-${document.getElementById('sadCuilDni').value}-${document.getElementById('sadCuilSufijo').value}`;\n            const oficinaValor = selectOficina.value;\n            const mensaje = document.getElementById('sadMensaje').value.trim();\n            const valorIge = inputIge ? inputIge.value.trim() : '';\n\n            if (!oficinaValor) {\n                alert('Por favor, seleccion\u00e1 una oficina.');\n                return;\n            }\n\n            const [emailDestino, nombreOficina] = oficinaValor.split('|');\n\n            if (emailDestino === 'PRESENCIAL') {\n                alert('La atenci\u00f3n de Contralor es presencial para equipos de conducci\u00f3n. No cuenta con correo autom\u00e1tico.');\n                return;\n            }\n\n            \/\/ Construcci\u00f3n del correo\n            const asunto = encodeURIComponent(`Consulta WEB SAD - ${nombreOficina} - ${nombre} ${apellido}`);\n            \n            let textoIge = '';\n            if (nombreOficina.includes('APD') && valorIge !== '') {\n                textoIge = `N\u00b0 de IGE: ${valorIge}\\n`;\n            }\n\n            const cuerpo = encodeURIComponent(\n                `MENSAJE ENVIADO DESDE EL SITIO WEB DE SAD\\n` +\n                `=========================================\\n\\n` +\n                `Nombre y Apellido: ${nombre} ${apellido}\\n` +\n                `CUIL: ${cuil}\\n` +\n                `Email de contacto: ${email}\\n` +\n                `Oficina solicitada: ${nombreOficina}\\n` +\n                `${textoIge}\\n` +\n                `CONSULTA:\\n${mensaje}\\n\\n` +\n                `-----------------------------------------\\n` +\n                `Este correo fue generado autom\u00e1ticamente desde la web de la SAD.`\n            );\n\n            \/\/ Abre el cliente de correo predeterminado\n            window.location.href = `mailto:${emailDestino}?subject=${asunto}&body=${cuerpo}`;\n        });\n    }\n});\n<\/script>\n\n\n\n<!-- SECCI\u00d3N UBICACI\u00d3N Y ATENCI\u00d3N PRESENCIAL (INLINE ANTI-CONFLICTOS) -->\n<div style=\"background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px; margin-top: 40px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02); text-align: left; box-sizing: border-box; width: 100%;\">\n    \n    <!-- HEADER TARJETA -->\n    <div style=\"border-bottom: 1px solid #f1f5f9; padding-bottom: 15px; margin-bottom: 20px;\">\n        <span style=\"background-color: #9333ea; color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 4px; display: inline-block; text-transform: uppercase;\">SEDE CENTRAL<\/span>\n        <h3 style=\"font-size: 22px; font-weight: 800; color: #0f172a; margin: 10px 0 0 0; line-height: 1.2; font-family: system-ui, -apple-system, sans-serif;\">\ud83d\udccd Atenci\u00f3n Presencial<\/h3>\n    <\/div>\n\n    <!-- GRILLA DE DATOS -->\n    <div style=\"display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 25px;\">\n        \n        <!-- DIRECCION -->\n        <div style=\"flex: 1 1 220px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; box-sizing: border-box;\">\n            <span style=\"display: block; font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;\">Direcci\u00f3n<\/span>\n            <span style=\"display: block; font-size: 15px; font-weight: 600; color: #0f172a; font-family: system-ui, -apple-system, sans-serif;\">Plaza Almirante Brown 18, Adrogu\u00e9<\/span>\n        <\/div>\n\n        <!-- HORARIO -->\n        <div style=\"flex: 1 1 220px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; box-sizing: border-box;\">\n            <span style=\"display: block; font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;\">Horario de Atenci\u00f3n<\/span>\n            <span style=\"display: block; font-size: 15px; font-weight: 600; color: #0f172a; font-family: system-ui, -apple-system, sans-serif;\">Lunes a viernes de 8:00 a 17:00 hs.<\/span>\n        <\/div>\n\n        <!-- TELEFONO FIJO -->\n        <div style=\"flex: 1 1 160px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; box-sizing: border-box;\">\n            <span style=\"display: block; font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;\">Tel\u00e9fono Fijo<\/span>\n            <span style=\"display: block; font-size: 15px; font-weight: 600; color: #0f172a; font-family: system-ui, -apple-system, sans-serif;\">4294-1943<\/span>\n        <\/div>\n\n        <!-- WHATSAPP -->\n        <div style=\"flex: 1 1 160px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; box-sizing: border-box;\">\n            <span style=\"display: block; font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;\">WhatsApp<\/span>\n            <span style=\"display: block; font-size: 15px; font-weight: 600; color: #0f172a; font-family: system-ui, -apple-system, sans-serif;\">11 2309-8582<\/span>\n        <\/div>\n\n    <\/div>\n\n    <!-- BOTONES DE ACCION -->\n    <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\n        <a href=\"https:\/\/www.google.com\/maps\/place\/S.A.D.+Almirante+Brown\/data=!4m2!3m1!1s0x0:0x24e1c8c5daacd7eb?sa=X&#038;ved=1t:2428&#038;ictx=111\" target=\"_blank\" style=\"display: inline-block; background-color: #475569; color: #ffffff !important; padding: 10px 18px; border-radius: 6px; text-decoration: none !important; font-weight: 700; font-size: 13.5px; font-family: system-ui, -apple-system, sans-serif; box-sizing: border-box;\">\ud83d\uddfa\ufe0f C\u00f3mo Llegar (Maps)<\/a>\n        \n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5491123098582\" target=\"_blank\" style=\"display: inline-block; background-color: #25d366; color: #ffffff !important; padding: 10px 18px; border-radius: 6px; text-decoration: none !important; font-weight: 700; font-size: 13.5px; font-family: system-ui, -apple-system, sans-serif; box-sizing: border-box;\">\ud83d\udcac Consultar por WhatsApp<\/a>\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n  .sad-map-container {\n    max-width: 800px;\n    margin: 30px auto;\n    padding: 0 15px;\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n  }\n\n  .sad-map-frame {\n    background: #e6eef8;\n    border-radius: 24px;\n    padding: 18px;\n    box-shadow: \n      14px 14px 28px #c5d3e5, \n      -14px -14px 28px #ffffff;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    position: relative;\n  }\n\n  \/* Cabecera del Marco *\/\n  .sad-map-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 8px 14px 8px;\n  }\n\n  .sad-map-dots {\n    display: flex;\n    gap: 6px;\n  }\n\n  .sad-map-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);\n  }\n\n  .dot-red { background: #ff5f56; }\n  .dot-yellow { background: #ffbd2e; }\n  .dot-green { background: #27c93f; }\n\n  .sad-map-title {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1a365d;\n    letter-spacing: 0.5px;\n  }\n\n  \/* Pantalla Recortada *\/\n  .sad-map-screen {\n    width: 100%;\n    height: 420px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: \n      inset 4px 4px 8px #c5d3e5, \n      inset -4px -4px 8px #ffffff;\n    border: 3px solid #e6eef8;\n    background: #d0deef;\n  }\n\n  .sad-map-screen iframe {\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n<\/style>\n\n<div class=\"sad-map-container\">\n  <div class=\"sad-map-frame\">\n    <div class=\"sad-map-header\">\n      <div class=\"sad-map-dots\">\n        <span class=\"sad-map-dot dot-red\"><\/span>\n        <span class=\"sad-map-dot dot-yellow\"><\/span>\n        <span class=\"sad-map-dot dot-green\"><\/span>\n      <\/div>\n      <span class=\"sad-map-title\">\ud83d\udccd Ubicaci\u00f3n Presencial \u2022 SAD Almirante Brown<\/span>\n      <div style=\"width: 42px;\"><\/div> <\/div>\n\n    <div class=\"sad-map-screen\">\n      <iframe \n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!3m2!1ses-419!2sar!4v1787922791888!5m2!1ses-419!2sar!6m8!1m7!1sk-riNXXuZz3Wer5Q_0pufQ!2m2!1d-34.79707545765744!2d-58.38444600685369!3f124.08976501008691!4f-10.862748833603519!5f1.1924812503605782\" \n        allowfullscreen=\"\" \n        loading=\"lazy\" \n        referrerpolicy=\"strict-origin-when-cross-origin\">\n      <\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udccb Ingreso a la Docencia sad004listados@abc.gob.ar \u25b6 \ud83d\udcbb APD (Acto P\u00fablico Digital) apdsad004@abc.gob.ar \u25b6 \ud83d\udcc2 PAD pad2020sad004@abc.gob.ar \u25b6 \ud83d\udd04 MAD [&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":"","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-15764","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":"\ud83d\udccb Ingreso a la Docencia sad004listados@abc.gob.ar \u25b6 \ud83d\udcbb APD (Acto P\u00fablico Digital) apdsad004@abc.gob.ar \u25b6 \ud83d\udcc2 PAD pad2020sad004@abc.gob.ar \u25b6 \ud83d\udd04 MAD [&hellip;]","_links":{"self":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/15764","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=15764"}],"version-history":[{"count":16,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/15764\/revisions"}],"predecessor-version":[{"id":16363,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/15764\/revisions\/16363"}],"wp:attachment":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/media?parent=15764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}