{"id":6936,"date":"2026-05-27T18:07:11","date_gmt":"2026-05-27T21:07:11","guid":{"rendered":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/?page_id=6936"},"modified":"2026-05-28T19:25:31","modified_gmt":"2026-05-28T22:25:31","slug":"congreso-ies-9024","status":"publish","type":"page","link":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/congreso-ies-9024\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>15\u00b0 Congreso de Educaci\u00f3n Integral &#8211; Inteligencia Artificial y desaf\u00edos pedag\u00f3gicos<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&#038;family=Poppins:wght@300;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    \/* ============================================================\n       FONDO ANIMADO \u2014 cubre todo el documento de punta a punta\n    ============================================================ *\/\n    \/* Neutralizar fondos del tema WordPress y sus contenedores *\/\n    html, body,\n    .site, .site-content, #page, #content, #primary, #main,\n    .entry, .entry-content, .post, .page, .hentry,\n    .wp-block-group, .wp-block-cover,\n    article, main {\n      background: transparent !important;\n      background-color: transparent !important;\n    }\n\n    @keyframes gradientShift {\n      0%   { background-position: 0% 0%; }\n      25%  { background-position: 100% 0%; }\n      50%  { background-position: 100% 100%; }\n      75%  { background-position: 0% 100%; }\n      100% { background-position: 0% 0%; }\n    }\n\n    body {\n      font-family: 'Roboto', sans-serif;\n      line-height: 1.6;\n      color: #1a1a2e;\n      background: transparent;\n      overflow-x: hidden;\n      position: relative;\n    }\n\n    \/* FONDO FIJO \u2014 t\u00e9cnica para WordPress sin acceso al tema *\/\n    #fondo-congreso {\n      position: fixed;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      z-index: -1;\n      overflow: hidden;\n      \/* Gradiente con blanco puro y celeste intenso para que el movimiento sea visible *\/\n      background: linear-gradient(-45deg,\n        #ffffff 0%,\n        #daf0fb 20%,\n        #bce5f6 40%,\n        #97d3eb 60%,\n        #bce5f6 80%,\n        #ffffff 100%\n      );\n      background-size: 400% 400%;\n      animation: gradientShift 18s ease infinite;\n    }\n\n    \/* ============================================================\n       BURBUJAS FLOTANTES\n    ============================================================ *\/\n    .bubble {\n      position: fixed;\n      border-radius: 50%;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .bubble-1 {\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(0, 120, 220, 0.12) 0%, transparent 70%);\n      top: -80px;\n      left: -60px;\n      animation: floatBubble1 28s infinite ease-in-out;\n    }\n\n    .bubble-2 {\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(0, 180, 255, 0.10) 0%, transparent 70%);\n      bottom: 80px;\n      right: -40px;\n      animation: floatBubble2 35s infinite ease-in-out;\n    }\n\n    .bubble-3 {\n      width: 350px;\n      height: 350px;\n      background: radial-gradient(circle, rgba(100, 200, 255, 0.09) 0%, transparent 70%);\n      top: 40%;\n      right: -80px;\n      animation: floatBubble3 30s infinite ease-in-out;\n    }\n\n    .bubble-4 {\n      width: 180px;\n      height: 180px;\n      background: radial-gradient(circle, rgba(0, 100, 200, 0.08) 0%, transparent 70%);\n      top: 60%;\n      left: -50px;\n      animation: floatBubble1 38s infinite ease-in-out reverse;\n    }\n\n    @keyframes floatBubble1 {\n      0%, 100% { transform: translate(0px, 0px); }\n      33%       { transform: translate(40px, -50px); }\n      66%       { transform: translate(-20px, -80px); }\n    }\n\n    @keyframes floatBubble2 {\n      0%, 100% { transform: translate(0px, 0px); }\n      33%       { transform: translate(-50px, -40px); }\n      66%       { transform: translate(-80px, -20px); }\n    }\n\n    @keyframes floatBubble3 {\n      0%, 100% { transform: translate(0px, 0px); }\n      50%       { transform: translate(-60px, -60px); }\n    }\n\n    \/* ============================================================\n       TIPOGRAF\u00cdA BASE\n    ============================================================ *\/\n    h1, h2, h3, h4 {\n      font-family: 'Poppins', sans-serif;\n      font-weight: 700;\n    }\n\n    \/* ============================================================\n       LAYOUT \u2014 secciones sin max-width, sin fondos blancos\n    ============================================================ *\/\n    section {\n      padding: 60px 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* T\u00edtulo de secci\u00f3n con borde inferior azul *\/\n    .titulo-seccion {\n      font-size: 28px;\n      color: #0d1b2a;\n      margin-bottom: 24px;\n      padding-bottom: 12px;\n      border-bottom: 3px solid #0055cc;\n      display: inline-block;\n    }\n\n    \/* ============================================================\n       HERO \u2014 estructura fiel al flyer institucional\n    ============================================================ *\/\n    #hero {\n      padding: 50px 40px 40px;\n    }\n\n    \/* Fila superior: mapa + texto *\/\n    .hero-top {\n      display: grid;\n      grid-template-columns: 300px 1fr;\n      gap: 32px;\n      align-items: flex-start;\n      max-width: 1100px;\n      margin: 0 auto 40px;\n    }\n\n    \/* MAPA \/ LOGO *\/\n    .hero-logo-col {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .hero-logo {\n      width: 100%;\n      max-width: 280px;\n      height: auto;\n      filter: drop-shadow(0 6px 20px rgba(0,0,0,0.22));\n      animation: logoFloat 6s ease-in-out infinite;\n      margin-top: -40px;     \/* sube el logo *\/\n      margin-bottom: -30px;  \/* lo acerca al 15\u00b0 *\/\n    }\n\n    @keyframes logoFloat {\n      0%, 100% { transform: translateY(0px);   }\n      50%       { transform: translateY(-10px); }\n    }\n\n    \/* TEXTO DERECHA *\/\n    .hero-text-col {\n      text-align: left;\n    }\n\n    .hero-badge {\n      display: inline-block;\n      background: rgba(0,85,204,0.12);\n      border: 1px solid rgba(0,85,204,0.35);\n      color: #0d1b2a;\n      font-family: 'Poppins', sans-serif;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      padding: 4px 14px;\n      border-radius: 20px;\n      margin-bottom: 14px;\n    }\n\n    \/* \"15\u00b0\" peque\u00f1o encima *\/\n    .hero-num {\n      font-family: 'Poppins', sans-serif;\n      font-size: 28px;\n      font-weight: 700;\n      color: #0d1b2a;\n      margin-bottom: 2px;\n    }\n\n    \/* \"CONGRESO DE\" *\/\n    .hero-h1-top {\n      font-family: 'Poppins', sans-serif;\n      font-size: 42px;\n      font-weight: 800;\n      color: #0d1b2a;\n      line-height: 1;\n      margin: 0;\n      text-transform: uppercase;\n    }\n\n    \/* \"EDUCACI\u00d3N INTEGRAL\" *\/\n    .hero-h1-bottom {\n      font-family: 'Poppins', sans-serif;\n      font-size: 38px;\n      font-weight: 800;\n      color: #0055cc;\n      line-height: 1.1;\n      margin: 0 0 12px;\n      text-transform: uppercase;\n    }\n\n    \/* Subt\u00edtulo en cursiva *\/\n    .hero-subtitulo {\n      font-family: 'Roboto', sans-serif;\n      font-size: 18px;\n      font-style: italic;\n      color: #1a2a3a;\n      margin-bottom: 14px;\n      line-height: 1.5;\n    }\n\n    \/* L\u00ednea divisora *\/\n    .hero-divider {\n      border: none;\n      border-top: 2px solid #0055cc;\n      margin: 14px 0;\n      width: 100%;\n    }\n\n    \/* LAVALLE 5 JUNIO 2026 *\/\n    .location-date {\n      font-family: 'Poppins', sans-serif;\n      font-size: 20px;\n      font-weight: 800;\n      color: #0d1b2a;\n      letter-spacing: 1px;\n      margin-bottom: 20px;\n    }\n    .location-date span {\n      color: #0055cc;\n    }\n\n    \/* Countdown alineado a la izquierda *\/\n    #countdown {\n      justify-content: flex-start;\n    }\n\n    .hero-btns { margin-top: 16px; }\n\n    \/* \u2500\u2500 CONFERENCISTAS en el hero \u2500\u2500 *\/\n    .hero-speakers {\n      max-width: 1100px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .hero-speakers-titulo {\n      font-family: 'Poppins', sans-serif;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      color: #0d1b2a;\n      margin-bottom: 28px;\n    }\n\n    .hero-speakers-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      justify-items: center;\n    }\n\n    .hero-speaker {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n    }\n\n    \/* Foto circular con borde azul \u2014 igual al flyer *\/\n    .hero-speaker-foto {\n      width: 150px;\n      height: 150px;\n      border-radius: 50%;\n      border: 3px solid #0055cc;\n      object-fit: cover;\n      object-position: center top;\n      box-shadow: 0 4px 16px rgba(0,85,204,0.2);\n      background: #dde8f8; \/* placeholder si no carga la imagen *\/\n    }\n\n    .hero-speaker-nombre {\n      font-family: 'Poppins', sans-serif;\n      font-size: 16px;\n      font-weight: 700;\n      color: #0055cc;\n      text-align: center;\n      line-height: 1.3;\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 900px) {\n      .hero-top {\n        grid-template-columns: 220px 1fr;\n        gap: 24px;\n      }\n      .hero-h1-top    { font-size: 32px; }\n      .hero-h1-bottom { font-size: 28px; }\n      .hero-logo      { max-width: 200px; }\n    }\n\n    @media (max-width: 768px) {\n      .hero-top {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n      .hero-text-col  { text-align: center; }\n      .hero-logo      { max-width: 180px; margin: 0 auto; }\n      .hero-divider   { margin: 12px auto; }\n      #countdown      { justify-content: center; }\n      .hero-h1-top    { font-size: 28px; }\n      .hero-h1-bottom { font-size: 26px; }\n      .location-date  { font-size: 16px; }\n      .hero-speakers-grid { grid-template-columns: 1fr; gap: 20px; }\n      .hero-speaker-foto  { width: 120px; height: 120px; }\n    }\n\n    @media (max-width: 480px) {\n      #hero { padding: 36px 20px 30px; }\n      .hero-h1-top    { font-size: 22px; }\n      .hero-h1-bottom { font-size: 20px; }\n      .hero-subtitulo { font-size: 15px; }\n      .location-date  { font-size: 14px; }\n    }\n\n    \/* ============================================================\n       COUNTDOWN\n    ============================================================ *\/\n    #countdown {\n      display: flex;\n      justify-content: flex-start;\n      gap: 14px;\n      margin: 20px 0 30px;\n      flex-wrap: wrap;\n    }\n    .hero-btns {\n      text-align: center;\n    }\n\n    .time-box {\n      background: rgba(255, 255, 255, 0.6);\n      backdrop-filter: blur(8px);\n      border: 1px solid rgba(0, 85, 204, 0.25);\n      padding: 16px 22px;\n      border-radius: 12px;\n      text-align: center;\n      min-width: 78px;\n      box-shadow: 0 4px 16px rgba(0, 85, 204, 0.1);\n    }\n\n    .time-box span {\n      display: block;\n      font-size: 28px;\n      font-weight: 800;\n      color: #0055cc;\n      font-family: 'Poppins', sans-serif;\n    }\n\n    .time-box small {\n      display: block;\n      font-size: 10px;\n      color: #555;\n      margin-top: 4px;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n    }\n\n    \/* ============================================================\n       BOTONES\n    ============================================================ *\/\n    .btn-principal {\n      display: inline-block;\n      background: linear-gradient(90deg, #0055cc, #0077ee);\n      color: white;\n      padding: 14px 36px;\n      border-radius: 8px;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 600;\n      font-size: 15px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      margin: 8px;\n      box-shadow: 0 4px 14px rgba(0, 85, 204, 0.3);\n    }\n\n    .btn-principal:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 22px rgba(0, 85, 204, 0.45);\n    }\n\n    .btn-secundario {\n      display: inline-block;\n      background: rgba(255,255,255,0.5);\n      backdrop-filter: blur(6px);\n      color: #0055cc;\n      border: 2px solid #0055cc;\n      padding: 12px 28px;\n      border-radius: 8px;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 600;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      margin: 8px;\n    }\n\n    .btn-secundario:hover {\n      background: #0055cc;\n      color: white;\n    }\n\n    \/* ============================================================\n       INFO R\u00c1PIDA\n    ============================================================ *\/\n    #info-rapida {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      padding: 0 40px 50px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .card-info {\n      background: rgba(255, 255, 255, 0.45);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(0, 85, 204, 0.2);\n      border-left: 4px solid #0055cc;\n      padding: 18px 20px;\n      border-radius: 10px;\n      text-align: center;\n      box-shadow: 0 2px 10px rgba(0, 85, 204, 0.08);\n    }\n\n    .card-info strong {\n      display: block;\n      color: #0d1b2a;\n      margin-bottom: 6px;\n      font-size: 14px;\n    }\n\n    .card-info em {\n      color: #0055cc;\n      font-style: normal;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    \/* ============================================================\n       SEPARADOR VISUAL ENTRE SECCIONES\n    ============================================================ *\/\n    .sep {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, rgba(0,85,204,0.25), transparent);\n      margin: 0 40px;\n    }\n\n    \/* ============================================================\n       TEXTO GENERAL DE SECCI\u00d3N\n    ============================================================ *\/\n    .seccion-texto {\n      max-width: 900px;\n      color: #1a2a3a;\n      font-size: 15px;\n      line-height: 1.85;\n      margin-bottom: 16px;\n    }\n\n    .seccion-texto strong {\n      color: #0d1b2a;\n    }\n\n    \/* ============================================================\n       CONFERENCISTAS\n    ============================================================ *\/\n    .speakers-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 24px;\n      margin-top: 30px;\n    }\n\n    .speaker-card {\n      background: rgba(255, 255, 255, 0.45);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(0, 85, 204, 0.18);\n      border-radius: 14px;\n      padding: 28px 20px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }\n\n    .speaker-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 28px rgba(0, 85, 204, 0.18);\n      border-color: #0055cc;\n    }\n\n    .speaker-avatar {\n      width: 90px;\n      height: 90px;\n      background: linear-gradient(135deg, #0055cc, #0099ff);\n      border-radius: 50%;\n      margin: 0 auto 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 36px;\n    }\n\n    .speaker-card h3 {\n      font-size: 15px;\n      color: #0d1b2a;\n      margin-bottom: 8px;\n    }\n\n    .speaker-card p {\n      font-size: 13px;\n      color: #3a4a5a;\n      margin: 0;\n    }\n\n    \/* ============================================================\n       CRONOGRAMA \u2014 TIMELINE\n    ============================================================ *\/\n    .turno-titulo {\n      font-family: 'Poppins', sans-serif;\n      font-size: 16px;\n      font-weight: 700;\n      color: #0055cc;\n      background: rgba(0, 85, 204, 0.1);\n      border-left: 4px solid #0055cc;\n      padding: 10px 16px;\n      border-radius: 0 8px 8px 0;\n      margin: 28px 0 16px;\n    }\n\n    .timeline {\n      position: relative;\n      padding-left: 0;\n    }\n\n    .timeline-item {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 16px;\n      align-items: flex-start;\n    }\n\n    .timeline-time {\n      background: rgba(0, 85, 204, 0.12);\n      color: #0055cc;\n      font-weight: 700;\n      font-family: 'Poppins', sans-serif;\n      font-size: 13px;\n      padding: 6px 12px;\n      border-radius: 6px;\n      min-width: 110px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n\n    .timeline-desc {\n      padding: 6px 0;\n    }\n\n    .timeline-desc strong {\n      display: block;\n      color: #0d1b2a;\n      font-size: 14px;\n      margin-bottom: 2px;\n    }\n\n    .timeline-desc p {\n      margin: 0;\n      font-size: 13px;\n      color: #3a4a5a;\n    }\n\n    \/* ============================================================\n       ACORDE\u00d3N \u2014 TALLERES\n    ============================================================ *\/\n    .accordion {\n      margin-top: 24px;\n    }\n\n    .accordion-item {\n      background: rgba(255, 255, 255, 0.4);\n      backdrop-filter: blur(8px);\n      border: 1px solid rgba(0, 85, 204, 0.15);\n      border-radius: 8px;\n      margin-bottom: 10px;\n      overflow: hidden;\n    }\n\n    .accordion-header {\n      padding: 14px 18px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 600;\n      font-size: 14px;\n      color: #0d1b2a;\n      border-left: 4px solid #0055cc;\n      transition: background 0.2s;\n    }\n\n    .accordion-header:hover,\n    .accordion-header.active {\n      background: rgba(0, 85, 204, 0.08);\n    }\n\n    .accordion-icon {\n      color: #0055cc;\n      transition: transform 0.3s ease;\n      flex-shrink: 0;\n    }\n\n    .accordion-icon.active {\n      transform: rotate(180deg);\n    }\n\n    .accordion-content {\n      display: none;\n      padding: 14px 18px;\n      font-size: 13px;\n      color: #2a3a4a;\n      border-top: 1px solid rgba(0, 85, 204, 0.1);\n      line-height: 1.7;\n    }\n\n    .accordion-content.active {\n      display: block;\n    }\n\n    \/* ============================================================\n       TABLA DE COSTOS\n    ============================================================ *\/\n    .tabla-wrap {\n      overflow-x: auto;\n      margin-top: 24px;\n      border-radius: 10px;\n      box-shadow: 0 2px 12px rgba(0, 85, 204, 0.1);\n    }\n\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 14px;\n      background: rgba(255, 255, 255, 0.5);\n      backdrop-filter: blur(8px);\n    }\n\n    thead {\n      background: rgba(0, 85, 204, 0.15);\n    }\n\n    th {\n      padding: 14px 16px;\n      text-align: left;\n      color: #0055cc;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 600;\n      font-size: 13px;\n    }\n\n    td {\n      padding: 12px 16px;\n      border-bottom: 1px solid rgba(0, 85, 204, 0.1);\n      color: #1a2a3a;\n    }\n\n    tbody tr:nth-child(even) {\n      background: rgba(0, 85, 204, 0.04);\n    }\n\n    tbody tr:hover {\n      background: rgba(0, 85, 204, 0.08);\n    }\n\n    \/* ============================================================\n       FAQ\n    ============================================================ *\/\n    .faq-item {\n      background: rgba(255, 255, 255, 0.4);\n      backdrop-filter: blur(8px);\n      border-left: 4px solid #0055cc;\n      border-radius: 0 8px 8px 0;\n      padding: 14px 18px;\n      margin-bottom: 12px;\n    }\n\n    .faq-item strong {\n      display: block;\n      color: #0055cc;\n      font-family: 'Poppins', sans-serif;\n      font-size: 14px;\n      margin-bottom: 6px;\n    }\n\n    .faq-item p {\n      margin: 0;\n      font-size: 13px;\n      color: #2a3a4a;\n    }\n\n    \/* ============================================================\n       CONTACTO\n    ============================================================ *\/\n    .contact-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 18px;\n      margin-top: 28px;\n    }\n\n    .contact-item {\n      background: rgba(255, 255, 255, 0.4);\n      backdrop-filter: blur(8px);\n      border-left: 4px solid #0055cc;\n      border-radius: 0 10px 10px 0;\n      padding: 18px 20px;\n    }\n\n    .contact-item i {\n      color: #0055cc;\n      font-size: 20px;\n      margin-bottom: 10px;\n      display: block;\n    }\n\n    .contact-item strong {\n      display: block;\n      color: #0d1b2a;\n      font-family: 'Poppins', sans-serif;\n      margin-bottom: 6px;\n      font-size: 14px;\n    }\n\n    .contact-item p,\n    .contact-item a {\n      margin: 0;\n      font-size: 13px;\n      color: #2a3a4a;\n      text-decoration: none;\n    }\n\n    .contact-item a {\n      color: #0055cc;\n      font-weight: 500;\n    }\n\n    .contact-item a:hover {\n      text-decoration: underline;\n    }\n\n    \/* ============================================================\n       LOGOS INSTITUCIONES\n    ============================================================ *\/\n    .logos-grid {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 20px;\n      margin-top: 28px;\n      align-items: center;\n    }\n\n    .logo-item {\n      background: rgba(255, 255, 255, 0.45);\n      backdrop-filter: blur(8px);\n      border: 1.5px dashed rgba(0, 85, 204, 0.35);\n      border-radius: 10px;\n      padding: 14px 20px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0055cc;\n      text-align: center;\n      min-width: 130px;\n    }\n\n    \/* ============================================================\n       STREAMING\n    ============================================================ *\/\n    .streaming-box {\n      background: rgba(255, 255, 255, 0.4);\n      backdrop-filter: blur(10px);\n      border: 2px solid rgba(0, 85, 204, 0.25);\n      border-radius: 14px;\n      padding: 40px 20px;\n      text-align: center;\n      margin-top: 28px;\n    }\n\n    .streaming-box i {\n      font-size: 42px;\n      color: #0055cc;\n      margin-bottom: 14px;\n      display: block;\n    }\n\n    .streaming-box h4 {\n      color: #0d1b2a;\n      margin-bottom: 10px;\n    }\n\n    .streaming-box p {\n      font-size: 14px;\n      color: #3a4a5a;\n      margin-bottom: 6px;\n    }\n\n    \/* ============================================================\n       FOOTER\n    ============================================================ *\/\n    footer {\n      background: rgba(13, 27, 42, 0.88);\n      backdrop-filter: blur(12px);\n      color: white;\n      text-align: center;\n      padding: 30px 20px;\n      position: relative;\n      z-index: 1;\n    }\n\n    footer p {\n      font-size: 14px;\n      margin: 4px 0;\n    }\n\n    footer p:last-child {\n      font-size: 12px;\n      color: #90b0d0;\n    }\n\n    \/* ============================================================\n       RESPONSIVE\n    ============================================================ *\/\n    @media (max-width: 768px) {\n      section { padding: 44px 20px; }\n      #info-rapida { padding: 0 20px 40px; }\n      .sep { margin: 0 20px; }\n      #hero h1 { font-size: 28px; }\n      .titulo-seccion { font-size: 22px; }\n      .time-box { min-width: 64px; padding: 12px 14px; }\n      .time-box span { font-size: 22px; }\n      .speakers-grid { grid-template-columns: 1fr; }\n      .timeline-item { flex-direction: column; gap: 6px; }\n      .timeline-time { min-width: auto; width: fit-content; }\n    }\n\n    @media (max-width: 480px) {\n      #hero { padding: 50px 20px 40px; }\n      #hero h1 { font-size: 22px; }\n      section { padding: 36px 16px; }\n      #info-rapida { padding: 0 16px 36px; }\n      .time-box { min-width: 54px; padding: 10px 10px; }\n      .time-box span { font-size: 18px; }\n      .btn-principal { padding: 12px 24px; font-size: 14px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- FONDO FIJO + PART\u00cdCULAS SVG -->\n<div id=\"fondo-congreso\">\n  <!-- Part\u00edculas SVG flotantes -->\n  <svg id=\"particulas-svg\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <!-- C\u00edrculos peque\u00f1os animados -->\n    <circle cx=\"8%\" cy=\"15%\" r=\"3\" fill=\"rgba(0,85,204,0.15)\"><animate attributeName=\"cy\" values=\"15%;12%;15%\" dur=\"6s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"20%\" cy=\"70%\" r=\"2\" fill=\"rgba(0,120,255,0.12)\"><animate attributeName=\"cy\" values=\"70%;65%;70%\" dur=\"8s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"35%\" cy=\"30%\" r=\"4\" fill=\"rgba(0,180,255,0.10)\"><animate attributeName=\"cy\" values=\"30%;25%;30%\" dur=\"7s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"50%\" cy=\"85%\" r=\"2.5\" fill=\"rgba(0,85,204,0.13)\"><animate attributeName=\"cy\" values=\"85%;80%;85%\" dur=\"9s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"65%\" cy=\"20%\" r=\"3.5\" fill=\"rgba(0,150,220,0.11)\"><animate attributeName=\"cy\" values=\"20%;16%;20%\" dur=\"5s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"78%\" cy=\"55%\" r=\"2\" fill=\"rgba(0,85,204,0.14)\"><animate attributeName=\"cy\" values=\"55%;50%;55%\" dur=\"10s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"90%\" cy=\"40%\" r=\"4\" fill=\"rgba(100,200,255,0.09)\"><animate attributeName=\"cy\" values=\"40%;35%;40%\" dur=\"7s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"15%\" cy=\"90%\" r=\"3\" fill=\"rgba(0,100,200,0.10)\"><animate attributeName=\"cy\" values=\"90%;85%;90%\" dur=\"11s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"55%\" cy=\"10%\" r=\"2\" fill=\"rgba(0,180,255,0.12)\"><animate attributeName=\"cy\" values=\"10%;6%;10%\" dur=\"6s\" repeatCount=\"indefinite\"\/><\/circle>\n    <circle cx=\"88%\" cy=\"80%\" r=\"3\" fill=\"rgba(0,85,204,0.10)\"><animate attributeName=\"cy\" values=\"80%;75%;80%\" dur=\"8s\" repeatCount=\"indefinite\"\/><\/circle>\n    <!-- Rombos\/cruces decorativos -->\n    <rect x=\"25%\" y=\"45%\" width=\"6\" height=\"6\" rx=\"1\" fill=\"rgba(0,85,204,0.08)\" transform=\"rotate(45)\"><animate attributeName=\"opacity\" values=\"0.08;0.18;0.08\" dur=\"5s\" repeatCount=\"indefinite\"\/><\/rect>\n    <rect x=\"70%\" y=\"25%\" width=\"5\" height=\"5\" rx=\"1\" fill=\"rgba(0,150,220,0.10)\" transform=\"rotate(45)\"><animate attributeName=\"opacity\" values=\"0.10;0.22;0.10\" dur=\"7s\" repeatCount=\"indefinite\"\/><\/rect>\n    <rect x=\"45%\" y=\"60%\" width=\"7\" height=\"7\" rx=\"1\" fill=\"rgba(0,100,200,0.07)\" transform=\"rotate(45)\"><animate attributeName=\"opacity\" values=\"0.07;0.16;0.07\" dur=\"9s\" repeatCount=\"indefinite\"\/><\/rect>\n  <\/svg>\n<\/div>\n\n<!-- BURBUJAS FLOTANTES -->\n<div class=\"bubble bubble-1\"><\/div>\n<div class=\"bubble bubble-2\"><\/div>\n<div class=\"bubble bubble-3\"><\/div>\n<div class=\"bubble bubble-4\"><\/div>\n\n<!-- ============================================================\n     HERO \u2014 fiel al flyer institucional\n============================================================ -->\n<section id=\"hero\">\n\n  <!-- FILA SUPERIOR: Mapa + Texto -->\n  <div class=\"hero-top\">\n\n    <!-- MAPA LATINOAM\u00c9RICA con 15\u00b0 -->\n    <div class=\"hero-logo-col\">\n      <!-- RUTA A REEMPLAZAR: sub\u00ed el archivo logo-26.png a la Biblioteca de Medios\n           y peg\u00e1 aqu\u00ed la URL que te da WordPress -->\n      <img\n        src=\"\/sitio\/wp-content\/uploads\/2026\/05\/logo-26.png\"\n        alt=\"Mapa de Latinoam\u00e9rica - 15\u00b0 Congreso\"\n        class=\"hero-logo\"\n      \/>\n    <\/div>\n\n    <!-- TEXTO -->\n    <div class=\"hero-text-col\">\n      <!--<div class=\"hero-badge\">IES 9-024 \"Lavalle\" \u00b7 Mendoza, Argentina<\/div>-->\n      <p class=\"hero-num\">15\u00b0<\/p>\n      <p class=\"hero-h1-top\">Congreso de<\/p>\n      <p class=\"hero-h1-bottom\">Educaci\u00f3n Integral<\/p>\n      <p class=\"hero-subtitulo\">\u00bb Inteligencia Artificial<br>y Desaf\u00edos Pedag\u00f3gicos \u00ab<\/p>\n      <hr class=\"hero-divider\">\n      <div class=\"location-date\"><span>LAVALLE<\/span> 5 JUNIO 2026<\/div>\n\n      <div id=\"countdown\">\n        <div class=\"time-box\"><span id=\"days\">&#8212;<\/span><small>D\u00edas<\/small><\/div>\n        <div class=\"time-box\"><span id=\"hours\">&#8212;<\/span><small>Horas<\/small><\/div>\n        <div class=\"time-box\"><span id=\"minutes\">&#8212;<\/span><small>Min<\/small><\/div>\n        <div class=\"time-box\"><span id=\"seconds\">&#8212;<\/span><small>Seg<\/small><\/div>\n      <\/div>\n\n      <div class=\"hero-btns\">\n        <a href=\"#inscripcion\" class=\"btn-principal\">&#x1f4cd; Inscribirme ahora<\/a>\n      <\/div>\n\n      <!-- CITA INSTITUCIONAL -->\n      <div style=\"border-left:4px solid #0055cc; padding:16px 20px; background:rgba(255,255,255,0.35); backdrop-filter:blur(8px); border-radius:0 10px 10px 0; margin-top:24px;\">\n        <p style=\"font-family:'Roboto',sans-serif; font-size:14px; font-style:italic; color:#0d1b2a; line-height:1.75; margin:0 0 8px;\">\n          \u00abLa Inteligencia Artificial irrumpe en las pr\u00e1cticas educativas haciendo parte en momentos como la planificaci\u00f3n, la evaluaci\u00f3n y la b\u00fasqueda de informaci\u00f3n. Construir criterios pedag\u00f3gicos cr\u00edticos, \u00e9ticos e inclusivos es el desaf\u00edo central de esta edici\u00f3n.\u00bb\n        <\/p>\n        <span style=\"font-family:'Poppins',sans-serif; font-size:10px; font-weight:600; color:#0055cc; text-transform:uppercase; letter-spacing:2px;\">\n          \u2014 Proyecto acad\u00e9mico \u00b7 IES 9-024 \u00abLavalle\u00bb \u00b7 2026\n        <\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<!-- ============================================================\n     INFO R\u00c1PIDA\n============================================================ -->\n<div id=\"info-rapida\">\n  <div class=\"card-info\">\n    <strong>&#x1f393; Puntaje docente<\/strong>\n    <em>RESOL. 305-DGE-2025<\/em>\n  <\/div>\n  <div class=\"card-info\">\n    <strong>&#x1f4b2; Costos accesibles<\/strong>\n    <em>Ver tabla de precios<\/em>\n  <\/div>\n  <div class=\"card-info\">\n    <strong>&#x1f4cd; Modalidad<\/strong>\n    <em>Presencial + Virtual<\/em>\n  <\/div>\n  <div class=\"card-info\">\n    <strong>&#x1f399;&#xfe0f; Participaci\u00f3n<\/strong>\n    <em>Ponencias, talleres, paneles<\/em>\n  <\/div>\n<\/div>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     SOBRE EL CONGRESO\n============================================================ -->\n<section id=\"sobre\">\n  <h2 class=\"titulo-seccion\">Sobre el Congreso<\/h2>\n  <p class=\"seccion-texto\">\n    El <strong>15\u00b0 Congreso de Educaci\u00f3n Integral<\/strong> del IES 9-024 \u00abLavalle\u00bb contin\u00faa la trayectoria de 15 a\u00f1os de formaci\u00f3n continua destinada a docentes de todos los niveles y modalidades del sistema educativo, as\u00ed como estudiantes avanzados y profesionales vinculados con la educaci\u00f3n.\n  <\/p>\n  <p class=\"seccion-texto\">\n    En esta edici\u00f3n aniversario, cuyo lema es <strong>\u00abInteligencia Artificial y desaf\u00edos pedag\u00f3gicos\u00bb<\/strong>, nos proponemos <strong>problematizar el impacto de estas herramientas<\/strong> al momento de ense\u00f1ar y aprender, fomentando una <strong>mirada cr\u00edtica, \u00e9tica e inclusiva<\/strong>.\n  <\/p>\n  <p class=\"seccion-texto\">\n    El evento se realizar\u00e1 el <strong>5 de junio en modalidad presencial f\u00edsica y sincr\u00f3nica<\/strong> en el departamento de Lavalle, y contar\u00e1 con la participaci\u00f3n de reconocidos acad\u00e9micos como la <strong>Mgtr. Elena Santa Cruz<\/strong>, el <strong>Prof. Esp. Eduardo Sotelo<\/strong> y el <strong>Mgtr. Favio Tarasow<\/strong>.\n  <\/p>\n  <p class=\"seccion-texto\">\n    Durante el congreso se participar\u00e1 de <strong>conferencias plenarias<\/strong>, <strong>charlas espec\u00edficas por nivel y modalidad<\/strong>, y <strong>experiencias formativas con producci\u00f3n colaborativa<\/strong> mediadas por herramientas digitales.\n  <\/p>\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1RH812T7VCS7p8f9SGvxnydkiPEU9MwcY\/view?usp=sharing\" target=\"_blank\" class=\"btn-secundario\" style=\"margin-top:8px; display:inline-block;\" rel=\"noopener\">\n    <i class=\"fas fa-file-pdf\"><\/i> Ver Resoluci\u00f3n oficial\n  <\/a>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     CONFERENCISTAS\n============================================================ -->\n<!-- CONFERENCISTAS -->\n<section id=\"conferencistas\">\n  <h2 class=\"titulo-seccion\">Conferencistas Destacados<\/h2>\n  <div style=\"\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 32px;\n    margin-top: 32px;\n  \">\n\n    <div style=\"text-align: center;\">\n      <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/foto-sotelo.png\"\n           alt=\"Prof. Esp. Eduardo Sotelo\"\n           style=\"width: 180px; height: 180px; border-radius: 50%;\n                  object-fit: cover; object-position: center top;\n                  border: 4px solid #0055cc;\n                  box-shadow: 0 6px 20px rgba(0,85,204,0.25);\n                  display: block; margin: 0 auto 16px;\">\n      <strong style=\"font-family:'Poppins',sans-serif; font-size:16px; color:#0055cc; display:block; margin-bottom:8px;\">\n        Prof. Esp. Eduardo Sotelo\n      <\/strong>\n      <p style=\"font-size:13px; color:#2a3a4a; margin:0;\">\n        Inclusi\u00f3n educativa: estrategias clave para acompa\u00f1ar trayectorias diversas\n      <\/p>\n    <\/div>\n\n    <div style=\"text-align: center;\">\n      <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/foto-santacruz.png\"\n           alt=\"Mgtr. Elena Santa Cruz\"\n           style=\"width: 180px; height: 180px; border-radius: 50%;\n                  object-fit: cover; object-position: center top;\n                  border: 4px solid #0055cc;\n                  box-shadow: 0 6px 20px rgba(0,85,204,0.25);\n                  display: block; margin: 0 auto 16px;\">\n      <strong style=\"font-family:'Poppins',sans-serif; font-size:16px; color:#0055cc; display:block; margin-bottom:8px;\">\n        Mgtr. Elena Santa Cruz\n      <\/strong>\n      <p style=\"font-size:13px; color:#2a3a4a; margin:0;\">\n        Acompa\u00f1amiento en situaciones complejas desde la narraci\u00f3n\n      <\/p>\n    <\/div>\n\n    <div style=\"text-align: center;\">\n      <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/foto-tarasow.png\"\n           alt=\"Mgtr. Favio Tarasow\"\n           style=\"width: 180px; height: 180px; border-radius: 50%;\n                  object-fit: cover; object-position: center top;\n                  border: 4px solid #0055cc;\n                  box-shadow: 0 6px 20px rgba(0,85,204,0.25);\n                  display: block; margin: 0 auto 16px;\">\n      <strong style=\"font-family:'Poppins',sans-serif; font-size:16px; color:#0055cc; display:block; margin-bottom:8px;\">\n        Mgtr. Favio Tarasow\n      <\/strong>\n      <p style=\"font-size:13px; color:#2a3a4a; margin:0;\">\n        Inteligencia Artificial en educaci\u00f3n: desaf\u00edos y potencialidades\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     CRONOGRAMA\n============================================================ -->\n<section id=\"cronograma\">\n  <h2 class=\"titulo-seccion\">Cronograma<\/h2>\n  <p class=\"seccion-texto\">El congreso se desarrollar\u00e1 en dos turnos con ponencias generales, talleres paralelos y experiencias inmersivas con IA.<\/p>\n\n  <div class=\"turno-titulo\">&#x2600;&#xfe0f; Turno Ma\u00f1ana<\/div>\n  <div class=\"timeline\">\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">8:00 \u2013 8:30<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Acreditaci\u00f3n y recepci\u00f3n de autoridades<\/strong>\n        <p>Mesa de Acreditaci\u00f3n por estudiantes de turismo y hoteleria y equipo de bedel\u00eda<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">8:30 \u2013 10:00<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Ponencia General: Elena Santa Cruz<\/strong>\n        <p>Acompa\u00f1amiento en situaciones complejas desde la narraci\u00f3n<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">10:00 \u2013 11:30<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Ponencia General: Eduardo Sotelo<\/strong>\n        <p>Inclusi\u00f3n escolar: estrategias clave<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">11:30 \u2013 13:00<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Ponencia General: Favio Tarasow<\/strong>\n        <p>Inteligencia Artificial y educaci\u00f3n<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">13:00 \u2013 14:00<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Experiencia Inmersiva con IA<\/strong>\n        <p>Creaci\u00f3n de contenido multimedial (texto, imagen, audio, movimiento)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"turno-titulo\">&#x1f306; Turno Tarde<\/div>\n  <div class=\"timeline\">\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">14:30 \u2013 14:50<\/div>\n      <div class=\"timeline-desc\"><strong>Pausa Activa: La m\u00fasica y las emociones<\/strong><\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">15:10 \u2013 16:10<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Ponencia General: Favio Tarasow<\/strong>\n        <p>IA como transformaci\u00f3n cultural en educaci\u00f3n<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">16:10 \u2013 17:10<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Ponencia General: Eduardo Sotelo<\/strong>\n        <p>Acompa\u00f1amiento en situaciones complejas en Educaci\u00f3n Especial<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">17:10 \u2013 19:10<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Talleres Paralelos Espec\u00edficos<\/strong>\n        <p>11 opciones disponibles por nivel y modalidad<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">19:10 \u2013 20:50<\/div>\n      <div class=\"timeline-desc\">\n        <strong>Ponencia General: Elena Santa Cruz<\/strong>\n        <p>Crear y narrar en el aula<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">20:50 \u2013 21:20<\/div>\n      <div class=\"timeline-desc\"><strong>Evaluaci\u00f3n general y Cierre<\/strong><\/div>\n    <\/div>\n  <\/div>\n\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1cIjZp4L31o_rn846nDZ-ZMG8HTZqU06J\/view\" target=\"_blank\" class=\"btn-principal\" style=\"margin-top: 24px; display: inline-block;\" rel=\"noopener\">\n    <i class=\"fas fa-download\"><\/i> Descargar cronograma completo (PDF)\n  <\/a>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     TALLERES PARALELOS\n============================================================ -->\n<section id=\"talleres\">\n  <h2 class=\"titulo-seccion\">Talleres Paralelos Espec\u00edficos<\/h2>\n  <p class=\"seccion-texto\">Seleccion\u00e1 un taller para ver m\u00e1s detalles. Se realizar\u00e1n de 17:10 a 19:10 horas.<\/p>\n\n  <div class=\"accordion\">\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>1.<\/strong> Dominando NotebookLM para ense\u00f1anza y aprendizaje<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> Prof. Esp. Leandro Fern\u00e1ndez y Prof. B\u00e1rbara Verna<br>\n        <strong>Destinado a:<\/strong> Todos los niveles<br>\n        <strong>Contenido:<\/strong> NotebookLM como entorno de trabajo cognitivo ampliado. B\u00fasqueda, selecci\u00f3n de fuentes, producci\u00f3n de recursos educativos mediados por IA.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>2.<\/strong> Recursos y herramientas digitales en educaci\u00f3n primaria<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitador:<\/strong> Mgtr. Yolanda Masman<br>\n        <strong>Destinado a:<\/strong> Educaci\u00f3n Primaria<br>\n        <strong>Contenido:<\/strong> Criterios did\u00e1cticos para integrar tecnolog\u00eda. Competencias digitales docentes. Dise\u00f1o de consignas con IA. Posibilidades y cuidados en primaria.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>3.<\/strong> IA como herramienta de accesibilidad para discapacidad visual<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitador:<\/strong> Prof. Esp. Soledad Fiorevanti<br>\n        <strong>Destinado a:<\/strong> Primaria y Secundaria<br>\n        <strong>Contenido:<\/strong> Accesibilidad e inclusi\u00f3n. Tecnolog\u00edas de apoyo. IA aplicada a accesibilidad. Dise\u00f1o de materiales accesibles.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>4.<\/strong> Experiencias de abordaje y construcci\u00f3n del canon literario escolar juvenil.<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> Prof. Lucero Jorge y Prof. Lugano Manela<br>\n        <strong>Destinado a:<\/strong> Nivel Secundario<br>\n        <strong>Contenido:<\/strong> Canon literario: definici\u00f3n y debates. Permanencias y transformaciones. Tensi\u00f3n entre cl\u00e1sicos y literatura juvenil. Criterios de selecci\u00f3n de textos.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>5.<\/strong> La gesti\u00f3n y evaluaci\u00f3n de los procesos de ense\u00f1anza y aprendizaje con modalidad bimodal en el Nivel Superior<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> Mgtr. Dar\u00edo Navarra Lic. Esp. Gabriela Alonso<br>\n        <strong>Destinado a:<\/strong> Educaci\u00f3n Superior<br>\n        <strong>Contenido:<\/strong> Ense\u00f1anza y aprendizaje en entornos bimodales. Herramientas para gesti\u00f3n y evaluaci\u00f3n. Componentes de una clase bimodal. Evaluaci\u00f3n y retroalimentaci\u00f3n.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>6.<\/strong> Las competencias digitales docentes como base de la escolarizaci\u00f3n exitosa<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitador:<\/strong> Lic. Marina Ficardi<br>\n        <strong>Destinado a:<\/strong> Todos los niveles<br>\n        <strong>Contenido:<\/strong> Marco y sentido pedag\u00f3gico de competencias digitales. Planificaci\u00f3n en entornos digitales e h\u00edbridos. Producci\u00f3n y curadur\u00eda de contenidos. Ciudadan\u00eda digital y \u00e9tica.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>7.<\/strong> Inclusi\u00f3n educativa y cultura digital<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> Prof. Claudia Martelli,  Prof. Julieta Varo y Prof. Lourdes Lucero<br>\n        <strong>Destinado a:<\/strong> Educaci\u00f3n Especial<br>\n        <strong>Contenido:<\/strong> IA, inclusi\u00f3n y enfoque de derechos. Accesibilidad y apoyos para acceso a materiales y consignas.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>8.<\/strong> IA para generar proyectos comunitarios, su gesti\u00f3n y evaluaci\u00f3n<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> Cont. Prof. Silvia Acosta y Tec. Miguel L\u00f3pez<br>\n        <strong>Destinado a:<\/strong> Primaria y Secundaria<br>\n        <strong>Contenido:<\/strong> IA como recurso cognitivo y operativo. Dise\u00f1o de proyectos con enfoque situado. Uso de IA en fases del proyecto. Evaluaci\u00f3n de proyectos.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>9.<\/strong> Vinos con ciencia: qu\u00edmica en el vino<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> En\u00f3l. Miguel Mastropietro<br>\n        <strong>Destinado a:<\/strong> Primaria y Secundaria<br>\n        <strong>Contenido:<\/strong> De la Qu\u00edmica General e Inorg\u00e1nica a la Enolog\u00eda.\n        La armon\u00eda din\u00e1mica en la copa. Energ\u00eda, crianza y conservaci\u00f3n.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>10.<\/strong> Los protocolos de seguridad en las escuelas <\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitadores:<\/strong> Tec. Silvana Correa,  Tec. Walter Olivares  y  Lic. Gustavo Allay<br>\n        <strong>Destinado a:<\/strong> Todos los niveles<br>\n        <strong>Contenido:<\/strong> Seguridad escolar como dimensi\u00f3n institucional. Identificaci\u00f3n de riesgos. Protocolos ante emergencias. Simulacros y seguimiento.\n      <\/div>\n    <\/div>\n\n    <div class=\"accordion-item\">\n      <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n        <span><strong>11.<\/strong> Inclusi\u00f3n en el Nivel Inicial a trav\u00e9s del juego<\/span>\n        <span class=\"accordion-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/div>\n      <div class=\"accordion-content\">\n        <strong>Facilitador:<\/strong> Prof. Esp. M\u00f3nica Flores<br>\n        <strong>Destinado a:<\/strong> Nivel Inicial<br>\n        <strong>Contenido:<\/strong> Adaptaci\u00f3n e inclusi\u00f3n como proceso pedag\u00f3gico e institucional. V\u00ednculo, confianza y cuidado. Juego, ambiente y rutinas como organizadores. Observaci\u00f3n y documentaci\u00f3n pedag\u00f3gica.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     COSTOS\n============================================================ -->\n<section id=\"costos\">\n  <h2 class=\"titulo-seccion\">Costos del Evento<\/h2>\n  <p class=\"seccion-texto\">Inscribite antes del 5 de junio y aprovech\u00e1 el precio anticipado.<\/p>\n  <div class=\"tabla-wrap\">\n    <table>\n      <thead>\n        <tr>\n          <th>Categor\u00eda<\/th>\n          <th>Hasta el 04\/06<\/th>\n          <th>El 05\/06<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>Docentes y p\u00fablico en general<\/td>\n          <td>$30.000<\/td>\n          <td>$40.000<\/td>\n        <\/tr>\n        <tr>\n          <td>Estudiantes<\/td>\n          <td>$15.000<\/td>\n          <td>$20.000<\/td>\n        <\/tr>\n        <tr>\n          <td>Egresados y docentes con cooperadora al d\u00eda<\/td>\n          <td>$25.000<\/td>\n          <td>$40.000<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     INSCRIPCI\u00d3N\n============================================================ -->\n<section id=\"inscripcion\">\n  <h2 class=\"titulo-seccion\">Inscripci\u00f3n<\/h2>\n  <p class=\"seccion-texto\">\n    Inscribite antes del 5 de junio y aprovech\u00e1 el precio anticipado.\n  <\/p>\n\n  <div style=\"display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:8px;\">\n    <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdQBENmJledpjKzXlmpLWf8NgdByh0jrDGjSeHdUM73XL8sHA\/viewform?usp=header\" target=\"_blank\" class=\"btn-principal\" rel=\"noopener\">\n      <i class=\"fas fa-clipboard-list\"><\/i> Completar formulario de inscripci\u00f3n\n    <\/a>\n  <\/div>\n\n  <p style=\"margin-top:18px; font-size:13px; color:#3a4a5a;\">\n    <i class=\"fas fa-info-circle\" style=\"color:#0055cc;\"><\/i>\n    Tras completar el formulario recibir\u00e1s una copia de tus respuestas al mail suministrado<nav><\/nav>\n  <\/p>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     STREAMING\n============================================================ -->\n<section id=\"streaming\">\n  <h2 class=\"titulo-seccion\">Transmisi\u00f3n en Vivo<\/h2>\n  <p class=\"seccion-texto\">Si no pod\u00e9s asistir presencialmente, segu\u00ed el evento a trav\u00e9s de la transmisi\u00f3n en vivo.<\/p>\n\n  <div class=\"streaming-box\">\n    <i class=\"fas fa-broadcast-tower\"><\/i>\n    <h4>Transmisi\u00f3n en Vivo \u2014 Viernes 5 de junio de 2026<\/h4>\n    <p>08:30 \u2013 21:30 horas<\/p>\n    <!--<p><i class=\"fas fa-info-circle\"><\/i> El link de acceso se enviar\u00e1 a todos los inscriptos 24 horas antes del evento.<\/p>-->\n    <a href=\"https:\/\/www.youtube.com\/live\/v-2WZC1_JOE\" target=\"_blank\" class=\"btn-principal\" style=\"margin-top: 16px; display: inline-block;\" rel=\"noopener\">\n      <i class=\"fas fa-play-circle\"><\/i> Acceder al Canal\n    <\/a>\n  <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     FAQ\n============================================================ -->\n<section id=\"faq\">\n  <h2 class=\"titulo-seccion\">Preguntas Frecuentes<\/h2>\n\n  <div class=\"faq-item\">\n    <strong>\u00bfEl congreso otorga certificado?<\/strong>\n    <p>S\u00ed. Se entregar\u00e1 certificado oficial con puntaje docente (RESOL. 95-E-DGEMZA-2026) a todos los asistentes que cumplan con los requisitos de participaci\u00f3n.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <strong>\u00bfPuedo asistir virtualmente?<\/strong>\n    <p>S\u00ed. El evento ser\u00e1 transmitido en vivo para residentes fuera de la provincia. La asistencia virtual tambi\u00e9n otorga certificado.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <strong>\u00bfC\u00f3mo me inscribo?<\/strong>\n    <p>Complet\u00e1 el <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdQBENmJledpjKzXlmpLWf8NgdByh0jrDGjSeHdUM73XL8sHA\/viewform?usp=header\" target=\"_blank\" style=\"color:#0055cc;\" rel=\"noopener\">formulario de inscripci\u00f3n<\/a> o contactanos a <strong>extension9024@gmail.com<\/strong><\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <strong>\u00bfCu\u00e1ndo puedo retirar mi certificado?<\/strong>\n    <p>Los certificados son solo en formato papel y se entregan al finalizar el congreso o en los d\u00edas posteriores al evento.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <strong>\u00bfQu\u00e9 formas de pago se aceptan?<\/strong>\n    <p>Se reciben pagos por transferencia bancaria y efectivo.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <strong>\u00bfEl certificado de asistente al Congreso me permite pedir una licencia?<\/strong>\n    <p>S\u00ed. La licencia por capacitaci\u00f3n est\u00e1 contemplada en el art\u00edculo 50.8 del r\u00e9gimen de licencias docentes.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <strong>\u00bfC\u00f3mo llegar?<\/strong>\n    <p>Desde la terminal de omnibus de Mendoza, en la plataforma 12 puedes tomar el colectivo de la l\u00ednea 300 \u00abPrestaciones Lavalle\u00bb ya sea por ruta 24 o ruta 40<\/p>\n  <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     CONTACTO\n============================================================ -->\n<section id=\"contacto\">\n  <h2 class=\"titulo-seccion\">Contacto y Consultas<\/h2>\n  <div class=\"contact-grid\">\n    <div class=\"contact-item\">\n      <i class=\"fas fa-map-marker-alt\"><\/i>\n      <strong>Ubicaci\u00f3n<\/strong>\n      <p>\n        <a href=\"https:\/\/www.google.com\/maps?q=Doctor+Moreno+y+Fleming,+Lavalle,+Mendoza\" target=\"_blank\" rel=\"noopener\">\n          Doctor Moreno y Fleming, Lavalle, Mendoza\n        <\/a>\n      <\/p>\n    <\/div>\n    <div class=\"contact-item\">\n      <i class=\"fas fa-phone\"><\/i>\n      <strong>Tel\u00e9fono<\/strong>\n      <p><a href=\"tel:+542617559006\">+54 261 755 9006<\/a><\/p>\n    <\/div>\n    <div class=\"contact-item\">\n      <i class=\"fas fa-envelope\"><\/i>\n      <strong>Email<\/strong>\n      <p><a href=\"mailto:extension9024@gmail.com\">extension9024@gmail.com<\/a><\/p>\n    <\/div>\n    <div class=\"contact-item\">\n      <i class=\"fas fa-clock\"><\/i>\n      <strong>Horario de Consulta<\/strong>\n      <p>Lunes a Viernes<br>8:30 a 20:00 horas<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"sep\"><\/div>\n\n<!-- ============================================================\n     INSTITUCIONES\n============================================================ -->\n<!-- INSTITUCIONES COLABORADORAS -->\n<section id=\"instituciones\">\n  <h2 class=\"titulo-seccion\">En colaboraci\u00f3n con<\/h2>\n\n  <div style=\"\n    display: flex;\n    flex-wrap: wrap;\n    gap: 24px;\n    margin-top: 28px;\n    align-items: center;\n    justify-content: flex-start;\n  \">\n\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/dge.png\"\n         alt=\"Direcci\u00f3n General de Escuelas\"\n         style=\"height: 60px; width: auto; object-fit: contain;\n                filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));\n                transition: transform 0.2s ease;\"\n         onmouseover=\"this.style.transform='translateY(-3px)'\"\n         onmouseout=\"this.style.transform='translateY(0)'\">\n\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/infod.png\"\n         alt=\"INFoD\"\n         style=\"height: 60px; width: auto; object-fit: contain;\n                filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));\n                transition: transform 0.2s ease;\"\n         onmouseover=\"this.style.transform='translateY(-3px)'\"\n         onmouseout=\"this.style.transform='translateY(0)'\">\n\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/edu.png\"\n         alt=\"Universidad Nacional de Cuyo\"\n         style=\"height: 60px; width: auto; object-fit: contain;\n                filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));\n                transition: transform 0.2s ease;\"\n         onmouseover=\"this.style.transform='translateY(-3px)'\"\n         onmouseout=\"this.style.transform='translateY(0)'\">\n\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/maza.png\"\n         alt=\"Universidad Juan Agust\u00edn Maza\"\n         style=\"height: 60px; width: auto; object-fit: contain;\n                filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));\n                transition: transform 0.2s ease;\"\n         onmouseover=\"this.style.transform='translateY(-3px)'\"\n         onmouseout=\"this.style.transform='translateY(0)'\">\n\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/05\/lav.png\"\n         alt=\"Municipalidad de Lavalle\"\n         style=\"height: 60px; width: auto; object-fit: contain;\n                filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));\n                transition: transform 0.2s ease;\"\n         onmouseover=\"this.style.transform='translateY(-3px)'\"\n         onmouseout=\"this.style.transform='translateY(0)'\">\n\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FOOTER\n============================================================ -->\n<footer>\n  <p>\u00a9 2026 IES 9-024 \u00abLavalle\u00bb \u00b7 15\u00b0 Congreso de Educaci\u00f3n Integral<\/p>\n  <p><i class=\"fas fa-globe\"><\/i> Lavalle, Mendoza, Argentina<\/p>\n<\/footer>\n\n<!-- ============================================================\n     SCRIPTS\n============================================================ -->\n<script>\n  \/\/ COUNTDOWN\n  function updateCountdown() {\n    const target = new Date('2026-06-05T08:30:00').getTime();\n    const now    = new Date().getTime();\n    const diff   = target - now;\n\n    if (diff < 0) {\n      document.getElementById('countdown').innerHTML =\n        '<p style=\"color:#0055cc;font-weight:bold;font-size:18px;font-family:Poppins,sans-serif;\">&#x1f389; \u00a1El congreso ya comenz\u00f3!<\/p>';\n      return;\n    }\n\n    document.getElementById('days').textContent    = Math.floor(diff \/ 86400000);\n    document.getElementById('hours').textContent   = Math.floor((diff % 86400000) \/ 3600000);\n    document.getElementById('minutes').textContent = Math.floor((diff % 3600000) \/ 60000);\n    document.getElementById('seconds').textContent = Math.floor((diff % 60000) \/ 1000);\n  }\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/\/ ACCORDION\n  function toggleAccordion(header) {\n    const content = header.nextElementSibling;\n    const icon    = header.querySelector('.accordion-icon');\n    const isOpen  = header.classList.contains('active');\n\n    \/\/ Cerrar todos\n    document.querySelectorAll('.accordion-header').forEach(h => {\n      h.classList.remove('active');\n      h.querySelector('.accordion-icon').classList.remove('active');\n      h.nextElementSibling.classList.remove('active');\n    });\n\n    \/\/ Abrir el clickeado si estaba cerrado\n    if (!isOpen) {\n      header.classList.add('active');\n      icon.classList.add('active');\n      content.classList.add('active');\n    }\n  }\n\n  \/\/ SMOOTH SCROLL\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n    a.addEventListener('click', function(e) {\n      const target = document.querySelector(this.getAttribute('href'));\n      if (target) {\n        e.preventDefault();\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>15\u00b0 Congreso de Educaci\u00f3n Integral &#8211; Inteligencia Artificial y desaf\u00edos pedag\u00f3gicos 15\u00b0 Congreso de Educaci\u00f3n Integral \u00bb Inteligencia Artificialy Desaf\u00edos Pedag\u00f3gicos \u00ab LAVALLE 5 JUNIO 2026 &#8212;D\u00edas &#8212;Horas &#8212;Min &#8212;Seg &#x1f4cd; Inscribirme ahora \u00abLa Inteligencia Artificial irrumpe en las pr\u00e1cticas educativas haciendo parte en momentos como la planificaci\u00f3n, la evaluaci\u00f3n y la b\u00fasqueda de informaci\u00f3n. &#8230; <a title=\"\" class=\"read-more\" href=\"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/congreso-ies-9024\/\" aria-label=\"More on \">[+]<\/a><\/p>\n","protected":false},"author":3338,"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\/6936"}],"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\/3338"}],"replies":[{"embeddable":true,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=6936"}],"version-history":[{"count":3,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6936\/revisions"}],"predecessor-version":[{"id":6963,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6936\/revisions\/6963"}],"wp:attachment":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}