{"id":13277,"date":"2026-06-24T20:46:03","date_gmt":"2026-06-24T18:46:03","guid":{"rendered":"https:\/\/udv.edu.gt\/?page_id=13277"},"modified":"2026-08-08T01:05:43","modified_gmt":"2026-08-07T23:05:43","slug":"davincifest","status":"publish","type":"page","link":"https:\/\/udv.edu.gt\/en\/davincifest\/","title":{"rendered":"Da Vinci Fest"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13277\" class=\"elementor elementor-13277\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34df309 e-flex e-con-boxed e-con e-parent\" data-id=\"34df309\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e80a08 elementor-widget elementor-widget-html\" data-id=\"0e80a08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"dvf-landing\">\r\n  <style>\r\n    #dvf-landing {\r\n      --azul: #002f87;\r\n      --azul-oscuro: #001f5f;\r\n      --coral: #ff6f61;\r\n      --celeste: #35d6d0;\r\n      --gris: #f5f7fb;\r\n      --texto: #1d2b4f;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--texto);\r\n      background: #ffffff;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    #dvf-landing * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html,\r\n    body {\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .dvf-container {\r\n      width: min(1240px, 92%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .dvf-hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 85% 15%, rgba(53, 214, 208, 0.25), transparent 28%),\r\n        radial-gradient(circle at 10% 80%, rgba(255, 111, 97, 0.16), transparent 32%),\r\n        linear-gradient(135deg, #ffffff 0%, #eef8ff 100%);\r\n      padding: 70px 0 60px;\r\n      width: 100%;\r\n    }\r\n\r\n    .dvf-hero::before {\r\n      content: \"DA VINCI FEST\";\r\n      position: absolute;\r\n      top: 30px;\r\n      right: -80px;\r\n      font-size: clamp(70px, 12vw, 170px);\r\n      font-weight: 900;\r\n      color: rgba(0, 47, 135, 0.04);\r\n      letter-spacing: -4px;\r\n      transform: rotate(-8deg);\r\n      pointer-events: none;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .dvf-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.05fr 0.95fr;\r\n      gap: 36px;\r\n      align-items: center;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(0, 47, 135, 0.08);\r\n      color: var(--azul);\r\n      font-weight: 800;\r\n      padding: 9px 15px;\r\n      border-radius: 999px;\r\n      margin-bottom: 18px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dvf-badge span {\r\n      width: 9px;\r\n      height: 9px;\r\n      background: var(--coral);\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n    }\r\n\r\n    .dvf-title {\r\n      margin: 0;\r\n      color: var(--azul);\r\n      font-size: clamp(42px, 7vw, 78px);\r\n      line-height: 0.95;\r\n      letter-spacing: -2px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .dvf-title strong {\r\n      display: block;\r\n      color: var(--coral);\r\n      font-family: \"Brush Script MT\", \"Segoe Script\", cursive;\r\n      font-size: 0.95em;\r\n      font-weight: 700;\r\n      margin-top: 6px;\r\n    }\r\n\r\n    .dvf-subtitle {\r\n      font-size: clamp(18px, 2.4vw, 25px);\r\n      line-height: 1.35;\r\n      margin: 22px 0 26px;\r\n      max-width: 680px;\r\n      color: #24345f;\r\n    }\r\n\r\n    .dvf-subtitle strong {\r\n      color: var(--azul);\r\n    }\r\n\r\n    .dvf-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      align-items: center;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .dvf-btn {\r\n      border: none;\r\n      text-decoration: none;\r\n      cursor: pointer;\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      background: var(--coral);\r\n      color: #ffffff !important;\r\n      padding: 15px 24px;\r\n      border-radius: 14px;\r\n      font-weight: 900;\r\n      font-size: 16px;\r\n      box-shadow: 0 12px 24px rgba(255, 111, 97, 0.28);\r\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    .dvf-btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 16px 30px rgba(255, 111, 97, 0.36);\r\n    }\r\n\r\n    .dvf-btn-secondary {\r\n      background: #ffffff;\r\n      color: var(--azul) !important;\r\n      border: 2px solid rgba(0, 47, 135, 0.14);\r\n      box-shadow: none;\r\n    }\r\n\r\n    .dvf-highlight-card {\r\n      background: #ffffff;\r\n      border-radius: 28px;\r\n      padding: 28px;\r\n      box-shadow: 0 20px 60px rgba(0, 47, 135, 0.13);\r\n      border: 1px solid rgba(0, 47, 135, 0.08);\r\n      position: relative;\r\n    }\r\n\r\n    .dvf-highlight-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 90px;\r\n      height: 90px;\r\n      background: var(--celeste);\r\n      opacity: 0.18;\r\n      border-radius: 30px;\r\n      right: -22px;\r\n      top: -22px;\r\n      transform: rotate(14deg);\r\n    }\r\n\r\n    .dvf-card-title {\r\n      font-size: 27px;\r\n      color: var(--azul);\r\n      font-weight: 900;\r\n      margin: 0 0 16px;\r\n      line-height: 1.1;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-activities {\r\n      display: grid;\r\n      gap: 12px;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-activities li {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: flex-start;\r\n      background: var(--gris);\r\n      padding: 13px 14px;\r\n      border-radius: 16px;\r\n      font-weight: 700;\r\n      color: var(--azul);\r\n    }\r\n\r\n    .dvf-activities li span {\r\n      color: var(--coral);\r\n      font-size: 22px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .dvf-gallery-section {\r\n      padding: 68px 0;\r\n      background: #ffffff;\r\n      position: relative;\r\n      overflow: hidden;\r\n      width: 100%;\r\n    }\r\n\r\n    .dvf-gallery-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 220px;\r\n      height: 220px;\r\n      background: rgba(53, 214, 208, 0.13);\r\n      border-radius: 55px;\r\n      left: -90px;\r\n      top: 40px;\r\n      transform: rotate(18deg);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .dvf-gallery-header {\r\n      text-align: center;\r\n      max-width: 780px;\r\n      margin: 0 auto 36px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-gallery-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(0, 47, 135, 0.08);\r\n      color: var(--azul);\r\n      font-weight: 900;\r\n      padding: 9px 15px;\r\n      border-radius: 999px;\r\n      margin-bottom: 16px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dvf-gallery-kicker span {\r\n      width: 9px;\r\n      height: 9px;\r\n      background: var(--coral);\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n    }\r\n\r\n    .dvf-gallery-title {\r\n      color: var(--azul);\r\n      font-size: clamp(30px, 4vw, 46px);\r\n      line-height: 1.08;\r\n      margin: 0 0 14px;\r\n      font-weight: 900;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .dvf-gallery-text {\r\n      margin: 0;\r\n      color: #34446c;\r\n      font-size: 18px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .dvf-photo-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.2fr 0.8fr 0.8fr;\r\n      grid-auto-rows: 230px;\r\n      gap: 16px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-photo-card {\r\n      position: relative;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      box-shadow: 0 16px 38px rgba(0, 47, 135, 0.13);\r\n      background: #eef3fb;\r\n      border: 1px solid rgba(0, 47, 135, 0.08);\r\n    }\r\n\r\n    .dvf-photo-card:first-child {\r\n      grid-row: span 2;\r\n    }\r\n\r\n    .dvf-photo-card img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.35s ease;\r\n    }\r\n\r\n    .dvf-photo-card:hover img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .dvf-photo-overlay {\r\n      position: absolute;\r\n      inset: auto 0 0 0;\r\n      padding: 18px;\r\n      background: linear-gradient(to top, rgba(0, 31, 95, 0.82), rgba(0, 31, 95, 0));\r\n      color: #ffffff;\r\n    }\r\n\r\n    .dvf-photo-overlay h3 {\r\n      margin: 0;\r\n      font-size: 18px;\r\n      line-height: 1.15;\r\n      font-weight: 900;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .dvf-gallery-cta {\r\n      margin-top: 32px;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-section {\r\n      padding: 62px 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .dvf-section-light {\r\n      background: var(--gris);\r\n    }\r\n\r\n    .dvf-section-title {\r\n      color: var(--azul);\r\n      font-size: clamp(30px, 4vw, 46px);\r\n      line-height: 1.08;\r\n      margin: 0 0 14px;\r\n      text-align: center;\r\n      font-weight: 900;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .dvf-section-text {\r\n      max-width: 760px;\r\n      margin: 0 auto 34px;\r\n      text-align: center;\r\n      font-size: 18px;\r\n      line-height: 1.55;\r\n      color: #34446c;\r\n    }\r\n\r\n    .dvf-dates-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 16px;\r\n    }\r\n\r\n    .dvf-date-card {\r\n      background: #ffffff;\r\n      border: 1px solid rgba(0, 47, 135, 0.08);\r\n      border-radius: 22px;\r\n      padding: 20px;\r\n      box-shadow: 0 12px 28px rgba(0, 47, 135, 0.08);\r\n    }\r\n\r\n    .dvf-date-card small {\r\n      display: inline-block;\r\n      color: var(--coral);\r\n      font-weight: 900;\r\n      margin-bottom: 8px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dvf-date-card h3 {\r\n      margin: 0 0 8px;\r\n      color: var(--azul);\r\n      font-size: 20px;\r\n      line-height: 1.15;\r\n    }\r\n\r\n    .dvf-date-card p {\r\n      margin: 0;\r\n      color: #405078;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .dvf-form-wrap {\r\n      display: grid;\r\n      grid-template-columns: 0.85fr 1.15fr;\r\n      gap: 30px;\r\n      align-items: start;\r\n    }\r\n\r\n    .dvf-info-box {\r\n      background: var(--azul);\r\n      color: #ffffff;\r\n      border-radius: 28px;\r\n      padding: 34px;\r\n      position: sticky;\r\n      top: 20px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .dvf-info-box::after {\r\n      content: \"#Experimenta\";\r\n      position: absolute;\r\n      bottom: -16px;\r\n      right: -12px;\r\n      font-weight: 900;\r\n      font-size: 48px;\r\n      color: rgba(255, 255, 255, 0.08);\r\n      transform: rotate(-6deg);\r\n    }\r\n\r\n    .dvf-info-box h2 {\r\n      margin: 0 0 14px;\r\n      font-size: 34px;\r\n      line-height: 1.08;\r\n      color: #ffffff;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-info-box p {\r\n      line-height: 1.55;\r\n      font-size: 17px;\r\n      margin: 0 0 18px;\r\n      color: rgba(255, 255, 255, 0.92);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-mini-list {\r\n      margin: 24px 0 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      display: grid;\r\n      gap: 13px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .dvf-mini-list li {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: flex-start;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .dvf-mini-list li span {\r\n      background: var(--coral);\r\n      color: #ffffff;\r\n      width: 24px;\r\n      height: 24px;\r\n      border-radius: 50%;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex: 0 0 auto;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .dvf-form-card {\r\n      background: #ffffff;\r\n      border-radius: 28px;\r\n      padding: 32px;\r\n      box-shadow: 0 18px 55px rgba(0, 47, 135, 0.12);\r\n      border: 1px solid rgba(0, 47, 135, 0.08);\r\n    }\r\n\r\n    .dvf-form-card h2 {\r\n      color: var(--azul);\r\n      margin: 0 0 8px;\r\n      font-size: 31px;\r\n      line-height: 1.1;\r\n    }\r\n\r\n    .dvf-form-card > p {\r\n      margin: 0 0 24px;\r\n      color: #586581;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .dvf-form-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .dvf-field {\r\n      display: grid;\r\n      gap: 7px;\r\n    }\r\n\r\n    .dvf-field-full {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .dvf-field label {\r\n      font-weight: 900;\r\n      color: var(--azul);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dvf-field input,\r\n    .dvf-field select {\r\n      width: 100%;\r\n      border: 1.5px solid #d9e0ef;\r\n      background: #ffffff;\r\n      border-radius: 13px;\r\n      padding: 13px 14px;\r\n      font-size: 15px;\r\n      color: var(--texto);\r\n      outline: none;\r\n      transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    .dvf-field input:focus,\r\n    .dvf-field select:focus {\r\n      border-color: var(--azul);\r\n      box-shadow: 0 0 0 4px rgba(0, 47, 135, 0.08);\r\n    }\r\n\r\n    .dvf-help {\r\n      font-size: 12px;\r\n      color: #6e7890;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .dvf-selected-date {\r\n      display: none;\r\n      background: rgba(53, 214, 208, 0.13);\r\n      border: 1px solid rgba(53, 214, 208, 0.3);\r\n      color: var(--azul);\r\n      padding: 12px 14px;\r\n      border-radius: 14px;\r\n      font-weight: 800;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .dvf-check {\r\n      display: flex !important;\r\n      gap: 10px;\r\n      align-items: flex-start;\r\n      font-size: 13px !important;\r\n      line-height: 1.4;\r\n      color: #55617b !important;\r\n      margin-top: 4px;\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    .dvf-check input {\r\n      margin-top: 2px;\r\n      accent-color: var(--azul);\r\n      width: auto;\r\n    }\r\n\r\n    .dvf-submit-row {\r\n      margin-top: 22px;\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n    .dvf-submit-row button {\r\n      width: 100%;\r\n      min-height: 52px;\r\n    }\r\n\r\n    .dvf-message {\r\n      display: none;\r\n      padding: 13px 14px;\r\n      border-radius: 14px;\r\n      font-weight: 800;\r\n      line-height: 1.35;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dvf-message.success {\r\n      display: block;\r\n      background: #e8fff4;\r\n      color: #087044;\r\n      border: 1px solid #b6f1d3;\r\n    }\r\n\r\n    .dvf-message.error {\r\n      display: block;\r\n      background: #fff0ef;\r\n      color: #9b2018;\r\n      border: 1px solid #ffd1cc;\r\n    }\r\n\r\n    .dvf-footer-note {\r\n      background: var(--azul-oscuro);\r\n      color: #ffffff;\r\n      padding: 24px 0;\r\n      text-align: center;\r\n      font-weight: 700;\r\n      width: 100%;\r\n    }\r\n\r\n    .dvf-footer-note span {\r\n      color: var(--celeste);\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .dvf-grid,\r\n      .dvf-form-wrap {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .dvf-dates-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .dvf-photo-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        grid-auto-rows: 220px;\r\n      }\r\n\r\n      .dvf-photo-card:first-child {\r\n        grid-column: span 2;\r\n        grid-row: span 1;\r\n      }\r\n\r\n      .dvf-info-box {\r\n        position: relative;\r\n        top: auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .dvf-hero {\r\n        padding: 48px 0 44px;\r\n      }\r\n\r\n      .dvf-gallery-section {\r\n        padding: 50px 0;\r\n      }\r\n\r\n      .dvf-form-grid,\r\n      .dvf-dates-grid,\r\n      .dvf-photo-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .dvf-photo-grid {\r\n        grid-auto-rows: 230px;\r\n      }\r\n\r\n      .dvf-photo-card:first-child {\r\n        grid-column: span 1;\r\n      }\r\n\r\n      .dvf-form-card,\r\n      .dvf-info-box,\r\n      .dvf-highlight-card {\r\n        padding: 24px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .dvf-actions {\r\n        display: grid;\r\n      }\r\n\r\n      .dvf-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"dvf-hero\">\r\n    <div class=\"dvf-container dvf-grid\">\r\n      <div>\r\n\r\n  <img decoding=\"async\" \r\n    class=\"dvf-logo-hero\"\r\n    src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/Logo-Da-Vinci-Fest-scaled.png\"\r\n    alt=\"Da Vinci Fest 2026\"\r\n  >\r\n\r\n  <p class=\"dvf-subtitle\">\r\n    Vive la experiencia universitaria, conoce nuestras facultades, explora carreras y recibe orientaci\u00f3n para elegir tu pr\u00f3ximo gran paso acad\u00e9mico.\r\n  <\/p>\r\n\r\n  <div class=\"dvf-actions\">\r\n    <a href=\"#dvf-formulario\" class=\"dvf-btn\">Inscribirme al evento<\/a>\r\n    <a href=\"#dvf-fechas\" class=\"dvf-btn dvf-btn-secondary\">Ver fechas y sedes<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n      <div class=\"dvf-highlight-card\">\r\n        <h2 class=\"dvf-card-title\">\u00bfQu\u00e9 te espera?<\/h2>\r\n        <ul class=\"dvf-activities\">\r\n          <li><span>#<\/span> Realidad virtual y experiencias inmersivas.<\/li>\r\n          <li><span>#<\/span> Talleres pr\u00e1cticos y actividades sorpresa.<\/li>\r\n          <li><span>#<\/span> Acompa\u00f1amiento e informaci\u00f3n estudiantil.<\/li>\r\n          <li><span>#<\/span> Orientaci\u00f3n vocacional para conocer tus opciones.<\/li>\r\n          <li><span>#<\/span> Tus padres o encargados tambi\u00e9n est\u00e1n invitados.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-gallery-section\" id=\"dvf-galeria\">\r\n    <div class=\"dvf-container\">\r\n      <div class=\"dvf-gallery-header\">\r\n        <div class=\"dvf-gallery-kicker\">\r\n          <span><\/span>\r\n          Experiencia universitaria\r\n        <\/div>\r\n\r\n        <h2 class=\"dvf-gallery-title\">\r\n          As\u00ed se vive el Da Vinci Fest\r\n        <\/h2>\r\n\r\n        <p class=\"dvf-gallery-text\">\r\n          Vive de cerca la experiencia universitaria: actividades, talleres, tecnolog\u00eda, orientaci\u00f3n vocacional y espacios para descubrir la carrera que conecta con tus metas.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dvf-photo-grid\">\r\n        <div class=\"dvf-photo-card\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/725921993_1011307288319556_3179251567007193598_n-1.jpg\"\r\n            alt=\"Ambiente general del Da Vinci Fest\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"dvf-photo-overlay\">\r\n            <h3>Conoce el ambiente universitario<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dvf-photo-card\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/730713628_1544116200668253_4949897995744206184_n.jpg\"\r\n            alt=\"Estudiantes participando en actividades del Da Vinci Fest\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"dvf-photo-overlay\">\r\n            <h3>Participa en actividades<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dvf-photo-card\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/728449628_1330377485293978_3151895633467416145_n.jpg\"\r\n            alt=\"Talleres y demostraciones pr\u00e1cticas en Da Vinci Fest\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"dvf-photo-overlay\">\r\n            <h3>Explora talleres pr\u00e1cticos<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dvf-photo-card\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/726908519_1011306204986331_3254067607641330427_n.jpg\"\r\n            alt=\"Orientaci\u00f3n y stands de facultades en Da Vinci Fest\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"dvf-photo-overlay\">\r\n            <h3>Recibe orientaci\u00f3n acad\u00e9mica<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dvf-photo-card\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/729149200_992710303513033_5647033838906149953_n.jpg\"\r\n            alt=\"Experiencias de realidad virtual y tecnolog\u00eda en Da Vinci Fest\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"dvf-photo-overlay\">\r\n            <h3>Vive experiencias tecnol\u00f3gicas<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dvf-photo-card\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/06\/730732034_1730626828071327_859965568543967638_n.jpg\"\r\n            alt=\"Participante observando a trav\u00e9s de un microscopio\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"dvf-photo-overlay\">\r\n            <h3>Descubre nuevas \u00e1reas de estudio<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dvf-gallery-cta\">\r\n        <a href=\"#dvf-formulario\" class=\"dvf-btn\">Quiero inscribirme<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-section dvf-section-light\" id=\"dvf-fechas\">\r\n    <div class=\"dvf-container\">\r\n      <h2 class=\"dvf-section-title\">Fechas del Da Vinci Fest<\/h2>\r\n      <p class=\"dvf-section-text\">\r\n        Selecciona la sede a la que deseas asistir y completa tu registro.\r\n      <\/p>\r\n\r\n      <div class=\"dvf-dates-grid\">\r\n  <div class=\"dvf-date-card\">\r\n    <small>30 de julio<\/small>\r\n    <h3>Escuintla<\/h3>\r\n    <p>9:00 a 16:00 hrs.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-date-card\">\r\n    <small>1 de agosto<\/small>\r\n    <h3>Guatemala - Sede Pamplona<\/h3>\r\n    <p>9:00 a 14:00 hrs.<\/p>\r\n  <\/div>\r\n  \r\n  <div class=\"dvf-date-card\">\r\n    <small>12 de agosto<\/small>\r\n    <h3>San Marcos<\/h3>\r\n    <p>10:00 a 13:00 hrs.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-date-card\">\r\n    <small>14 de agosto<\/small>\r\n    <h3>Jutiapa<\/h3>\r\n    <p>9:00 a 16:00 hrs.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-date-card\">\r\n    <small>21 de agosto<\/small>\r\n    <h3>Mazatenango<\/h3>\r\n    <p>9:00 a 17:00 hrs.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-date-card\">\r\n    <small>27 de agosto<\/small>\r\n    <h3>Pet\u00e9n<\/h3>\r\n    <p>10:00 a 16:00 hrs.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n  <div class=\"dvf-section\" id=\"dvf-formulario\">\r\n    <div class=\"dvf-container dvf-form-wrap\">\r\n      <div class=\"dvf-info-box\">\r\n        <h2>Inscr\u00edbete al Da Vinci Fest<\/h2>\r\n        <p>\r\n          Completa tus datos para reservar tu participaci\u00f3n y recibir informaci\u00f3n sobre la sede, fecha y actividades del evento.\r\n        <\/p>\r\n\r\n        <ul class=\"dvf-mini-list\">\r\n          <li><span>1<\/span> Elige la sede a la que deseas asistir.<\/li>\r\n          <li><span>2<\/span> Selecciona tu departamento para encontrar tu colegio.<\/li>\r\n          <li><span>3<\/span> Recibe acompa\u00f1amiento para conocer nuestras carreras.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"dvf-form-card\">\r\n        <h2>Formulario de registro<\/h2>\r\n        <p>Los campos marcados son necesarios para confirmar tu participaci\u00f3n.<\/p>\r\n\r\n        <form id=\"dvfForm\">\r\n          <div class=\"dvf-form-grid\">\r\n            <div class=\"dvf-field dvf-field-full\">\r\n              <label for=\"sede\">Sede a la que deseas asistir *<\/label>\r\n              <select id=\"sede\" name=\"sede\" required>\r\n                <option value=\"\">Selecciona una sede<\/option>\r\n                <option value=\"Escuintla\">Escuintla<\/option>\r\n                <option value=\"Guatemala sede Pamplona\">Guatemala sede Pamplona<\/option>\r\n                <option value=\"San Marcos\">San Marcos<\/option>\r\n                <option value=\"Jutiapa\">Jutiapa<\/option>\r\n                <option value=\"Pet\u00e9n\">Pet\u00e9n<\/option>\r\n                <option value=\"Mazatenango\">Mazatenango<\/option>\r\n              <\/select>\r\n              <div id=\"fechaSeleccionada\" class=\"dvf-selected-date\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n              <label for=\"nombre\">Nombre completo *<\/label>\r\n              <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Escribe tu nombre\" required>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n              <label for=\"telefono\">Tel\u00e9fono \/ WhatsApp *<\/label>\r\n              <input type=\"tel\" id=\"telefono\" name=\"telefono\" placeholder=\"Ej. 5555-5555\" required>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n              <label for=\"correo\">Correo electr\u00f3nico<\/label>\r\n              <input type=\"email\" id=\"correo\" name=\"correo\" placeholder=\"correo@ejemplo.com\">\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n                <label for=\"grado\">Grado que cursas *<\/label>\r\n                  <select id=\"grado\" name=\"grado\" required>\r\n                    <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n                    <option value=\"Tercero b\u00e1sico\">Tercero b\u00e1sico<\/option>\r\n                    <option value=\"Cuarto bachillerato\/diversificado\">Cuarto bachillerato\/diversificado<\/option>\r\n                    <option value=\"Quinto bachillerato\/diversificado\">Quinto bachillerato\/diversificado<\/option>\r\n                    <option value=\"Sexto diversificado\">Sexto diversificado<\/option>\r\n                    <option value=\"Graduado\">Graduado<\/option>\r\n                    <option value=\"Otro\">Otro<\/option>\r\n                  <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n              <label for=\"departamento\">Departamento de tu colegio *<\/label>\r\n              <select id=\"departamento\" name=\"departamento\" required>\r\n                <option value=\"\">Cargando departamentos...<\/option>\r\n              <\/select>\r\n              <div class=\"dvf-help\">Este campo filtra los colegios disponibles.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n              <label for=\"colegio\">Colegio o establecimiento *<\/label>\r\n              <input\r\n                type=\"text\"\r\n                id=\"colegio\"\r\n                name=\"colegio\"\r\n                list=\"colegiosList\"\r\n                placeholder=\"Selecciona o escribe tu colegio\"\r\n                required\r\n                disabled\r\n              >\r\n              <datalist id=\"colegiosList\"><\/datalist>\r\n              <div class=\"dvf-help\">Si no aparece tu colegio, puedes escribirlo manualmente.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n  <label for=\"carrera_interes\">Carrera de inter\u00e9s<\/label>\r\n  <input\r\n    type=\"text\"\r\n    id=\"carrera_interes\"\r\n    name=\"carrera_interes\"\r\n    placeholder=\"Ej. Medicina, Psicolog\u00eda, Administraci\u00f3n, Ingenier\u00eda...\"\r\n  >\r\n<\/div>\r\n\r\n            <div class=\"dvf-field\">\r\n              <label for=\"acompanante\">\u00bfAsistir\u00e1s con tus padres o encargados?<\/label>\r\n              <select id=\"acompanante\" name=\"acompanante\">\r\n                <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n                <option value=\"S\u00ed\">S\u00ed<\/option>\r\n                <option value=\"No\">No<\/option>\r\n                <option value=\"A\u00fan no lo s\u00e9\">A\u00fan no lo s\u00e9<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field dvf-field-full\">\r\n              <label for=\"como_te_enteraste\">\u00bfC\u00f3mo te enteraste del Da Vinci Fest?<\/label>\r\n              <select id=\"como_te_enteraste\" name=\"como_te_enteraste\">\r\n                <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n                <option value=\"Facebook\">Facebook<\/option>\r\n                <option value=\"Instagram\">Instagram<\/option>\r\n                <option value=\"TikTok\">TikTok<\/option>\r\n                <option value=\"YouTube\">YouTube<\/option>\r\n                <option value=\"Navegando en internet\">Navegando en internet<\/option>\r\n                <option value=\"WhatsApp\">WhatsApp<\/option>\r\n                <option value=\"Visita a colegio\">Visita a colegio<\/option>\r\n                <option value=\"Recomendaci\u00f3n\">Recomendaci\u00f3n<\/option>\r\n                <option value=\"Otro\">Otro<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"dvf-field dvf-field-full\">\r\n              <label class=\"dvf-check\">\r\n                <input type=\"checkbox\" id=\"acepto\" name=\"acepto\" value=\"S\u00ed\" required>\r\n                <span>Acepto que Universidad Da Vinci de Guatemala pueda contactarme para brindarme informaci\u00f3n sobre el Da Vinci Fest, carreras y procesos de admisi\u00f3n.<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"dvf-submit-row\">\r\n            <button type=\"submit\" class=\"dvf-btn\" id=\"submitBtn\">Enviar inscripci\u00f3n<\/button>\r\n            <div id=\"formMessage\" class=\"dvf-message\"><\/div>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"dvf-footer-note\">\r\n    Universidad Da Vinci de Guatemala \u00b7 <span>#ExperimentaEligeEstudiaLoQueSue\u00f1as<\/span>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const CSV_URL = \"https:\/\/udv.edu.gt\/wp-content\/uploads\/2026\/05\/Establecimientos_por_Departamentos2.csv\";\r\n      const ZAPIER_WEBHOOK_URL = \"https:\/\/hooks.zapier.com\/hooks\/catch\/15595774\/429t3sx\/\";\r\n      const THANK_YOU_URL = \"\/gracias-da-vinci-fest\/\";\r\n\r\n      const fechasPorSede = {\r\n  \"Escuintla\": \"30 de julio de 2026 \u00b7 9:00 a 16:00 hrs.\",\r\n  \"Pamplona\": \"1 de agosto de 2026 \u00b7 9:00 a 14:00 hrs.\",\r\n  \"San Marcos\": \"12 de agosto de 2026 \u00b7 10:00 a 13:00 hrs.\",\r\n  \"Jutiapa\": \"14 de agosto de 2026 \u00b7 9:00 a 16:00 hrs.\",\r\n  \"Mazatenango\": \"21 de agosto de 2026 \u00b7 9:00 a 17:00 hrs.\",\r\n  \"Pet\u00e9n\": \"27 de agosto de 2026 \u00b7 10:00 a 16:00 hrs.\"\r\n};\r\n\r\n      const form = document.getElementById(\"dvfForm\");\r\n      const sedeSelect = document.getElementById(\"sede\");\r\n      const fechaSeleccionada = document.getElementById(\"fechaSeleccionada\");\r\n      const departamentoSelect = document.getElementById(\"departamento\");\r\n      const colegioInput = document.getElementById(\"colegio\");\r\n      const colegiosList = document.getElementById(\"colegiosList\");\r\n      const submitBtn = document.getElementById(\"submitBtn\");\r\n      const formMessage = document.getElementById(\"formMessage\");\r\n\r\n      let colegiosPorDepartamento = {};\r\n\r\n      sedeSelect.addEventListener(\"change\", function () {\r\n        const sede = sedeSelect.value;\r\n\r\n        if (sede && fechasPorSede[sede]) {\r\n          fechaSeleccionada.textContent = \"Fecha seleccionada: \" + fechasPorSede[sede];\r\n          fechaSeleccionada.style.display = \"block\";\r\n        } else {\r\n          fechaSeleccionada.textContent = \"\";\r\n          fechaSeleccionada.style.display = \"none\";\r\n        }\r\n      });\r\n\r\n      function normalizeText(text) {\r\n        return String(text || \"\")\r\n          .trim()\r\n          .normalize(\"NFD\")\r\n          .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n          .toLowerCase();\r\n      }\r\n\r\n      function detectDelimiter(text) {\r\n        const firstLine = text.split(\/\\r?\\n\/)[0] || \"\";\r\n        const commaCount = (firstLine.match(\/,\/g) || []).length;\r\n        const semicolonCount = (firstLine.match(\/;\/g) || []).length;\r\n        const tabCount = (firstLine.match(\/\\t\/g) || []).length;\r\n\r\n        if (semicolonCount > commaCount && semicolonCount > tabCount) return \";\";\r\n        if (tabCount > commaCount && tabCount > semicolonCount) return \"\\t\";\r\n        return \",\";\r\n      }\r\n\r\n      function parseCSV(text) {\r\n        const delimiter = detectDelimiter(text);\r\n        const rows = [];\r\n        let currentRow = [];\r\n        let currentValue = \"\";\r\n        let insideQuotes = false;\r\n\r\n        for (let i = 0; i < text.length; i++) {\r\n          const char = text[i];\r\n          const nextChar = text[i + 1];\r\n\r\n          if (char === '\"' && insideQuotes && nextChar === '\"') {\r\n            currentValue += '\"';\r\n            i++;\r\n          } else if (char === '\"') {\r\n            insideQuotes = !insideQuotes;\r\n          } else if (char === delimiter && !insideQuotes) {\r\n            currentRow.push(currentValue.trim());\r\n            currentValue = \"\";\r\n          } else if ((char === \"\\n\" || char === \"\\r\") && !insideQuotes) {\r\n            if (char === \"\\r\" && nextChar === \"\\n\") i++;\r\n            currentRow.push(currentValue.trim());\r\n\r\n            if (currentRow.some(cell => cell !== \"\")) {\r\n              rows.push(currentRow);\r\n            }\r\n\r\n            currentRow = [];\r\n            currentValue = \"\";\r\n          } else {\r\n            currentValue += char;\r\n          }\r\n        }\r\n\r\n        if (currentValue || currentRow.length) {\r\n          currentRow.push(currentValue.trim());\r\n\r\n          if (currentRow.some(cell => cell !== \"\")) {\r\n            rows.push(currentRow);\r\n          }\r\n        }\r\n\r\n        return rows;\r\n      }\r\n\r\n      function findColumnIndex(headers, possibleNames) {\r\n        const normalizedHeaders = headers.map(normalizeText);\r\n\r\n        for (const possibleName of possibleNames) {\r\n          const normalizedPossibleName = normalizeText(possibleName);\r\n          const exactIndex = normalizedHeaders.findIndex(header => header === normalizedPossibleName);\r\n          if (exactIndex !== -1) return exactIndex;\r\n        }\r\n\r\n        for (const possibleName of possibleNames) {\r\n          const normalizedPossibleName = normalizeText(possibleName);\r\n          const partialIndex = normalizedHeaders.findIndex(header => header.includes(normalizedPossibleName));\r\n          if (partialIndex !== -1) return partialIndex;\r\n        }\r\n\r\n        return -1;\r\n      }\r\n\r\n      async function loadColegios() {\r\n        try {\r\n          const response = await fetch(CSV_URL, { cache: \"no-store\" });\r\n\r\n          if (!response.ok) {\r\n            throw new Error(\"No se pudo cargar el CSV\");\r\n          }\r\n\r\n          const csvText = await response.text();\r\n          const rows = parseCSV(csvText);\r\n\r\n          if (!rows.length) {\r\n            throw new Error(\"CSV vac\u00edo\");\r\n          }\r\n\r\n          const headers = rows[0];\r\n\r\n          let departamentoIndex = findColumnIndex(headers, [\r\n            \"departamento\",\r\n            \"departamentos\",\r\n            \"depto\",\r\n            \"nombre_departamento\"\r\n          ]);\r\n\r\n          let colegioIndex = findColumnIndex(headers, [\r\n            \"establecimiento\",\r\n            \"establecimientos\",\r\n            \"colegio\",\r\n            \"nombre establecimiento\",\r\n            \"nombre_establecimiento\",\r\n            \"centro educativo\",\r\n            \"institucion\",\r\n            \"instituci\u00f3n\",\r\n            \"nombre\"\r\n          ]);\r\n\r\n          if (departamentoIndex === -1) departamentoIndex = 0;\r\n          if (colegioIndex === -1) colegioIndex = 1;\r\n\r\n          const dataRows = rows.slice(1);\r\n          colegiosPorDepartamento = {};\r\n\r\n          dataRows.forEach(row => {\r\n            const departamento = row[departamentoIndex] ? row[departamentoIndex].trim() : \"\";\r\n            const colegio = row[colegioIndex] ? row[colegioIndex].trim() : \"\";\r\n\r\n            if (!departamento || !colegio) return;\r\n\r\n            if (!colegiosPorDepartamento[departamento]) {\r\n              colegiosPorDepartamento[departamento] = new Set();\r\n            }\r\n\r\n            colegiosPorDepartamento[departamento].add(colegio);\r\n          });\r\n\r\n          populateDepartamentos();\r\n        } catch (error) {\r\n          console.error(error);\r\n\r\n          departamentoSelect.innerHTML = `\r\n            <option value=\"\">Selecciona un departamento<\/option>\r\n            <option value=\"Alta Verapaz\">Alta Verapaz<\/option>\r\n            <option value=\"Baja Verapaz\">Baja Verapaz<\/option>\r\n            <option value=\"Chimaltenango\">Chimaltenango<\/option>\r\n            <option value=\"Chiquimula\">Chiquimula<\/option>\r\n            <option value=\"El Progreso\">El Progreso<\/option>\r\n            <option value=\"Escuintla\">Escuintla<\/option>\r\n            <option value=\"Guatemala\">Guatemala<\/option>\r\n            <option value=\"Huehuetenango\">Huehuetenango<\/option>\r\n            <option value=\"Izabal\">Izabal<\/option>\r\n            <option value=\"Jalapa\">Jalapa<\/option>\r\n            <option value=\"Jutiapa\">Jutiapa<\/option>\r\n            <option value=\"Pet\u00e9n\">Pet\u00e9n<\/option>\r\n            <option value=\"Quetzaltenango\">Quetzaltenango<\/option>\r\n            <option value=\"Quich\u00e9\">Quich\u00e9<\/option>\r\n            <option value=\"Retalhuleu\">Retalhuleu<\/option>\r\n            <option value=\"Sacatep\u00e9quez\">Sacatep\u00e9quez<\/option>\r\n            <option value=\"San Marcos\">San Marcos<\/option>\r\n            <option value=\"Santa Rosa\">Santa Rosa<\/option>\r\n            <option value=\"Solol\u00e1\">Solol\u00e1<\/option>\r\n            <option value=\"Suchitep\u00e9quez\">Suchitep\u00e9quez<\/option>\r\n            <option value=\"Totonicap\u00e1n\">Totonicap\u00e1n<\/option>\r\n            <option value=\"Zacapa\">Zacapa<\/option>\r\n          `;\r\n\r\n          colegioInput.disabled = false;\r\n          colegioInput.placeholder = \"Escribe tu colegio\";\r\n        }\r\n      }\r\n\r\n      function populateDepartamentos() {\r\n        const departamentos = Object.keys(colegiosPorDepartamento).sort((a, b) => {\r\n          return a.localeCompare(b, \"es\");\r\n        });\r\n\r\n        departamentoSelect.innerHTML = '<option value=\"\">Selecciona un departamento<\/option>';\r\n\r\n        departamentos.forEach(departamento => {\r\n          const option = document.createElement(\"option\");\r\n          option.value = departamento;\r\n          option.textContent = departamento;\r\n          departamentoSelect.appendChild(option);\r\n        });\r\n      }\r\n\r\n      departamentoSelect.addEventListener(\"change\", function () {\r\n        const departamento = departamentoSelect.value;\r\n        colegiosList.innerHTML = \"\";\r\n        colegioInput.value = \"\";\r\n\r\n        if (!departamento) {\r\n          colegioInput.disabled = true;\r\n          colegioInput.placeholder = \"Primero selecciona un departamento\";\r\n          return;\r\n        }\r\n\r\n        colegioInput.disabled = false;\r\n        colegioInput.placeholder = \"Selecciona o escribe tu colegio\";\r\n\r\n        const colegios = colegiosPorDepartamento[departamento]\r\n          ? Array.from(colegiosPorDepartamento[departamento]).sort((a, b) => a.localeCompare(b, \"es\"))\r\n          : [];\r\n\r\n        colegios.forEach(colegio => {\r\n          const option = document.createElement(\"option\");\r\n          option.value = colegio;\r\n          colegiosList.appendChild(option);\r\n        });\r\n      });\r\n\r\n      function getUTMParams() {\r\n        const params = new URLSearchParams(window.location.search);\r\n\r\n        return {\r\n          utm_source: params.get(\"utm_source\") || \"\",\r\n          utm_medium: params.get(\"utm_medium\") || \"\",\r\n          utm_campaign: params.get(\"utm_campaign\") || \"\",\r\n          utm_content: params.get(\"utm_content\") || \"\",\r\n          utm_term: params.get(\"utm_term\") || \"\"\r\n        };\r\n      }\r\n\r\n      function showMessage(type, text) {\r\n        formMessage.className = \"dvf-message \" + type;\r\n        formMessage.textContent = text;\r\n      }\r\n\r\n      form.addEventListener(\"submit\", async function (event) {\r\n        event.preventDefault();\r\n\r\n        if (!form.checkValidity()) {\r\n          form.reportValidity();\r\n          return;\r\n        }\r\n\r\n        submitBtn.disabled = true;\r\n        submitBtn.textContent = \"Enviando inscripci\u00f3n...\";\r\n        formMessage.className = \"dvf-message\";\r\n        formMessage.textContent = \"\";\r\n\r\n        const formData = new FormData(form);\r\n        const sede = formData.get(\"sede\");\r\n        const utms = getUTMParams();\r\n\r\n        formData.append(\"evento\", \"Da Vinci Fest 2026\");\r\n        formData.append(\"fecha_evento\", fechasPorSede[sede] || \"\");\r\n        formData.append(\"fecha_registro\", new Date().toISOString());\r\n        formData.append(\"pagina_origen\", window.location.href);\r\n        formData.append(\"utm_source\", utms.utm_source);\r\n        formData.append(\"utm_medium\", utms.utm_medium);\r\n        formData.append(\"utm_campaign\", utms.utm_campaign);\r\n        formData.append(\"utm_content\", utms.utm_content);\r\n        formData.append(\"utm_term\", utms.utm_term);\r\n\r\n        try {\r\n          await fetch(ZAPIER_WEBHOOK_URL, {\r\n            method: \"POST\",\r\n            mode: \"no-cors\",\r\n            body: formData\r\n          });\r\n\r\n          showMessage(\"success\", \"Registro enviado correctamente. Te redirigiremos en un momento.\");\r\n\r\n          setTimeout(function () {\r\n            window.location.href = THANK_YOU_URL;\r\n          }, 900);\r\n        } catch (error) {\r\n          console.error(error);\r\n          showMessage(\"error\", \"No se pudo enviar el formulario. Por favor intenta nuevamente.\");\r\n          submitBtn.disabled = false;\r\n          submitBtn.textContent = \"Enviar inscripci\u00f3n\";\r\n        }\r\n      });\r\n\r\n      loadColegios();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vive la experiencia universitaria, conoce nuestras facultades, explora carreras y recibe orientaci\u00f3n para elegir tu pr\u00f3ximo gran paso acad\u00e9mico. Inscribirme al evento Ver fechas y sedes \u00bfQu\u00e9 te espera? # Realidad virtual y experiencias inmersivas. # Talleres pr\u00e1cticos y actividades sorpresa. # Acompa\u00f1amiento e informaci\u00f3n estudiantil. # Orientaci\u00f3n vocacional para conocer tus opciones. # Tus [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-13277","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/pages\/13277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/comments?post=13277"}],"version-history":[{"count":47,"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/pages\/13277\/revisions"}],"predecessor-version":[{"id":13483,"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/pages\/13277\/revisions\/13483"}],"wp:attachment":[{"href":"https:\/\/udv.edu.gt\/en\/wp-json\/wp\/v2\/media?parent=13277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}