{"id":4366,"date":"2022-04-08T21:33:03","date_gmt":"2022-04-09T00:33:03","guid":{"rendered":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/?page_id=4366"},"modified":"2026-06-18T19:48:34","modified_gmt":"2026-06-18T22:48:34","slug":"espacio-de-escucha","status":"publish","type":"page","link":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/espacio-de-escucha\/","title":{"rendered":"Espacio de escucha"},"content":{"rendered":"\n<!-- ====== DEPENDENCIAS ====== -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* ========== TOKENS Y BASE ========== *\/\n  .be-page * { box-sizing: border-box; }\n\n  .be-page {\n    --azul-oscuro: #72e3e0;\n    --acento: #00b4d8;\n    --acento-2: #3498db;\n    --acento-hover: #0077b6;\n    --verde: #27ae60;\n    --gris-claro: #f9f9f9;\n    --gris-azulado: #eef5f9;\n    --texto: #34495e;\n    font-family: 'Open Sans', 'Segoe UI', sans-serif;\n    color: var(--texto);\n    line-height: 1.6;\n  }\n\n  \/* ========== ENCABEZADO ========== *\/\n  .be-header {\n    text-align: center;\n    padding: 50px 20px 30px;\n    background: linear-gradient(135deg, var(--azul-oscuro), #1b3a5c);\n    color: #fff;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(-50vw + 50%);\n  }\n  .be-header h1 {\n    font-family: 'Poppins', sans-serif;\n    font-size: 2.4rem;\n    margin: 0 0 10px;\n    letter-spacing: 0.5px;\n  }\n  .be-header p {\n    max-width: 720px;\n    margin: 0 auto;\n    font-size: 1.1rem;\n    color: #e6f4f9;\n  }\n  .be-volver {\n    display: inline-block;\n    margin-top: 18px;\n    color: #fff;\n    text-decoration: none;\n    font-weight: 600;\n    opacity: 0.9;\n    transition: opacity 0.2s;\n  }\n  .be-volver:hover { opacity: 1; text-decoration: underline; }\n\n  \/* ========== SECCIONES (bandas full-width, igual patr\u00f3n que la principal) ========== *\/\n  .be-seccion {\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    padding: 50px 20px;\n    text-align: center;\n    }\n  #becas {\n    padding-bottom: 15px;   \/* antes: 50px *\/\n  }\n  #escucha {\n    padding-top: 50px;      \/* antes: 50px *\/\n  }\n  #becas .be-grid {\n    margin-bottom: 36px;       \/* quita los 36px extra *\/\n  }\n\n  .be-seccion.banda-clara   { background: var(--gris-claro); }\n  .be-seccion.banda-azulada { background: var(--gris-azulado); }\n\n  .be-seccion h2 {\n    font-family: 'Poppins', sans-serif;\n    font-size: 2rem;\n    color: var(--azul-oscuro);\n    margin: 0 0 12px;\n  }\n  .be-intro {\n    max-width: 760px;\n    margin: 0 auto 36px;\n    font-size: 1.08rem;\n    color: #555;\n  }\n\n  \/* ========== GRID DE TARJETAS ========== *\/\n  .be-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    max-width: 1000px;\n    margin: 0 auto 36px;\n  }\n\n  \/* Espacio de Escucha: 4 por fila (desktop) -> 2 (tablet) -> 1 (m\u00f3vil). Nunca 3. *\/\n  .be-grid.cuatro { grid-template-columns: repeat(4, 1fr); }\n  @media (max-width: 900px) { .be-grid.cuatro { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 560px) { .be-grid.cuatro { grid-template-columns: 1fr; } }\n\n  .be-card {\n    background: #fff;\n    border: 2px solid var(--acento-2);\n    border-radius: 14px;\n    padding: 28px 20px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    box-shadow: 0 3px 12px rgba(52,152,219,0.12);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .be-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 8px 24px rgba(52,152,219,0.3);\n  }\n  .be-card .be-icon { font-size: 2.4rem; color: var(--acento-2); line-height: 1; }\n  .be-card h3 { font-family: 'Poppins', sans-serif; font-size: 1.1rem; color: var(--azul-oscuro); margin: 0; }\n  .be-card p  { font-size: 0.95rem; color: var(--texto); margin: 0; flex-grow: 1; }\n\n  \/* Tarjetas de becas (acento verde) *\/\n  .be-card.beca { border-color: var(--verde); box-shadow: 0 3px 12px rgba(39,174,96,0.12); }\n  .be-card.beca:hover { box-shadow: 0 8px 24px rgba(39,174,96,0.3); }\n  .be-card.beca .be-icon { color: var(--verde); }\n\n  \/* ========== BOTONES ========== *\/\n  .be-acciones { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 6px; }\n  .be-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--acento);\n    color: #fff;\n    padding: 11px 22px;\n    border: none;\n    border-radius: 8px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    text-decoration: none;\n    transition: background 0.3s, transform 0.15s;\n  }\n  .be-btn:hover { background: var(--acento-hover); transform: translateY(-2px); }\n  .be-btn.verde { background: var(--verde); }\n  .be-btn.verde:hover { background: #1e8449; }\n  .be-btn.ghost { background: transparent; color: var(--acento); border: 2px solid var(--acento); }\n  .be-btn.ghost:hover { background: var(--acento); color: #fff; }\n\n  \/* ========== PROPUESTA FORMATIVA (flyer) ========== *\/\n  .be-flyer-wrap { max-width: 520px; margin: 0 auto; }\n  .be-flyer-thumb {\n    width: 100%;\n    height: auto;\n    border-radius: 12px;\n    cursor: pointer;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.15);\n    transition: transform 0.2s;\n    display: block;\n  }\n  .be-flyer-thumb:hover { transform: scale(1.02); }\n\n  \/* ========== LIGHTBOX (CSS :target, sin JS) ========== *\/\n  .be-lightbox {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 9999;\n    background: rgba(0,0,0,0.9);\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n  }\n  .be-lightbox:target { display: flex; }\n  .be-lightbox img { max-width: 92%; max-height: 92%; border-radius: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.5); }\n  .be-cerrar {\n    position: absolute; top: 18px; right: 28px;\n    color: #fff; font-size: 3rem; text-decoration: none; font-weight: 300; z-index: 10000;\n    transition: color 0.3s;\n  }\n  .be-cerrar:hover { color: var(--acento); }\n\n  \/* ========== FORMULARIO DE CONTACTO ========== *\/\n  .be-form-box {\n    max-width: 560px;\n    margin: 8px auto 0;\n    background: #fff;\n    border-radius: 14px;\n    padding: 30px;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n    text-align: left;\n  }\n  .be-form-box h3 {\n    font-family: 'Poppins', sans-serif;\n    color: var(--azul-oscuro);\n    text-align: center;\n    margin: 0 0 6px;\n  }\n  .be-form-box .sub { text-align: center; color: #777; font-size: 0.92rem; margin: 0 0 22px; }\n  .be-field { margin-bottom: 16px; }\n  .be-field label { display: block; font-weight: 600; margin-bottom: 6px; color: var(--azul-oscuro); font-size: 0.95rem; }\n  .be-field input, .be-field textarea {\n    width: 100%;\n    padding: 12px 14px;\n    border: 1.5px solid #cdd7df;\n    border-radius: 8px;\n    font-family: inherit;\n    font-size: 1rem;\n    color: var(--texto);\n    transition: border-color 0.2s;\n  }\n  .be-field input:focus, .be-field textarea:focus { outline: none; border-color: var(--acento); }\n  .be-field textarea { resize: vertical; min-height: 110px; }\n  .be-error { color: #b8210a; font-size: 0.85rem; margin-top: 5px; display: none; }\n  .be-field.invalido input, .be-field.invalido textarea { border-color: #b8210a; }\n  .be-field.invalido .be-error { display: block; }\n  .be-form-box .be-btn { width: 100%; justify-content: center; margin-top: 6px; }\n  .be-feedback { text-align: center; margin-top: 14px; font-weight: 600; color: var(--verde); min-height: 1.2em; }\n\n  \/* ========== INFO DE CONTACTO (horarios + referentes) ========== *\/\n  .be-info-box {\n    max-width: 900px;\n    margin: 0 auto 28px;\n    background: #fff;\n    border-radius: 14px;\n    padding: 30px;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    text-align: left;\n  }\n  .be-info-col h3 {\n    font-family: 'Poppins', sans-serif;\n    color: var(--azul-oscuro);\n    font-size: 1.15rem;\n    margin: 0 0 16px;\n    display: flex; align-items: center; gap: 10px;\n  }\n  .be-info-col h3 i { color: var(--acento); }\n  .be-horarios, .be-referentes { list-style: none; padding: 0; margin: 0; }\n  .be-horarios li {\n    display: flex; justify-content: space-between; gap: 12px;\n    padding: 10px 0; border-bottom: 1px solid #eef1f4;\n  }\n  .be-horarios li span { color: #666; }\n  .be-horarios li strong { color: var(--azul-oscuro); }\n  .be-info-extra { margin-top: 14px; color: #666; font-size: 0.95rem; }\n  .be-info-extra i { color: var(--acento); margin-right: 6px; }\n  .be-referentes li { padding: 10px 0; border-bottom: 1px solid #eef1f4; }\n  .be-referentes li strong { display: block; color: var(--azul-oscuro); }\n  .be-referentes li span { color: #666; font-size: 0.92rem; }\n  @media (max-width: 700px) {\n    .be-info-box { grid-template-columns: 1fr; gap: 24px; }\n  }\n\n  \/* ========== ACCESIBILIDAD ========== *\/\n  .be-page a:focus-visible,\n  .be-page button:focus-visible,\n  .be-page input:focus-visible,\n  .be-page textarea:focus-visible {\n    outline: 3px solid var(--acento);\n    outline-offset: 2px;\n  }\n\n  \/* ========== RESPONSIVE ========== *\/\n  @media (max-width: 768px) {\n    .be-header h1 { font-size: 1.9rem; }\n    .be-seccion h2 { font-size: 1.6rem; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .be-page * { transition: none !important; animation: none !important; }\n  }\n<\/style>\n\n<div class=\"be-page\">\n\n  <!-- ====== ENCABEZADO ====== -->\n  <header class=\"be-header\">\n    <h1>Bienestar Estudiantil<\/h1>\n    <p>Este es un espacio de acompa\u00f1amiento, orientaci\u00f3n y escucha para las y los estudiantes durante su trayectoria de formaci\u00f3n profesional. Estamos para apoyarte, atender tus inquietudes y promover tu participaci\u00f3n, asegurando que tu voz sea escuchada dentro de la instituci\u00f3n.<\/p>\n    <a class=\"be-volver\" href=\"\/sitio\/\"><i class=\"fas fa-arrow-left\"><\/i> Volver al inicio<\/a>\n  <\/header>\n\n  <main>\n\n    <!-- ============================================================= -->\n    <!-- 3) BECAS                                                      -->\n    <!-- ============================================================= -->\n    <section id=\"becas\" class=\"be-seccion banda-clara\" aria-labelledby=\"t-becas\">\n      <h2 id=\"t-becas\">Becas<\/h2>\n      <p class=\"be-intro\">Programas de apoyo econ\u00f3mico para acompa\u00f1ar tus estudios.<\/p>\n\n      <div class=\"be-grid\">\n        <!-- Beca Progresar (flyer + link) -->\n        <article class=\"be-card beca\">\n          <i class=\"fas fa-graduation-cap be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Progresar<\/h3>\n          <p>Becas nacionales para estudiantes de nivel superior.<\/p>\n          <div class=\"be-acciones\">\n            <a class=\"be-btn ghost\" href=\"#lb-progresar\"><i class=\"fas fa-image\" aria-hidden=\"true\"><\/i> Ver flyer<\/a>\n            <!-- REEMPLAZAR href con el link oficial -->\n            <a class=\"be-btn verde\" href=\"https:\/\/www.argentina.gob.ar\/educacion\/progresar\" target=\"_blank\" rel=\"noopener\">Ir al sitio<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- Beca Municipal (solo link) -->\n        <article class=\"be-card beca\">\n          <i class=\"fas fa-building be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Beca Municipal<\/h3>\n          <p>Beca otorgada por el municipio para estudiantes locales.<\/p>\n          <div class=\"be-acciones\">\n            <!-- REEMPLAZAR href con el link oficial -->\n            <a class=\"be-btn verde\" href=\"https:\/\/becas.lavallemendoza.gob.ar\/public\/\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- Beca de Carreras Prioritarias (flyer + link) -->\n        <article class=\"be-card beca\">\n          <i class=\"fas fa-star be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Becas de Carreras Prioritarias<\/h3>\n          <p>Apoyo para estudiantes de carreras estrat\u00e9gicas.<\/p>\n          <div class=\"be-acciones\">\n            <a class=\"be-btn ghost\" href=\"#lb-carreras\"><i class=\"fas fa-image\" aria-hidden=\"true\"><\/i> Ver flyer<\/a>\n            <a class=\"be-btn verde\" href=\"https:\/\/www.mendoza.edu.ar\/educacion-superior-abrio-la-inscripcion-a-becas-prioritarias-2026\/\" target=\"_blank\" rel=\"noopener\">Ir al sitio<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n    <!-- ============================================================= -->\n    <!-- 1) ESPACIO DE ESCUCHA                                         -->\n    <!-- ============================================================= -->\n    <section id=\"escucha\" class=\"be-seccion banda-azulada\" aria-labelledby=\"t-escucha\">\n      <h2 id=\"t-escucha\">Espacio de Escucha<\/h2>\n      <p class=\"be-intro\">\n        Programas de acompa\u00f1amiento y orientaci\u00f3n para fortalecer tu trayectoria educativa y tu bienestar integral.\n      <\/p>\n\n      <div class=\"be-grid cuatro\">\n        <!-- Programa 1 -->\n        <article class=\"be-card\">\n          <i class=\"fas fa-lightbulb be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Estrategias de Aprendizaje<\/h3>\n          <p>Herramientas y t\u00e9cnicas para mejorar tu estudio y rendimiento acad\u00e9mico.<\/p>\n          <!-- REEMPLAZAR href si enlaza a una p\u00e1gina -->\n          <!-- <a class=\"be-btn ghost\" href=\"#\">Ver m\u00e1s<\/a> -->\n        <\/article>\n\n        <!-- Programa 2 -->\n        <article class=\"be-card\">\n          <i class=\"fas fa-heart be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Educaci\u00f3n Sexual Integral<\/h3>\n          <p>Informaci\u00f3n y acompa\u00f1amiento en el marco de la ESI.<\/p>\n          <!-- <a class=\"be-btn ghost\" href=\"#\">Ver m\u00e1s<\/a> -->\n        <\/article>\n\n        <!-- Programa 3 -->\n        <article class=\"be-card\">\n          <i class=\"fas fa-comments be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Espacio de Escucha<\/h3>\n          <p>Un espacio de contenci\u00f3n y di\u00e1logo para acompa\u00f1arte cuando lo necesites.<\/p>\n          <!-- <a class=\"be-btn ghost\" href=\"#\">Ver m\u00e1s<\/a> -->\n        <\/article>\n\n        <!-- Programa 4 -->\n        <article class=\"be-card\">\n          <i class=\"fas fa-compass be-icon\" aria-hidden=\"true\"><\/i>\n          <h3>Referente de g\u00e9nero<\/h3>\n          <p>Prevenci\u00f3n y acompa\u00f1amiento en el abordaje de violencia de g\u00e9nero<\/p>\n          <!-- <a class=\"be-btn ghost\" href=\"#\">Ver m\u00e1s<\/a> -->\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================================= -->\n    <!-- CONTACTO (horarios + referentes + formulario)                 -->\n    <!-- ============================================================= -->\n    <section id=\"contacto\" class=\"be-seccion banda-clara\" aria-labelledby=\"t-contacto\">\n      <h2 id=\"t-contacto\">Contacto<\/h2>\n      <p class=\"be-intro\">Horarios de atenci\u00f3n, referentes del espacio y formulario para escribirnos.<\/p>\n\n      <!-- Horarios + referentes -->\n      <div class=\"be-info-box\">\n        <div class=\"be-info-col\">\n          <h3><i class=\"fas fa-clock\" aria-hidden=\"true\"><\/i> Horarios de atenci\u00f3n<\/h3>\n          \n          <ul class=\"be-horarios\">\n            <strong>P\u00f3liticas estudiantiles: Prof. Carla Alessandra<\/strong>\n            <li><span>Martes <\/span><strong>18:40 a 20:00 hs<\/strong><\/li>\n            <li><span>Mi\u00e9rcoles<\/span><strong>14:20 a 15:00 hs<\/strong><\/li>\n            <li><span>Viernes<\/span><strong>10:05 a 13:00 hs<\/strong><\/li>\n          <\/ul>\n          <p class=\"be-info-extra\"><i class=\"fas fa-location-dot\" aria-hidden=\"true\"><\/i> \u00c1rea: Beled\u00eda<\/p>\n          <ul class=\"be-horarios\">\n            <strong>Referente de g\u00e9nero: Lic. Carina Falc\u00f3n<\/strong>\n            <li><span>Lunes<\/span><strong>13:40 a 17:50 hs<\/strong><\/li>\n            <li><span>Mi\u00e9rcoles<\/span><strong>13:40 a 15:00 hs<\/strong><\/li>\n            <li><span>Jueves<\/span><strong>08:00 a 10:00 hs<\/strong><\/li>\n          <\/ul>\n          <p class=\"be-info-extra\"><i class=\"fas fa-location-dot\" aria-hidden=\"true\"><\/i> \u00c1rea: Beled\u00eda<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Formulario (env\u00edo por mailto) -->\n      <div class=\"be-form-box\">\n        <h3>Formulario de contacto<\/h3>\n        <p class=\"sub\">Escribinos tu consulta y nos pondremos en contacto.<\/p>\n\n        <div class=\"be-field\" id=\"campo-nombre\">\n          <label for=\"bf-nombre\">Nombre y apellido<\/label>\n          <input type=\"text\" id=\"bf-nombre\" name=\"nombre\" autocomplete=\"name\" aria-required=\"true\">\n          <span class=\"be-error\" role=\"alert\">Por favor, ingres\u00e1 tu nombre.<\/span>\n        <\/div>\n\n        <div class=\"be-field\" id=\"campo-email\">\n          <label for=\"bf-email\">Correo electr\u00f3nico<\/label>\n          <input type=\"email\" id=\"bf-email\" name=\"email\" autocomplete=\"email\" aria-required=\"true\">\n          <span class=\"be-error\" role=\"alert\">Ingres\u00e1 un correo v\u00e1lido (ejemplo: nombre@dominio.com).<\/span>\n        <\/div>\n\n        <div class=\"be-field\" id=\"campo-mensaje\">\n          <label for=\"bf-mensaje\">Mensaje<\/label>\n          <textarea id=\"bf-mensaje\" name=\"mensaje\" aria-required=\"true\"><\/textarea>\n          <span class=\"be-error\" role=\"alert\">Por favor, escrib\u00ed tu consulta.<\/span>\n        <\/div>\n\n        <button type=\"button\" class=\"be-btn\" id=\"bf-enviar\">\n          <i class=\"fas fa-paper-plane\" aria-hidden=\"true\"><\/i> Enviar consulta\n        <\/button>\n        <p class=\"be-feedback\" id=\"bf-feedback\" role=\"status\" aria-live=\"polite\"><\/p>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- ====== LIGHTBOXES (uno por flyer, IDs \u00fanicos) ====== -->\n  <div id=\"lb-propuesta\" class=\"be-lightbox\">\n    <a href=\"#\" class=\"be-cerrar\" aria-label=\"Cerrar\">&times;<\/a>\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2025\/10\/gral.jpeg\" alt=\"Flyer ampliado de la propuesta formativa\">\n  <\/div>\n  <div id=\"lb-progresar\" class=\"be-lightbox\">\n    <a href=\"#\" class=\"be-cerrar\" aria-label=\"Cerrar\">&times;<\/a>\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/06\/REEMPLAZAR-flyer-progresar.png\" alt=\"Flyer ampliado de la beca Progresar\">\n  <\/div>\n  <div id=\"lb-carreras\" class=\"be-lightbox\">\n    <a href=\"#\" class=\"be-cerrar\" aria-label=\"Cerrar\">&times;<\/a>\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/06\/beca-prioritarias1.jpeg\" alt=\"Flyer ampliado de la beca de carreras prioritarias\">\n  <\/div>\n\n<\/div>\n\n<script>\n  (function () {\n    \/\/ ============================================================\n    \/\/  &#x26a0;&#xfe0f; REEMPLAZAR por el correo real de Bienestar Estudiantil\n    \/\/ ============================================================\n    const DESTINO_BIENESTAR = \"serviciodeorientacion9024@gmail.com\";\n\n    const RX_EMAIL = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n    const nombre   = document.getElementById('bf-nombre');\n    const email    = document.getElementById('bf-email');\n    const mensaje  = document.getElementById('bf-mensaje');\n    const feedback = document.getElementById('bf-feedback');\n\n    function marcar(idCampo, esValido) {\n      document.getElementById(idCampo).classList.toggle('invalido', !esValido);\n    }\n\n    document.getElementById('bf-enviar').addEventListener('click', function () {\n      const okNombre  = nombre.value.trim().length > 0;\n      const okEmail   = RX_EMAIL.test(email.value.trim());\n      const okMensaje = mensaje.value.trim().length > 0;\n\n      marcar('campo-nombre',  okNombre);\n      marcar('campo-email',   okEmail);\n      marcar('campo-mensaje', okMensaje);\n\n      if (!(okNombre && okEmail && okMensaje)) {\n        feedback.style.color = '#b8210a';\n        feedback.textContent = 'Revis\u00e1 los campos marcados antes de enviar.';\n        return;\n      }\n\n      const asunto = encodeURIComponent('Consulta - Bienestar Estudiantil');\n      const cuerpo = encodeURIComponent(\n        'Nombre: ' + nombre.value.trim() + '\\n' +\n        'Correo: ' + email.value.trim() + '\\n\\n' +\n        'Mensaje:\\n' + mensaje.value.trim()\n      );\n\n      feedback.style.color = '#27ae60';\n      feedback.textContent = 'Abriendo tu correo para enviar la consulta...';\n      window.location.href = 'mailto:' + DESTINO_BIENESTAR + '?subject=' + asunto + '&body=' + cuerpo;\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Bienestar Estudiantil Este es un espacio de acompa\u00f1amiento, orientaci\u00f3n y escucha para las y los estudiantes durante su trayectoria de formaci\u00f3n profesional. Estamos para apoyarte, atender tus inquietudes y promover tu participaci\u00f3n, asegurando que tu voz sea escuchada dentro de la instituci\u00f3n. Volver al inicio Becas Programas de apoyo econ\u00f3mico para acompa\u00f1ar tus estudios. Progresar &#8230; <a title=\"Espacio de escucha\" class=\"read-more\" href=\"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/espacio-de-escucha\/\" aria-label=\"More on Espacio de escucha\">[+]<\/a><\/p>\n","protected":false},"author":493,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4366"}],"collection":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/493"}],"replies":[{"embeddable":true,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=4366"}],"version-history":[{"count":16,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4366\/revisions"}],"predecessor-version":[{"id":7024,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4366\/revisions\/7024"}],"wp:attachment":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=4366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}