{"id":3706,"date":"2026-03-19T10:50:56","date_gmt":"2026-03-19T13:50:56","guid":{"rendered":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/?page_id=3706"},"modified":"2026-04-08T17:10:06","modified_gmt":"2026-04-08T20:10:06","slug":"modelo-de-nota-a-jefaturas-de-area","status":"publish","type":"page","link":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/modelo-de-nota-a-jefaturas-de-area\/","title":{"rendered":"Modelo de nota a jefaturas de \u00e1rea"},"content":{"rendered":"\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\n \n<style>\n    #area-nota, #area-nota * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n \n    body { margin: 0; padding: 0; }\n    \n    .super-wrapper-nota {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 10px;\n    }\n \n    .grupo-botones-nota { \n        display: flex; gap: 10px; width: 100%; max-width: 500px; margin-bottom: 15px; z-index: 100; flex-wrap: wrap;\n    }\n    \n    .btn-nota {\n        padding: 12px; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; color: white; flex: 1; text-transform: uppercase; font-size: 0.8rem;\n    }\n    .btn-nota-gris  { background: #607d8b; }\n    .btn-nota-negro { background: #455a64; }\n    .btn-nota-verde { background: #25D366; }\n \n    .viewport-nota {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        overflow: visible;\n    }\n \n    #area-nota {\n        background-color: white;\n        width: 210mm;\n        height: auto; \n        min-height: 200mm;\n        padding: 15mm 15mm 15mm 15mm;\n        font-family: \"Times New Roman\", Times, serif;\n        box-shadow: 0 0 15px rgba(0,0,0,0.2);\n        transform-origin: top center;\n        color: #000;\n        display: flex;\n        flex-direction: column;\n        border-top: 5px solid #2c3e50;\n    }\n \n    .header-nota { \n        display: flex; justify-content: space-between; align-items: center;\n        border-bottom: 2px solid #2c3e50; padding-bottom: 8px; margin-bottom: 14px;\n    }\n    .header-texto-nota h1 { font-size: 0.95rem; font-weight: bold; line-height: 1.2 !important; font-family: Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }\n    .header-texto-nota p  { font-size: 0.78rem; margin-top: 3px !important; font-family: Arial, sans-serif; font-style: italic; font-weight: normal; text-align: center; }\n    .logo-nota { width: 90px; height: auto; }\n \n    .fecha-nota { text-align: right; font-size: 1rem; margin-bottom: 14px !important; }\n \n    .recuadro-nota {\n        border: 2px solid #2c3e50; border-radius: 6px;\n        padding: 10px 14px; background: #f0f4f8; margin-bottom: 14px !important;\n    }\n    .recuadro-tit-nota {\n        font-family: Arial, sans-serif; font-weight: bold; font-size: 0.78rem;\n        color: #2c3e50; text-transform: uppercase; margin-bottom: 8px !important;\n    }\n    .grid-nota { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }\n    .lbl-nota {\n        display: block; font-family: Arial, sans-serif; font-size: 0.7rem;\n        font-weight: bold; color: #555; margin-bottom: 2px !important; text-transform: uppercase;\n    }\n \n    .input-nota, .select-nota {\n        border: none !important; \n        border-bottom: 1px dotted #000 !important; \n        font-family: \"Times New Roman\", Times, serif !important;\n        font-size: 1.05rem !important; \n        background-color: #fff9c4 !important; \n        font-weight: bold !important; \n        outline: none !important;\n        height: 1.6rem !important;\n        padding: 0 4px !important;\n        width: 100%;\n        box-sizing: border-box;\n        -webkit-appearance: none;\n        appearance: none;\n    }\n    .input-nota::placeholder { color: #bbb; font-weight: normal; font-size: 0.85rem; }\n \n    .dest-nota { margin-bottom: 12px !important; line-height: 1.7 !important; font-size: 1rem; }\n \n    .cuerpo-nota {\n        width: 100%;\n        box-sizing: border-box;\n        min-height: 160px;\n        background-color: #fff9c4 !important;\n        background-image: repeating-linear-gradient(#fff9c4, #fff9c4 calc(1.6em - 1px), #bbb calc(1.6em - 1px), #bbb 1.6em) !important;\n        background-size: 100% 1.6em !important;\n        border: none !important;\n        border-bottom: 1px dotted #000 !important;\n        font-family: \"Times New Roman\", Times, serif !important;\n        font-size: 1rem !important;\n        padding: 0 4px !important;\n        outline: none !important;\n        line-height: 1.6em;\n        overflow: visible;\n        white-space: pre-wrap;\n        word-wrap: break-word;\n    }\n    .cuerpo-nota:empty:before {\n        content: \"Escrib\u00ed aqu\u00ed el motivo de tu nota...\";\n        color: #bbb;\n        font-style: italic;\n        pointer-events: none;\n    }\n \n    .cierre-nota { margin-top: 14px !important; font-size: 1rem; }\n \n    .seccion-firma-nota { \n        margin-top: 50px !important;\n        display: flex; \n        justify-content: flex-end;\n        width: 100%;\n    }\n    .firma-bloque-nota { text-align: center; width: 220px; }\n    .linea-firma-nota { border-top: 1.5px solid #000; margin-bottom: 5px; }\n    .firma-bloque-nota p { margin: 0 !important; font-size: 0.85rem; line-height: 1.2 !important; }\n \n    .exportando-nota .input-nota,\n    .exportando-nota .select-nota,\n    .exportando-nota .cuerpo-nota { \n        background-color: transparent !important;\n        background-image: none !important;\n        border: none !important;\n        border-bottom: 1px solid #000 !important;\n    }\n    .exportando-nota .cuerpo-nota {\n        height: auto !important;\n        min-height: 0 !important;\n        overflow: visible !important;\n    }\n    .exportando-nota .recuadro-nota { background: transparent !important; }\n    .exportando-nota #area-nota { border-top: none !important; }\n \n    @media (max-width: 599px) { .grid-nota { grid-template-columns: 1fr; } }\n \n    @media print {\n        @page { margin: 0; size: auto; }\n        .grupo-botones-nota { display: none; }\n        #area-nota { box-shadow: none; width: 100%; border-top: none; }\n    }\n<\/style>\n \n<div class=\"super-wrapper-nota\">\n    <div class=\"grupo-botones-nota\">\n        <button class=\"btn-nota btn-nota-gris\"  onclick=\"generarNota(true, false)\">&#x1f5a8;&#xfe0f; IMPRIMIR<\/button>\n        <button class=\"btn-nota btn-nota-negro\" onclick=\"generarNota(false, true)\">&#128462; DESCARGAR<\/button>\n        <button class=\"btn-nota btn-nota-verde\" onclick=\"generarNota(false, false)\">&#x1f4f2; COMPARTIR<\/button>\n    <\/div>\n \n    <div class=\"viewport-nota\">\n        <div id=\"area-nota\">\n \n            <div class=\"header-nota\">\n                <img decoding=\"async\" src=\"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/03\/logo-bs-as.jpeg\" class=\"logo-nota\">\n                <div class=\"header-texto-nota\">\n                    <h1>Instituto Superior de Formaci\u00f3n Docente N\u00b0 45 \u00abJulio Cort\u00e1zar\u00bb<\/h1>\n                    <p>Saverio Lai\u00e1cona 1040 \/ Fasola 950, Haedo<\/p>\n                <\/div>\n                <img decoding=\"async\" src=\"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/02\/logo-cortazar-vector.ai_.png\" class=\"logo-nota\">\n            <\/div>\n \n            <div class=\"fecha-nota\">Haedo, <strong id=\"fecha-nota-val\"><\/strong><\/div>\n \n            <div class=\"recuadro-nota\">\n                <div class=\"recuadro-tit-nota\">&#x1f4cb; Datos del\/la estudiante<\/div>\n                <div class=\"grid-nota\">\n                    <div>\n                        <span class=\"lbl-nota\">Apellido y Nombre<\/span>\n                        <input type=\"text\" id=\"nombre-nota\" class=\"input-nota\" placeholder=\"Apellido y nombre completo\">\n                    <\/div>\n                    <div>\n                        <span class=\"lbl-nota\">DNI N\u00b0<\/span>\n                        <input type=\"text\" class=\"input-nota\" placeholder=\"N\u00b0 de documento\">\n                    <\/div>\n                    <div>\n                        <span class=\"lbl-nota\">Carrera<\/span>\n                        <select id=\"carrera-nota\" class=\"select-nota\">\n                            <option value=\"\">\u2014 Seleccione \u2014<\/option>\n                            <optgroup label=\"Inicial y Primaria\">\n                                <option value=\"INICIAL\">Prof. de Educaci\u00f3n Inicial<\/option>\n                                <option value=\"PRIMARIA\">Prof. de Educaci\u00f3n Primaria<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Secundaria en\">\n                                <option value=\"MATEMATICA\">Prof. Ed. Sec. en Matem\u00e1tica<\/option>\n                                <option value=\"LENGUA\">Prof. Ed. Sec. en Lengua y Literatura<\/option>\n                                <option value=\"FISICA\">Prof. Ed. Sec. en F\u00edsica<\/option>\n                                <option value=\"QUIMICA\">Prof. Ed. Sec. en Qu\u00edmica<\/option>\n                                <option value=\"HISTORIA\">Prof. Ed. Sec. en Historia<\/option>\n                                <option value=\"GEOGRAFIA\">Prof. Ed. Sec. en Geograf\u00eda<\/option>\n                                <option value=\"ECONOMIA\">Prof. Ed. Sec. en Econom\u00eda y Gesti\u00f3n<\/option>\n                            <\/optgroup>\n                        <\/select>\n                    <\/div>\n                    <div>\n                        <span class=\"lbl-nota\">A\u00f1o que cursa<\/span>\n                        <select class=\"select-nota\">\n                            <option value=\"\">\u2014 Seleccione \u2014<\/option>\n                            <option>1\u00b0 A\u00f1o<\/option>\n                            <option>2\u00b0 A\u00f1o<\/option>\n                            <option>3\u00b0 A\u00f1o<\/option>\n                            <option>4\u00b0 A\u00f1o<\/option>\n                        <\/select>\n                    <\/div>\n                    <div>\n                        <span class=\"lbl-nota\">Divisi\u00f3n \/ Turno<\/span>\n                        <input type=\"text\" class=\"input-nota\" placeholder=\"Ej: A \u2014 Tarde\">\n                    <\/div>\n                    <div>\n                        <span class=\"lbl-nota\">Tel\u00e9fono \/ Contacto<\/span>\n                        <input type=\"tel\" class=\"input-nota\" placeholder=\"Celular o email\">\n                    <\/div>\n                <\/div>\n            <\/div>\n \n            <div class=\"dest-nota\">\n                <strong>Sr.\/Sra. Jefe\/a de \u00c1rea<\/strong><br>\n                Instituto Superior de Formaci\u00f3n Docente N\u00b0 45 \u00abJulio Cort\u00e1zar\u00bb<br>\n                <strong>S. &nbsp;\/&nbsp; D.<\/strong>\n            <\/div>\n \n            <p style=\"margin-bottom: 10px !important;\">Quien suscribe, se dirige a Ud. con el fin de hacerle saber lo siguiente:<\/p>\n \n            <div class=\"cuerpo-nota\" contenteditable=\"true\" id=\"nota-cuerpo-div\"><\/div>\n \n            <div class=\"cierre-nota\">\n                <p>Sin otro particular, saludo a Ud. atentamente.<\/p>\n            <\/div>\n \n            <div class=\"seccion-firma-nota\">\n                <div class=\"firma-bloque-nota\">\n                    <div class=\"linea-firma-nota\"><\/div>\n                    <p><b>Firma y aclaraci\u00f3n<\/b><\/p>\n                    <p>del\/la estudiante<\/p>\n                <\/div>\n            <\/div>\n \n        <\/div>\n    <\/div>\n<\/div>\n \n<script>\n    function ajustarEscalaNota() {\n        const contenedor = document.querySelector('.viewport-nota');\n        const hoja = document.getElementById('area-nota');\n        const anchoPantalla = window.innerWidth;\n        const anchoHoja = 794; \n        if (anchoPantalla < anchoHoja) {\n            const escala = (anchoPantalla - 20) \/ anchoHoja;\n            hoja.style.transform = `scale(${escala})`;\n            contenedor.style.marginBottom = (-(hoja.offsetHeight * (1 - escala))) + \"px\";\n        } else {\n            hoja.style.transform = `scale(1)`;\n            contenedor.style.marginBottom = \"0px\";\n        }\n    }\n \n    window.addEventListener('load', () => {\n        const f = new Date();\n        const meses = [\"Enero\",\"Febrero\",\"Marzo\",\"Abril\",\"Mayo\",\"Junio\",\"Julio\",\"Agosto\",\"Septiembre\",\"Octubre\",\"Noviembre\",\"Diciembre\"];\n        const dias  = [\"domingo\",\"lunes\",\"martes\",\"mi\u00e9rcoles\",\"jueves\",\"viernes\",\"s\u00e1bado\"];\n        document.getElementById('fecha-nota-val').textContent = dias[f.getDay()] + ' ' + f.getDate() + ' de ' + meses[f.getMonth()] + ' de ' + f.getFullYear();\n        ajustarEscalaNota();\n    });\n    window.addEventListener('resize', ajustarEscalaNota);\n \n    async function generarNota(soloImprimir, soloDescargar) {\n        const hoja = document.getElementById('area-nota');\n        const nombreVal  = document.getElementById('nombre-nota').value.trim().replace(\/\\s+\/g, '_') || 'estudiante';\n        const carreraVal = document.getElementById('carrera-nota').value || '';\n        const partes = ['NOTA'];\n        if (carreraVal) partes.push(carreraVal);\n        partes.push(nombreVal.toUpperCase());\n        const nombreArchivo = partes.join('_') + '.pdf';\n \n        hoja.classList.add('exportando-nota');\n        const originalTransform = hoja.style.transform;\n        const originalMargin = hoja.parentElement.style.marginBottom;\n        hoja.style.transform = \"none\"; \n        hoja.parentElement.style.marginBottom = \"0px\";\n \n        const opt = {\n            margin: 0,\n            filename: nombreArchivo,\n            image: { type: 'jpeg', quality: 0.98 },\n            html2canvas: { scale: 2, useCORS: true, y: 0, scrollY: 0 },\n            jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }\n        };\n \n        try {\n            if (soloImprimir) {\n                const pdf = await html2pdf().set(opt).from(hoja).output('bloburl');\n                const win = window.open(pdf, '_blank');\n                if(win) win.document.title = nombreArchivo;\n            } else if (soloDescargar) {\n                await html2pdf().set(opt).from(hoja).save();\n            } else {\n                const pdfBlob = await html2pdf().set(opt).from(hoja).output('blob');\n                const file = new File([pdfBlob], nombreArchivo, { type: 'application\/pdf' });\n                if (navigator.share && navigator.canShare && navigator.canShare({ files: [file] })) {\n                    await navigator.share({ files: [file], title: nombreArchivo });\n                } else if (navigator.share) {\n                    await navigator.share({ title: nombreArchivo, url: window.location.href });\n                } else {\n                    window.open('https:\/\/wa.me\/?text=' + encodeURIComponent(nombreArchivo + ' ' + window.location.href), '_blank');\n                }\n            }\n        } catch (err) {\n            console.error(err);\n        } finally {\n            hoja.classList.remove('exportando-nota');\n            hoja.style.transform = originalTransform;\n            hoja.parentElement.style.marginBottom = originalMargin;\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&#x1f5a8;&#xfe0f; IMPRIMIR &#128462; DESCARGAR &#x1f4f2; COMPARTIR Instituto Superior de Formaci\u00f3n Docente N\u00b0 45 \u00abJulio Cort\u00e1zar\u00bb Saverio Lai\u00e1cona 1040 \/ Fasola 950, Haedo Haedo, &#x1f4cb; Datos del\/la estudiante Apellido y Nombre DNI N\u00b0 Carrera \u2014 Seleccione \u2014Prof. de Educaci\u00f3n InicialProf. de Educaci\u00f3n Primaria Prof. Ed. Sec. en Matem\u00e1ticaProf. Ed. Sec. en Lengua y LiteraturaProf. Ed. Sec. &#8230; <a title=\"Modelo de nota a jefaturas de \u00e1rea\" class=\"read-more\" href=\"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/modelo-de-nota-a-jefaturas-de-area\/\" aria-label=\"More on Modelo de nota a jefaturas de \u00e1rea\">[+]<\/a><\/p>\n","protected":false},"author":3142,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/3706"}],"collection":[{"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/3142"}],"replies":[{"embeddable":true,"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=3706"}],"version-history":[{"count":8,"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/3706\/revisions"}],"predecessor-version":[{"id":3796,"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/3706\/revisions\/3796"}],"wp:attachment":[{"href":"https:\/\/isfd45-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=3706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}