{"id":21879,"date":"2026-07-07T13:54:38","date_gmt":"2026-07-07T18:54:38","guid":{"rendered":"https:\/\/itv.edu.ec\/sitio\/?page_id=21879"},"modified":"2026-07-15T09:20:04","modified_gmt":"2026-07-15T14:20:04","slug":"experiencia-itv","status":"publish","type":"page","link":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv","title":{"rendered":"Experiencia ITV"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21879\" class=\"elementor elementor-21879\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-deb1b5f e-con-full e-flex e-con e-parent\" data-eae-slider=\"43715\" data-id=\"deb1b5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03f203b elementor-widget elementor-widget-html\" data-id=\"03f203b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n   ITV \u00b7 Actividades y Programas \u2014 BLOQUE PARA INCRUSTAR\n   Pega TODO esto en un widget HTML de Elementor (o bloque\n   \"HTML personalizado\" de WordPress). Incluye estilos y los\n   pop-ups de los cursos. Es identico al demo HTML.\n   ============================================================ -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n\/* ===========================================================\n   1. FUENTE DE MARCA  \u00b7  BDO Grotesk (misma del sitio ITV)\n   =========================================================== *\/\n@font-face{\n  font-family:'BDO Grotesk';\n  font-style:normal; font-weight:400; font-display:swap;\n  src:url('https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/BDOGrotesk-Regular.woff') format('woff'),\n      url('https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/BDOGrotesk-Regular.ttf') format('truetype');\n}\n@font-face{\n  font-family:'BDO Grotesk';\n  font-style:normal; font-weight:600; font-display:swap;\n  src:url('https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/BDOGrotesk-DemiBold.woff') format('woff'),\n      url('https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/BDOGrotesk-DemiBold.ttf') format('truetype');\n}\n\n\/* ===========================================================\n   2. VARIABLES GLOBALES  \u00b7  espejo de los colores globales de\n      Elementor del sitio ITV (mismos c\u00f3digos hexadecimales).\n   =========================================================== *\/\n:root{\n  --itv-blue:#005FAD;          \/* color primario  (--e-global-color-primary) *\/\n  --itv-blue-deep:#093AB6;     \/* azul profundo   (--e-global-color-9c4007e) *\/\n  --itv-blue-soft:#0170B9;     \/* azul Astra      (astglobalcolor0) *\/\n  --itv-green:#2CA256;         \/* color secundario(--e-global-color-secondary) *\/\n  --itv-green-light:#61CE70;   \/* acento          (--e-global-color-accent) *\/\n  --itv-red:#DF1E36;           \/* rojo de marca   (--e-global-color-8f850f4) *\/\n  --itv-yellow:#F9D142;        \/* amarillo        (--e-global-color-fc60a60) *\/\n  --itv-navy:#0F0F20;          \/* oscuro          (--e-global-color-56f2796) *\/\n  --itv-text:#4B4F58;          \/* texto fuerte    (astglobalcolor3) *\/\n  --itv-text-soft:#7A7A7A;     \/* texto suave     (--e-global-color-text) *\/\n  --itv-bg:#FFFFFF;\n  --itv-bg-soft:#F2F5F7;       \/* gris claro      (astglobalcolor6) *\/\n  --itv-bg-blue:#EDF6FF;       \/* azul muy claro  (--e-global-color-a6cc355) *\/\n\n  --itv-font:'BDO Grotesk','Roboto',-apple-system,\"Segoe UI\",sans-serif;\n  --itv-radius:22px;\n  --itv-radius-pill:50px;\n  --itv-shadow:0 18px 45px -20px rgba(15,15,32,.28);\n  --itv-shadow-soft:0 10px 30px -18px rgba(15,15,32,.25);\n  --itv-container:1180px;\n}\n\n\/* ===========================================================\n   3. BASE \/ RESET LIGERO  (sin sobrescribir nada del tema)\n   =========================================================== *\/\n*,*::before,*::after{box-sizing:border-box;}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip;}\nbody{\n  margin:0;\n  font-family:var(--itv-font);\n  color:var(--itv-text);\n  background:var(--itv-bg);\n  line-height:1.7;\n  font-size:17px;\n  overflow-x:hidden;overflow-x:clip;  \/* garant\u00eda: sin scroll horizontal (clip = m\u00f3vil) *\/\n}\nimg{max-width:100%;height:auto;display:block;}\na{color:inherit;text-decoration:none;}\nh1,h2,h3,h4{font-family:var(--itv-font);color:var(--itv-navy);font-weight:600;line-height:1.15;margin:0;}\np{margin:0 0 1rem;}\nul{margin:0;padding:0;list-style:none;}\n\n\/* Layout helpers (mapean a Container \/ Inner Container de Elementor) *\/\n.itv-container{width:100%;max-width:var(--itv-container);margin:0 auto;padding:0 22px;}\n.itv-section{padding:92px 0;}\n.itv-section--soft{background:var(--itv-bg-soft);}\n.itv-section--blue{background:var(--itv-bg-blue);}\n.itv-narrow{max-width:820px;margin-left:auto;margin-right:auto;}\n\n\/* Eyebrow + encabezado de secci\u00f3n (componente reutilizable) *\/\n.itv-eyebrow{\n  display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:2.5px;\n  text-transform:uppercase;color:var(--itv-blue);margin-bottom:14px;\n}\n.itv-heading{font-size:clamp(1.9rem,3.6vw,2.85rem);margin-bottom:18px;}\n.itv-subheading{font-size:1.08rem;color:var(--itv-text-soft);max-width:760px;}\n.itv-center{text-align:center;}\n.itv-center .itv-subheading{margin-left:auto;margin-right:auto;}\n.itv-accent-bar{width:74px;height:5px;border-radius:5px;margin:22px auto 0;\n  background:linear-gradient(90deg,var(--itv-blue),var(--itv-red),var(--itv-green));}\n\n\/* ===========================================================\n   4. BOTONES  \u00b7  mismo sistema \"pill\" del sitio (radius 25px,\n      BDO Grotesk, padding 14px 25px).\n   =========================================================== *\/\n.itv-btn{\n  display:inline-flex;align-items:center;gap:10px;\n  font-family:var(--itv-font);font-weight:600;font-size:1rem;line-height:1;\n  padding:16px 32px;border-radius:var(--itv-radius-pill);border:2px solid transparent;\n  cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;\n  white-space:nowrap;\n}\n.itv-btn:hover{transform:translateY(-3px);}\n.itv-btn--primary{background:var(--itv-blue);color:#fff;box-shadow:0 12px 24px -12px rgba(0,95,173,.8);}\n.itv-btn--primary:hover{background:var(--itv-blue-deep);}\n.itv-btn--red{background:var(--itv-red);color:#fff;box-shadow:0 12px 24px -12px rgba(223,30,54,.8);}\n.itv-btn--red:hover{background:#c2152a;}\n.itv-btn--green{background:var(--itv-green);color:#fff;box-shadow:0 12px 24px -12px rgba(44,162,86,.8);}\n.itv-btn--green:hover{background:#22834a;}\n.itv-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}\n.itv-btn--ghost:hover{background:#fff;color:var(--itv-navy);border-color:#fff;}\n.itv-btn--outline{background:transparent;color:var(--itv-blue);border-color:var(--itv-blue);}\n.itv-btn--outline:hover{background:var(--itv-blue);color:#fff;}\n\n\/* ===========================================================\n   5. TOP BAR + NAVBAR  (r\u00e9plica simplificada del header ITV;\n      en WordPress el header real lo aporta el tema\/Elementor)\n   =========================================================== *\/\n.itv-topbar{background:var(--itv-navy);color:#fff;font-size:.85rem;}\n.itv-topbar .itv-container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:42px;flex-wrap:wrap;}\n.itv-topbar a{opacity:.9;transition:opacity .2s;}\n.itv-topbar a:hover{opacity:1;}\n.itv-topbar__socials{display:flex;gap:16px;font-size:1rem;}\n.itv-topbar__web i{color:var(--itv-green-light);margin-right:6px;}\n\n.itv-nav{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 4px 22px -16px rgba(15,15,32,.5);}\n.itv-nav .itv-container{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:18px;}\n.itv-nav__logo{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--itv-navy);}\n.itv-nav__logo img{height:62px;width:auto;}\n.itv-nav__links{display:flex;align-items:center;gap:28px;}\n.itv-nav__links a{font-weight:500;color:var(--itv-navy);font-size:1rem;position:relative;padding:6px 0;}\n.itv-nav__links a::after{content:\"\";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--itv-blue);transition:width .25s;}\n.itv-nav__links a:hover::after{width:100%;}\n.itv-nav__cta{display:flex;align-items:center;gap:14px;}\n.itv-nav__cta .itv-btn{padding:12px 24px;font-size:.95rem;}\n.itv-nav__toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--itv-navy);cursor:pointer;}\n\n\/* ===========================================================\n   6. HERO  (video de fondo + overlay, estilo portadas ITV)\n   =========================================================== *\/\n.itv-hero{position:relative;color:#fff;overflow:hidden;\n  background:linear-gradient(120deg,#06203f 0%,#093ab6 55%,#005fad 100%);}\n.itv-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.45;}\n.itv-hero__overlay{position:absolute;inset:0;z-index:1;\n  background:linear-gradient(120deg,rgba(6,32,63,.92) 0%,rgba(9,58,182,.78) 50%,rgba(0,95,173,.55) 100%);}\n.itv-hero__inner{position:relative;z-index:2;padding:120px 0 110px;}\n.itv-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;font-weight:600;\n  letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.14);\n  border:1px solid rgba(255,255,255,.28);padding:9px 18px;border-radius:50px;margin-bottom:24px;}\n.itv-hero__eyebrow i{color:var(--itv-yellow);}\n.itv-hero h1{color:#fff;font-size:clamp(2.3rem,5.2vw,4.1rem);max-width:14ch;margin-bottom:22px;}\n.itv-hero__lead{font-size:1.18rem;max-width:680px;color:rgba(255,255,255,.92);margin-bottom:34px;}\n.itv-hero__actions{display:flex;gap:16px;flex-wrap:wrap;}\n.itv-hero__chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;}\n.itv-hero__chips a{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;color:#fff;cursor:pointer;\n  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:8px 16px;border-radius:50px;\n  transition:background .25s,transform .25s,border-color .25s;}\n.itv-hero__chips a::after{content:\"\\f054\";font-family:\"Font Awesome 6 Free\";font-weight:900;font-size:.62rem;opacity:.6;}\n.itv-hero__chips a:hover{background:rgba(255,255,255,.26);border-color:#fff;transform:translateY(-2px);}\n\n\/* Compensa el navbar fijo al saltar a una secci\u00f3n con un enlace ancla *\/\n.itv-section[id],.itv-card[id]{scroll-margin-top:96px;}\n\n\/* ===========================================================\n   7. BLOQUE DE BIENVENIDA \/ INTRO\n   =========================================================== *\/\n.itv-intro__card{background:#fff;border-radius:var(--itv-radius);box-shadow:var(--itv-shadow-soft);\n  padding:46px 48px;border-left:6px solid var(--itv-blue);font-size:1.12rem;color:var(--itv-text);}\n\n\/* ===========================================================\n   7b. BENEFICIOS PARA LA INSTITUCI\u00d3N (features)\n   =========================================================== *\/\n.itv-features{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));}\n.itv-feature{text-align:center;padding:18px 14px;}\n.itv-feature__icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;\n  font-size:1.5rem;color:#fff;background:var(--f-accent,var(--itv-blue));\n  box-shadow:0 14px 26px -14px var(--f-accent,var(--itv-blue));}\n.itv-feature h3{font-size:1.18rem;margin-bottom:8px;}\n.itv-feature p{color:var(--itv-text-soft);font-size:.98rem;margin-bottom:0;}\n\n\/* ===========================================================\n   8. TARJETAS DE ACTIVIDADES  (Icon Box reutilizable)\n   =========================================================== *\/\n.itv-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));}\n.itv-card{background:#fff;border-radius:var(--itv-radius);padding:38px 32px;box-shadow:var(--itv-shadow-soft);\n  border:1px solid #eef1f4;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;\n  display:flex;flex-direction:column;}\n.itv-card::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:5px;\n  background:var(--card-accent,var(--itv-blue));transform:scaleX(0);transform-origin:left;transition:transform .3s;}\n.itv-card:hover{transform:translateY(-8px);box-shadow:var(--itv-shadow);}\n.itv-card:hover::before{transform:scaleX(1);}\n.itv-card__icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:1.7rem;color:#fff;\n  margin-bottom:22px;background:var(--card-accent,var(--itv-blue));box-shadow:0 12px 24px -12px var(--card-accent,var(--itv-blue));}\n.itv-card h3{font-size:1.4rem;margin-bottom:12px;}\n.itv-card p{color:var(--itv-text-soft);font-size:1rem;margin-bottom:0;}\n.itv-card__tag{position:absolute;top:26px;right:26px;font-size:.7rem;font-weight:600;letter-spacing:1px;\n  text-transform:uppercase;color:var(--card-accent,var(--itv-blue));opacity:.55;}\n\n\/* lista de cursos dentro de la tarjeta ancha *\/\n.itv-card--wide{grid-column:1\/-1;}\n.itv-courses{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:22px;}\n.itv-course{display:flex;align-items:center;gap:14px;background:var(--itv-bg-soft);border-radius:16px;padding:16px 18px;\n  font-weight:600;color:var(--itv-navy);font-size:1.02rem;transition:background .25s,transform .25s,box-shadow .25s;\n  font-family:var(--itv-font);border:0;width:100%;text-align:left;cursor:pointer;}\n.itv-course:hover{transform:translateY(-3px);box-shadow:var(--itv-shadow-soft);background:#fff;}\n.itv-course:focus-visible{outline:3px solid var(--itv-blue);outline-offset:2px;}\n.itv-course>i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1rem;}\n.itv-course--1>i{background:var(--itv-yellow);color:var(--itv-navy);}\n.itv-course--2>i{background:var(--itv-blue);}\n.itv-course--3>i{background:var(--itv-red);}\n.itv-course__more{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;\n  color:var(--itv-blue);white-space:nowrap;opacity:.75;transition:opacity .25s;}\n.itv-course:hover .itv-course__more{opacity:1;}\n\n\/* ---- Ventana modal de curso (cabecera de color + cuerpo) ---- *\/\n.itv-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;}\n.itv-modal.is-open{display:flex;}\n.itv-modal__overlay{position:absolute;inset:0;background:rgba(15,15,32,.62);opacity:0;transition:opacity .3s;cursor:pointer;}\n.itv-modal.is-open .itv-modal__overlay{opacity:1;}\n.itv-modal__dialog{position:relative;background:#fff;border-radius:24px;max-width:600px;width:100%;overflow:hidden;\n  display:flex;flex-direction:column;max-height:90vh;\n  box-shadow:0 50px 100px -28px rgba(15,15,32,.6);transform:translateY(24px) scale(.97);opacity:0;\n  transition:transform .32s ease,opacity .32s ease;}\n.itv-modal.is-open .itv-modal__dialog{transform:none;opacity:1;}\n\/* Cabecera (el color del curso se aplica por JS) *\/\n.itv-modal__header{position:relative;padding:36px 40px 32px;color:#fff;background-color:var(--itv-blue);\n  background-image:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,0,0,.12));}\n.itv-modal__icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:1.7rem;color:inherit;\n  background:rgba(255,255,255,.22);background:color-mix(in srgb,currentColor 22%,transparent);margin-bottom:18px;}\n.itv-modal__eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.9;margin-bottom:7px;}\n.itv-modal__title{color:inherit;font-size:1.7rem;line-height:1.15;margin:0;}\n.itv-modal__close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;border:0;color:inherit;\n  background:rgba(255,255,255,.2);background:color-mix(in srgb,currentColor 18%,transparent);\n  font-size:1.05rem;cursor:pointer;display:grid;place-items:center;transition:transform .25s,filter .2s;}\n.itv-modal__close:hover{transform:rotate(90deg);filter:brightness(1.12);}\n\/* Cuerpo *\/\n.itv-modal__body{padding:30px 40px 36px;overflow:auto;}\n.itv-modal__text{color:var(--itv-text-soft);font-size:1.07rem;line-height:1.7;margin-bottom:0;}\n.itv-modal__actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;}\n@media (max-width:520px){\n  .itv-modal__header{padding:30px 26px 26px;}\n  .itv-modal__body{padding:26px 26px 30px;}\n  .itv-modal__title{font-size:1.45rem;}\n}\n@media (prefers-reduced-motion:reduce){\n  .itv-modal__overlay,.itv-modal__dialog{transition:none;}\n  .itv-modal__dialog{transform:none;}\n  .itv-modal__close:hover{transform:none;}\n}\n\n\/* ===========================================================\n   9. SECCI\u00d3N DESTACADA CON IMAGEN (El \u00daltimo Timbre)\n   =========================================================== *\/\n.itv-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}\n.itv-split__media img{border-radius:var(--itv-radius);box-shadow:var(--itv-shadow);width:100%;object-fit:cover;}\n.itv-split__media{position:relative;}\n.itv-split__badge{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:16px;padding:14px 20px;\n  box-shadow:var(--itv-shadow);display:flex;align-items:center;gap:12px;font-weight:600;color:var(--itv-navy);}\n.itv-split__badge i{color:var(--itv-red);font-size:1.3rem;}\n\n\/* ===========================================================\n   10. SECCI\u00d3N QR \/ WEB\n   =========================================================== *\/\n.itv-qr{display:grid;grid-template-columns:auto 1fr;gap:46px;align-items:center;\n  background:linear-gradient(120deg,var(--itv-navy),#1b1b3a);border-radius:var(--itv-radius);\n  padding:54px 56px;color:#fff;}\n.itv-qr__code{width:190px;height:190px;border-radius:20px;background:#fff;display:grid;place-items:center;\n  color:var(--itv-navy);text-align:center;font-size:.85rem;padding:18px;}\n.itv-qr__code i{font-size:3.4rem;color:var(--itv-navy);margin-bottom:10px;display:block;}\n.itv-qr h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:14px;}\n.itv-qr p{color:rgba(255,255,255,.85);}\n.itv-qr__web{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-size:1.25rem;font-weight:600;color:#fff;}\n.itv-qr__web i{color:var(--itv-green-light);}\n\n\/* ===========================================================\n   11. CTA \/ CIERRE\n   =========================================================== *\/\n.itv-cta{background:linear-gradient(120deg,var(--itv-blue) 0%,var(--itv-green) 100%);color:#fff;text-align:center;}\n.itv-cta h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:18px;}\n.itv-cta p{color:rgba(255,255,255,.92);font-size:1.12rem;max-width:760px;margin:0 auto 30px;}\n.itv-cta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}\n\n\/* ===========================================================\n   12. CONTACTO + FIRMA\n   =========================================================== *\/\n.itv-contact{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:stretch;}\n.itv-contact__list{display:grid;gap:18px;}\n.itv-contact__item{display:flex;align-items:flex-start;gap:18px;background:#fff;border-radius:18px;\n  padding:22px 24px;box-shadow:var(--itv-shadow-soft);border:1px solid #eef1f4;}\n.itv-contact__item i{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;\n  color:#fff;font-size:1.25rem;background:var(--itv-blue);}\n.itv-contact__item .lbl{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--itv-text-soft);\n  font-weight:600;margin-bottom:3px;}\n.itv-contact__item .val{font-size:1.12rem;font-weight:600;color:var(--itv-navy);word-break:break-word;}\n.itv-contact__item .val a:hover{color:var(--itv-blue);}\n.itv-contact__item:nth-child(2) i{background:var(--itv-green);}\n.itv-contact__item:nth-child(3) i{background:var(--itv-red);}\n.itv-contact__item:nth-child(4) i{background:var(--itv-blue-deep);}\n\n.itv-signature{background:linear-gradient(160deg,var(--itv-navy),#1b1b38);color:#fff;border-radius:var(--itv-radius);\n  padding:44px 42px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--itv-shadow);}\n.itv-signature .small{color:rgba(255,255,255,.7);margin-bottom:6px;}\n.itv-signature .name{font-size:1.6rem;font-weight:600;color:#fff;margin-bottom:4px;}\n.itv-signature .role{color:var(--itv-green-light);font-weight:600;margin-bottom:14px;}\n.itv-signature .inst{color:rgba(255,255,255,.82);font-size:.98rem;line-height:1.6;}\n.itv-signature__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}\n\n\/* ===========================================================\n   13. FOOTER  (r\u00e9plica del footer ITV; en WP lo aporta el tema)\n   =========================================================== *\/\n.itv-footer{background:var(--itv-navy);color:rgba(255,255,255,.78);padding:64px 0 0;}\n.itv-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:46px;}\n.itv-footer img{height:76px;margin-bottom:18px;}\n.itv-footer h4{color:#fff;font-size:1.1rem;margin-bottom:18px;}\n.itv-footer ul li{margin-bottom:10px;}\n.itv-footer a:hover{color:#fff;}\n.itv-footer__addr{display:flex;gap:12px;align-items:flex-start;margin-top:8px;}\n.itv-footer__addr i{color:var(--itv-green-light);margin-top:4px;}\n.itv-footer__socials{display:flex;gap:14px;margin-top:20px;font-size:1.1rem;}\n.itv-footer__socials a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);\n  display:grid;place-items:center;transition:background .25s,transform .25s;}\n.itv-footer__socials a:hover{background:var(--itv-blue);transform:translateY(-3px);color:#fff;}\n.itv-footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;text-align:center;font-size:.88rem;}\n\n\/* ===========================================================\n   14. ANIMACI\u00d3N SUTIL DE ENTRADA (opcional, degrada bien)\n   =========================================================== *\/\n.itv-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}\n.itv-reveal.is-visible{opacity:1;transform:none;}\n@media (prefers-reduced-motion:reduce){.itv-reveal{opacity:1;transform:none;transition:none;}}\n\n\/* ===========================================================\n   15. RESPONSIVE\n   =========================================================== *\/\n@media (max-width:1024px){\n  .itv-section{padding:74px 0;}\n  .itv-qr{padding:44px;}\n  .itv-contact{grid-template-columns:1fr;}\n}\n@media (max-width:900px){\n  .itv-nav__links,.itv-nav__cta .itv-btn{display:none;}\n  .itv-nav__toggle{display:block;}\n  .itv-nav.is-open .itv-nav__links{display:flex;flex-direction:column;align-items:flex-start;gap:6px;\n    position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 22px 24px;\n    box-shadow:0 18px 30px -18px rgba(15,15,32,.5);}\n  .itv-nav.is-open .itv-nav__links a{width:100%;padding:12px 0;border-bottom:1px solid #f0f0f3;}\n  .itv-split{grid-template-columns:1fr;}\n  .itv-split__media{order:-1;}\n  .itv-qr{grid-template-columns:1fr;text-align:center;justify-items:center;gap:28px;}\n  .itv-footer__grid{grid-template-columns:1fr 1fr;gap:34px;}\n}\n@media (max-width:560px){\n  body{font-size:16px;}\n  .itv-section{padding:58px 0;}\n  .itv-hero__inner{padding:90px 0 80px;}\n  .itv-intro__card{padding:32px 26px;text-align:center;}\n  .itv-card{padding:30px 26px;}\n  .itv-qr{padding:34px 26px;}\n  .itv-signature{padding:34px 28px;}\n  .itv-topbar__web{display:none;}\n  .itv-btn{padding:14px 26px;}\n  .itv-grid,.itv-features,.itv-courses{grid-template-columns:1fr;}\n  .itv-footer__grid{grid-template-columns:1fr;gap:30px;text-align:center;}\n  .itv-footer img{margin-left:auto;margin-right:auto;}\n  .itv-footer__addr{justify-content:center;}\n  .itv-footer__socials{justify-content:center;}\n}\n\n\/* === WP: corrige conflictos del tema en los botones de curso === *\/\n.itv-course::before,.itv-course::after{content:none !important;}\n.itv-course:hover{background:#EDF6FF !important;box-shadow:0 16px 32px -18px rgba(15,15,32,.35) !important;transform:translateY(-3px) !important;}\n.itv-course:hover,.itv-course:hover>span:not(.itv-course__more){color:#0F0F20 !important;}\n.itv-course:hover .itv-course__more{color:#005FAD !important;}\n\n\/* === WP: men\u00fa dentro del azul del hero (navbar transparente sobre la portada) === *\/\n.itv-hero{margin-top:-74px;}\n.itv-nav{background:transparent !important;box-shadow:none !important;transition:background .3s,box-shadow .3s;}\n.itv-nav__links a,.itv-nav__toggle,.itv-nav__logo{color:#fff !important;}\n.itv-nav .itv-nav__cta .itv-btn{background:#fff !important;color:var(--itv-blue) !important;border-color:#fff !important;}\n.itv-nav.itv-nav--solid,.itv-nav.is-open{background:#093AB6 !important;box-shadow:0 6px 24px -14px rgba(6,32,63,.7) !important;}\n\n\n<\/style>\n\n\n<!-- ============================================================\n     HEADER \/ NAVBAR\n     NOTA WP: en WordPress el header lo aporta el tema (plantilla\n     global de Elementor). Aqu\u00ed se incluye s\u00f3lo para previsualizar\n     la p\u00e1gina completa con la identidad del sitio.\n     ============================================================ -->\n<div class=\"itv-topbar\">\n  <div class=\"itv-container\">\n    <div class=\"itv-topbar__socials\">\n      <a href=\"https:\/\/www.instagram.com\/itvecuador\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n      <a href=\"https:\/\/www.facebook.com\/ITVEC\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n      <a href=\"https:\/\/www.tiktok.com\/@itvecuador\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n    <\/div>\n    <a class=\"itv-topbar__web\" href=\"https:\/\/www.itv.edu.ec\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-globe\"><\/i>www.itv.edu.ec<\/a>\n  <\/div>\n<\/div>\n\n<header class=\"itv-nav\" id=\"itvNav\">\n  <div class=\"itv-container\">\n    <a class=\"itv-nav__logo\" href=\"https:\/\/www.itv.edu.ec\" aria-label=\"ITV inicio\">\n      <img decoding=\"async\" src=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1-300x225.png\" alt=\"Logo ITV \u2014 Instituto Superior Tecnol\u00f3gico Universitario de Estudios de Televisi\u00f3n\">\n    <\/a>\n    <nav class=\"itv-nav__links\" aria-label=\"Men\u00fa principal\">\n      <a href=\"#actividades\">Actividades<\/a>\n      <a href=\"#cursos\">Cursos<\/a>\n      <a href=\"#experiencia\">Experiencia ITV<\/a>\n      <a href=\"#premios\">Premios ITV<\/a>\n      <a href=\"#contacto\">Contacto<\/a>\n    <\/nav>\n    <div class=\"itv-nav__cta\">\n      <a class=\"itv-btn itv-btn--primary\" href=\"#contacto\">Solicitar informaci\u00f3n<\/a>\n    <\/div>\n    <button class=\"itv-nav__toggle\" id=\"itvToggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\"><i class=\"fas fa-bars\"><\/i><\/button>\n  <\/div>\n<\/header>\n\n<!-- ============================================================\n     1 \u00b7 HERO\n     ============================================================ -->\n<section class=\"itv-hero\">\n  <video class=\"itv-hero__video\" autoplay muted loop playsinline poster=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/11\/portada-itv-2024-1-1.jpg\">\n    <source src=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/cover-home.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <div class=\"itv-hero__overlay\"><\/div>\n  <div class=\"itv-hero__inner\">\n    <div class=\"itv-container\">\n      <span class=\"itv-hero__eyebrow\"><i class=\"fas fa-video\"><\/i> Instituto Superior Tecnol\u00f3gico Universitario \u00b7 Estudios de Televisi\u00f3n ITV<\/span>\n      <h1>Experiencia ITV<\/h1>\n      <p class=\"itv-hero__lead\">El ITV, como instituci\u00f3n l\u00edder en la formaci\u00f3n art\u00edstica, en medios digitales y en negocios, pone a disposici\u00f3n de las unidades educativas las siguientes actividades y programas:<\/p>\n      <div class=\"itv-hero__actions\">\n        <a class=\"itv-btn itv-btn--red\" href=\"#actividades\">Ver actividades <i class=\"fas fa-arrow-down\"><\/i><\/a>\n        <a class=\"itv-btn itv-btn--ghost\" href=\"#contacto\">Cont\u00e1ctanos<\/a>\n      <\/div>\n      <div class=\"itv-hero__chips\">\n        <a href=\"#festival\">Festival de Microescena<\/a>\n        <a href=\"#cortos\">Cortos del Barrio<\/a>\n        <a href=\"#cursos\">Cursos<\/a>\n        <a href=\"#experiencia\">Experiencia ITV<\/a>\n        <a href=\"#timbre\">El \u00daltimo Timbre<\/a>\n        <a href=\"#convenio\">Convenio Interinstitucional<\/a>\n        <a href=\"#premios\">Premios ITV<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     2 \u00b7 BIENVENIDA \/ INTRO\n     ============================================================ -->\n<section class=\"itv-section\">\n  <div class=\"itv-container\">\n    <div class=\"itv-intro__card itv-reveal\">\n      <p style=\"margin-bottom:0;\">Bienvenido. En el ITV creamos experiencias que despiertan el talento de los j\u00f3venes y los acercan al mundo profesional. Conozca las actividades y programas que ponemos a disposici\u00f3n de su instituci\u00f3n.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     2b \u00b7 BENEFICIOS PARA SU INSTITUCI\u00d3N\n     (frases textuales de la carta, reorganizadas para el lector\n      institucional: rectores \/ encargados)\n     ============================================================ -->\n<section class=\"itv-section\" style=\"padding-top:30px;\">\n  <div class=\"itv-container\">\n    <div class=\"itv-center itv-narrow\" style=\"margin-bottom:46px;\">\n      <span class=\"itv-eyebrow\">Una alianza para su comunidad educativa<\/span>\n      <h2 class=\"itv-heading\">\u00bfPor qu\u00e9 el ITV?<\/h2>\n      <div class=\"itv-accent-bar\"><\/div>\n    <\/div>\n    <div class=\"itv-features\">\n      <div class=\"itv-feature itv-reveal\">\n        <div class=\"itv-feature__icon\" style=\"--f-accent:var(--itv-blue);\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n        <h3>Formaci\u00f3n l\u00edder<\/h3>\n        <p>Instituci\u00f3n l\u00edder en la formaci\u00f3n art\u00edstica, en medios digitales y en negocios.<\/p>\n      <\/div>\n      <div class=\"itv-feature itv-reveal\">\n        <div class=\"itv-feature__icon\" style=\"--f-accent:var(--itv-green);\"><i class=\"fas fa-handshake-angle\"><\/i><\/div>\n        <h3>Lazos interinstitucionales<\/h3>\n        <p>Fortalecer los lazos interinstitucionales.<\/p>\n      <\/div>\n      <div class=\"itv-feature itv-reveal\">\n        <div class=\"itv-feature__icon\" style=\"--f-accent:var(--itv-red);\"><i class=\"fas fa-seedling\"><\/i><\/div>\n        <h3>Desarrollo integral<\/h3>\n        <p>Contribuir al desarrollo integral de los j\u00f3venes.<\/p>\n      <\/div>\n      <div class=\"itv-feature itv-reveal\">\n        <div class=\"itv-feature__icon\" style=\"--f-accent:var(--itv-blue-deep);\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\n        <h3>Experiencias formativas<\/h3>\n        <p>Experiencias formativas que complementen el desarrollo acad\u00e9mico, personal y profesional de sus estudiantes.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     3 \u00b7 ACTIVIDADES (tarjetas)\n     ============================================================ -->\n<section class=\"itv-section itv-section--soft\" id=\"actividades\">\n  <div class=\"itv-container\">\n    <div class=\"itv-center itv-narrow\" style=\"margin-bottom:54px;\">\n      <span class=\"itv-eyebrow\">Para su comunidad educativa<\/span>\n      <h2 class=\"itv-heading\">Actividades y Programas para su Instituci\u00f3n<\/h2>\n      <div class=\"itv-accent-bar\"><\/div>\n    <\/div>\n\n    <div class=\"itv-grid\">\n\n      <!-- Festival de Microescena -->\n      <article class=\"itv-card itv-reveal\" id=\"festival\" style=\"--card-accent:var(--itv-red);\">\n        <span class=\"itv-card__tag\">Arte &amp; Teatro<\/span>\n        <div class=\"itv-card__icon\"><i class=\"fas fa-masks-theater\"><\/i><\/div>\n        <h3>Festival de Microescena<\/h3>\n        <p>Evento art\u00edstico dirigido a estudiantes de colegio que promueve el desarrollo creativo y socioemocional a trav\u00e9s del teatro. Los estudiantes presentan una micro obra teatral en un escenario profesional, fortaleciendo habilidades de expresi\u00f3n, trabajo en equipo y empat\u00eda.<\/p>\n      <\/article>\n\n      <!-- Cortos del Barrio -->\n      <article class=\"itv-card itv-reveal\" id=\"cortos\" style=\"--card-accent:var(--itv-blue);\">\n        <span class=\"itv-card__tag\">Cine<\/span>\n        <div class=\"itv-card__icon\"><i class=\"fas fa-clapperboard\"><\/i><\/div>\n        <h3>Cortos del Barrio<\/h3>\n        <p>Iniciativa que invita a estudiantes de colegio a contar, a trav\u00e9s de cortometrajes, las historias aut\u00e9nticas que nacen en sus comunidades. Los Bancos del Barrio son el eje central: espacios cotidianos que forman parte de la vida local y que merecen ser contados.<\/p>\n      <\/article>\n\n      <!-- Convenio Interinstitucional -->\n      <article class=\"itv-card itv-reveal\" id=\"convenio\" style=\"--card-accent:var(--itv-green);\">\n        <span class=\"itv-card__tag\">Cooperaci\u00f3n<\/span>\n        <div class=\"itv-card__icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\n        <h3>Convenio Interinstitucional<\/h3>\n        <p>El ITV est\u00e1 abierto a establecer acuerdos de cooperaci\u00f3n con instituciones de educaci\u00f3n secundaria, con el fin de impulsar actividades conjuntas, visitas, pr\u00e1cticas y programas de beneficio mutuo para ambas comunidades.<\/p>\n      <\/article>\n\n      <!-- Cursos (tarjeta ancha con sub-lista) -->\n      <article class=\"itv-card itv-card--wide itv-reveal\" id=\"cursos\" style=\"--card-accent:var(--itv-blue-deep);\">\n        <span class=\"itv-card__tag\">Formaci\u00f3n<\/span>\n        <div class=\"itv-card__icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n        <h3>Cursos<\/h3>\n        <p>Impulsamos experiencias formativas de alto impacto que fortalecen habilidades clave en los estudiantes y los proyectan hacia su futuro acad\u00e9mico y profesional.<\/p>\n        <!-- NOTA: la carta no incluye descripci\u00f3n por curso. Los textos data-desc\n             siguientes son BORRADORES propuestos (editables) para los pop-ups. -->\n        <div class=\"itv-courses\">\n          <button type=\"button\" class=\"itv-course itv-course--1\" data-course\n            data-title=\"C\u00f3mo hacerte millonario\"\n            data-icon=\"fas fa-sack-dollar\" data-accent=\"#F9D142\" data-icon-color=\"#0F0F20\"\n            data-desc=\"Un curso de mentalidad financiera y emprendimiento para j\u00f3venes. Aprende a administrar tu dinero, identificar oportunidades de negocio y desarrollar los h\u00e1bitos que impulsan el crecimiento econ\u00f3mico y personal.\">\n            <i class=\"fas fa-sack-dollar\"><\/i><span>C\u00f3mo hacerte millonario<\/span>\n            <span class=\"itv-course__more\">Ver m\u00e1s <i class=\"fas fa-circle-info\"><\/i><\/span>\n          <\/button>\n          <button type=\"button\" class=\"itv-course itv-course--2\" data-course\n            data-title=\"Generaci\u00f3n de contenido para redes sociales\"\n            data-icon=\"fas fa-hashtag\" data-accent=\"#005FAD\" data-icon-color=\"#FFFFFF\"\n            data-desc=\"Aprende a crear contenido atractivo para redes sociales: desde la idea y la grabaci\u00f3n hasta la edici\u00f3n y la publicaci\u00f3n. Desarrolla tu creatividad, tu marca personal y las habilidades para conectar con una audiencia digital.\">\n            <i class=\"fas fa-hashtag\"><\/i><span>Generaci\u00f3n de contenido para redes sociales<\/span>\n            <span class=\"itv-course__more\">Ver m\u00e1s <i class=\"fas fa-circle-info\"><\/i><\/span>\n          <\/button>\n          <button type=\"button\" class=\"itv-course itv-course--3\" data-course\n            data-title=\"Actuaci\u00f3n para teatro, TV y redes\"\n            data-icon=\"fas fa-star\" data-accent=\"#DF1E36\" data-icon-color=\"#FFFFFF\"\n            data-desc=\"Descubre las herramientas de la actuaci\u00f3n para el escenario, la televisi\u00f3n y las plataformas digitales. Trabaja la expresi\u00f3n corporal, la voz y la interpretaci\u00f3n frente a c\u00e1mara para desenvolverte con seguridad ante cualquier p\u00fablico.\">\n            <i class=\"fas fa-star\"><\/i><span>Actuaci\u00f3n para teatro, TV y redes<\/span>\n            <span class=\"itv-course__more\">Ver m\u00e1s <i class=\"fas fa-circle-info\"><\/i><\/span>\n          <\/button>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     4 \u00b7 EXPERIENCIA ITV (split con imagen)\n     ============================================================ -->\n<section class=\"itv-section\" id=\"experiencia\">\n  <div class=\"itv-container\">\n    <div class=\"itv-split\">\n      <div class=\"itv-split__content itv-reveal\">\n        <span class=\"itv-eyebrow\">Recorrido guiado<\/span>\n        <h2 class=\"itv-heading\">Experiencia ITV<\/h2>\n        <p class=\"itv-subheading\" style=\"margin-bottom:26px;\">Recorrido guiado por nuestras instalaciones donde los estudiantes conocen la parte pr\u00e1ctica (estudios de grabaci\u00f3n, equipos profesionales y espacios de producci\u00f3n) y viven una experiencia directa, din\u00e1mica y divertida, participando activamente en distintos roles profesionales.<\/p>\n        <a class=\"itv-btn itv-btn--primary\" href=\"#contacto\">Agendar una visita <i class=\"fas fa-arrow-right\"><\/i><\/a>\n      <\/div>\n      <div class=\"itv-split__media itv-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/com-social-estudiantes-03.jpg\" alt=\"Estudios de grabaci\u00f3n y producci\u00f3n del ITV\" loading=\"lazy\">\n        <div class=\"itv-split__badge\"><i class=\"fas fa-camera-retro\"><\/i> Estudios profesionales<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     5 \u00b7 EL \u00daLTIMO TIMBRE (split invertido con imagen)\n     ============================================================ -->\n<section class=\"itv-section itv-section--blue\" id=\"timbre\">\n  <div class=\"itv-container\">\n    <div class=\"itv-split\">\n      <div class=\"itv-split__media itv-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/12\/com-social-estudiantes-01-3-1.jpg\" alt=\"Grabaci\u00f3n del podcast El \u00daltimo Timbre en estudio ITV\" loading=\"lazy\">\n        <div class=\"itv-split__badge\"><i class=\"fas fa-microphone\"><\/i> Podcast en estudio<\/div>\n      <\/div>\n      <div class=\"itv-split__content itv-reveal\">\n        <span class=\"itv-eyebrow\">Podcast \u00b7 Tercero de bachillerato<\/span>\n        <h2 class=\"itv-heading\">El \u00daltimo Timbre<\/h2>\n        <p class=\"itv-subheading\">Podcast dise\u00f1ado para los estudiantes de tercero de bachillerato, en el que compartir\u00e1n an\u00e9cdotas, reflexiones y experiencias que marcaron su trayectoria escolar. Un espacio especial para celebrar, recordar y valorar los momentos vividos antes de culminar esta importante etapa. Como recuerdo de esta experiencia, recibir\u00e1n un video de la actividad.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     6 \u00b7 PREMIOS ITV (destacado)\n     ============================================================ -->\n<section class=\"itv-section\" id=\"premios\">\n  <div class=\"itv-container\">\n    <div class=\"itv-split\">\n      <div class=\"itv-split__content itv-reveal\">\n        <span class=\"itv-eyebrow\">Invitaci\u00f3n especial<\/span>\n        <h2 class=\"itv-heading\">Premios ITV<\/h2>\n        <p class=\"itv-subheading\" style=\"margin-bottom:26px;\">Le extendemos una invitaci\u00f3n especial para que su instituci\u00f3n viva la experiencia de los Premios ITV, una ceremonia que reconoce y celebra el talento, la creatividad y la excelencia en el mundo de la comunicaci\u00f3n y el arte en el Ecuador.<\/p>\n        <a class=\"itv-btn itv-btn--red\" href=\"#contacto\">Quiero participar <i class=\"fas fa-trophy\"><\/i><\/a>\n      <\/div>\n      <div class=\"itv-split__media itv-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2024\/11\/premios-itv-1.png\" alt=\"Premios ITV\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- (Secciones QR y \"Quedamos a su disposici\u00f3n\" eliminadas a pedido) -->\n\n<!-- ============================================================\n     9 \u00b7 CONTACTO + FIRMA\n     ============================================================ -->\n<section class=\"itv-section\" id=\"contacto\">\n  <div class=\"itv-container\">\n    <div class=\"itv-center itv-narrow\" style=\"margin-bottom:48px;\">\n      <span class=\"itv-eyebrow\">Estamos para ayudarle<\/span>\n      <h2 class=\"itv-heading\">Contacto<\/h2>\n      <div class=\"itv-accent-bar\"><\/div>\n    <\/div>\n\n    <div class=\"itv-contact\">\n      <div class=\"itv-contact__list itv-reveal\">\n        <div class=\"itv-contact__item\">\n          <i class=\"fas fa-envelope\"><\/i>\n          <div><div class=\"lbl\">Correo electr\u00f3nico<\/div>\n            <div class=\"val\"><a href=\"mailto:coordinacionacademica@itv.edu.ec\">coordinacionacademica@itv.edu.ec<\/a><\/div><\/div>\n        <\/div>\n        <div class=\"itv-contact__item\">\n          <i class=\"fab fa-whatsapp\"><\/i>\n          <div><div class=\"lbl\">Tel\u00e9fono \/ WhatsApp<\/div>\n            <div class=\"val\"><a href=\"https:\/\/wa.me\/593982978889\" target=\"_blank\" rel=\"noopener\">0982978889<\/a><\/div><\/div>\n        <\/div>\n        <div class=\"itv-contact__item\">\n          <i class=\"fas fa-user\"><\/i>\n          <div><div class=\"lbl\">Persona responsable<\/div>\n            <div class=\"val\">Katiuska Zavala<\/div><\/div>\n        <\/div>\n        <div class=\"itv-contact__item\">\n          <i class=\"fas fa-id-badge\"><\/i>\n          <div><div class=\"lbl\">Cargo<\/div>\n            <div class=\"val\">Coordinadora Acad\u00e9mica del ITV<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"itv-signature itv-reveal\">\n        <span class=\"itv-eyebrow\" style=\"color:var(--itv-green-light);margin-bottom:10px;\">Para su instituci\u00f3n<\/span>\n        <div class=\"name\">Coordinemos una reuni\u00f3n<\/div>\n        <div class=\"inst\">Agende una cita con nuestra Coordinaci\u00f3n Acad\u00e9mica para presentar los programas y planificar las actividades con su unidad educativa.<\/div>\n        <div class=\"itv-signature__actions\">\n          <a class=\"itv-btn itv-btn--green\" href=\"https:\/\/wa.me\/593982978889\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i> Escribir por WhatsApp<\/a>\n          <a class=\"itv-btn itv-btn--ghost\" href=\"mailto:coordinacionacademica@itv.edu.ec\"><i class=\"fas fa-envelope\"><\/i> Enviar correo<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FOOTER\n     NOTA WP: en WordPress el footer lo aporta el tema (plantilla\n     global de Elementor). Incluido aqu\u00ed s\u00f3lo para la vista previa.\n     ============================================================ -->\n<footer class=\"itv-footer\">\n  <div class=\"itv-container\">\n    <div class=\"itv-footer__grid\">\n      <div>\n        <img decoding=\"async\" src=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1-300x225.png\" alt=\"Logo ITV \u2014 Instituto Superior Tecnol\u00f3gico Universitario de Estudios de Televisi\u00f3n\">\n        <p>Instituto Superior Tecnol\u00f3gico Universitario de Estudios de Televisi\u00f3n ITV.<\/p>\n        <div class=\"itv-footer__addr\">\n          <i class=\"fas fa-location-dot\"><\/i>\n          <span>Avenida Carlos Julio Arosemena km 2.5 y Las Monjas. Guayaquil, Ecuador<\/span>\n        <\/div>\n        <div class=\"itv-footer__socials\">\n          <a href=\"https:\/\/www.instagram.com\/itvecuador\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"https:\/\/www.facebook.com\/ITVEC\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@itvecuador\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <div>\n        <h4>Actividades<\/h4>\n        <ul>\n          <li><a href=\"#actividades\">Festival de Microescena<\/a><\/li>\n          <li><a href=\"#actividades\">Cortos del Barrio<\/a><\/li>\n          <li><a href=\"#cursos\">Cursos<\/a><\/li>\n          <li><a href=\"#experiencia\">Experiencia ITV<\/a><\/li>\n          <li><a href=\"#timbre\">El \u00daltimo Timbre<\/a><\/li>\n          <li><a href=\"#premios\">Premios ITV<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h4>Contacto<\/h4>\n        <ul>\n          <li><a href=\"mailto:coordinacionacademica@itv.edu.ec\">coordinacionacademica@itv.edu.ec<\/a><\/li>\n          <li><a href=\"https:\/\/wa.me\/593982978889\" target=\"_blank\" rel=\"noopener\">0982978889<\/a><\/li>\n          <li><a href=\"https:\/\/www.itv.edu.ec\" target=\"_blank\" rel=\"noopener\">www.itv.edu.ec<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"itv-footer__bottom\">\n    \u00a9 <span id=\"itvYear\"><\/span> Instituto Superior Tecnol\u00f3gico Universitario Estudios de Televisi\u00f3n ITV \u00b7 www.itv.edu.ec\n  <\/div>\n<\/footer>\n\n<!-- ============================================================\n     POP-UP \/ MODAL DE CURSO\n     Se rellena din\u00e1micamente al hacer clic en cada curso.\n     ============================================================ -->\n<div class=\"itv-modal\" id=\"itvCourseModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"itvModalTitle\" aria-hidden=\"true\">\n  <div class=\"itv-modal__overlay\" data-close><\/div>\n  <div class=\"itv-modal__dialog\">\n    <div class=\"itv-modal__header\" id=\"itvModalHeader\">\n      <button type=\"button\" class=\"itv-modal__close\" data-close aria-label=\"Cerrar\"><i class=\"fas fa-xmark\"><\/i><\/button>\n      <div class=\"itv-modal__icon\" id=\"itvModalIcon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n      <div class=\"itv-modal__eyebrow\">Curso \u00b7 ITV<\/div>\n      <h3 class=\"itv-modal__title\" id=\"itvModalTitle\">Curso<\/h3>\n    <\/div>\n    <div class=\"itv-modal__body\">\n      <p class=\"itv-modal__text\" id=\"itvModalText\"><\/p>\n      <div class=\"itv-modal__actions\">\n        <a class=\"itv-btn itv-btn--primary\" href=\"#contacto\" data-close>Solicitar informaci\u00f3n<\/a>\n        <button type=\"button\" class=\"itv-btn itv-btn--outline\" data-close>Cerrar<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     JS M\u00cdNIMO  \u00b7  men\u00fa m\u00f3vil + animaci\u00f3n de entrada + a\u00f1o + modal.\n     (No es necesario en Elementor; el editor aporta sus propios\n      efectos de movimiento, men\u00fas responsivos y pop-ups.)\n     ============================================================ -->\n<script>\n(function(){\n  \/\/ Men\u00fa m\u00f3vil\n  var nav=document.getElementById('itvNav'),btn=document.getElementById('itvToggle');\n  if(nav){var _navSolid=function(){nav.classList.toggle('itv-nav--solid',window.scrollY>60);};_navSolid();window.addEventListener('scroll',_navSolid,{passive:true});}\n  if(btn){btn.addEventListener('click',function(){\n    var open=nav.classList.toggle('is-open');\n    btn.setAttribute('aria-expanded',open);\n  });}\n  \/\/ Cerrar men\u00fa al hacer clic en un enlace\n  document.querySelectorAll('.itv-nav__links a').forEach(function(a){\n    a.addEventListener('click',function(){nav.classList.remove('is-open');btn.setAttribute('aria-expanded',false);});\n  });\n  \/\/ A\u00f1o din\u00e1mico\n  var y=document.getElementById('itvYear'); if(y){y.textContent=new Date().getFullYear();}\n  \/\/ Animaci\u00f3n de entrada\n  var els=document.querySelectorAll('.itv-reveal');\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(entries){\n      entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-visible');io.unobserve(e.target);}});\n    },{threshold:.12});\n    els.forEach(function(el){io.observe(el);});\n  }else{els.forEach(function(el){el.classList.add('is-visible');});}\n\n  \/\/ Pop-up \/ modal de curso\n  var modal=document.getElementById('itvCourseModal');\n  if(modal){\n    var mHeader=document.getElementById('itvModalHeader'),\n        mIcon=document.getElementById('itvModalIcon'),\n        mTitle=document.getElementById('itvModalTitle'),\n        mText=document.getElementById('itvModalText'),\n        lastFocus=null;\n    function openCourse(btn){\n      mTitle.textContent=btn.getAttribute('data-title')||'';\n      mText.textContent=btn.getAttribute('data-desc')||'';\n      mIcon.innerHTML='<i class=\"'+(btn.getAttribute('data-icon')||'fas fa-graduation-cap')+'\"><\/i>';\n      mHeader.style.backgroundColor=btn.getAttribute('data-accent')||'#005FAD';\n      mHeader.style.color=btn.getAttribute('data-icon-color')||'#fff';\n      modal.classList.add('is-open');\n      modal.setAttribute('aria-hidden','false');\n      document.body.style.overflow='hidden';\n      lastFocus=btn;\n      modal.querySelector('.itv-modal__close').focus();\n    }\n    function closeCourse(){\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden','true');\n      document.body.style.overflow='';\n      if(lastFocus){lastFocus.focus();}\n    }\n    document.querySelectorAll('[data-course]').forEach(function(b){\n      b.addEventListener('click',function(){openCourse(b);});\n    });\n    modal.querySelectorAll('[data-close]').forEach(function(el){\n      el.addEventListener('click',closeCourse);\n    });\n    document.addEventListener('keydown',function(e){\n      if((e.key==='Escape'||e.key==='Esc') && modal.classList.contains('is-open')){closeCourse();}\n    });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\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>www.itv.edu.ec Actividades Cursos Experiencia ITV Premios ITV Contacto Solicitar informaci\u00f3n Instituto Superior Tecnol\u00f3gico Universitario \u00b7 Estudios de Televisi\u00f3n ITV Experiencia ITV El ITV, como instituci\u00f3n l\u00edder en la formaci\u00f3n art\u00edstica, en medios digitales y en negocios, pone a disposici\u00f3n de las unidades educativas las siguientes actividades y programas: Ver actividades Cont\u00e1ctanos Festival de Microescena Cortos &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv\"> <span class=\"screen-reader-text\">Experiencia ITV<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-21879","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Experiencia ITV -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Experiencia ITV -\" \/>\n<meta property=\"og:description\" content=\"www.itv.edu.ec Actividades Cursos Experiencia ITV Premios ITV Contacto Solicitar informaci\u00f3n Instituto Superior Tecnol\u00f3gico Universitario \u00b7 Estudios de Televisi\u00f3n ITV Experiencia ITV El ITV, como instituci\u00f3n l\u00edder en la formaci\u00f3n art\u00edstica, en medios digitales y en negocios, pone a disposici\u00f3n de las unidades educativas las siguientes actividades y programas: Ver actividades Cont\u00e1ctanos Festival de Microescena Cortos &hellip; Experiencia ITV Leer m\u00e1s &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-15T14:20:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1-300x225.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv\",\"url\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv\",\"name\":\"Experiencia ITV -\",\"isPartOf\":{\"@id\":\"https:\/\/itv.edu.ec\/sitio\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#primaryimage\"},\"image\":{\"@id\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#primaryimage\"},\"thumbnailUrl\":\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1-300x225.png\",\"datePublished\":\"2026-07-07T18:54:38+00:00\",\"dateModified\":\"2026-07-15T14:20:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#primaryimage\",\"url\":\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1.png\",\"contentUrl\":\"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1.png\",\"width\":1079,\"height\":809},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/itv.edu.ec\/sitio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Experiencia ITV\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/itv.edu.ec\/sitio\/#website\",\"url\":\"https:\/\/itv.edu.ec\/sitio\/\",\"name\":\"\",\"description\":\"La puerta de entrada a la TV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/itv.edu.ec\/sitio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Experiencia ITV -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv","og_locale":"es_ES","og_type":"article","og_title":"Experiencia ITV -","og_description":"www.itv.edu.ec Actividades Cursos Experiencia ITV Premios ITV Contacto Solicitar informaci\u00f3n Instituto Superior Tecnol\u00f3gico Universitario \u00b7 Estudios de Televisi\u00f3n ITV Experiencia ITV El ITV, como instituci\u00f3n l\u00edder en la formaci\u00f3n art\u00edstica, en medios digitales y en negocios, pone a disposici\u00f3n de las unidades educativas las siguientes actividades y programas: Ver actividades Cont\u00e1ctanos Festival de Microescena Cortos &hellip; Experiencia ITV Leer m\u00e1s &raquo;","og_url":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv","article_modified_time":"2026-07-15T14:20:04+00:00","og_image":[{"url":"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1-300x225.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv","url":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv","name":"Experiencia ITV -","isPartOf":{"@id":"https:\/\/itv.edu.ec\/sitio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#primaryimage"},"image":{"@id":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#primaryimage"},"thumbnailUrl":"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1-300x225.png","datePublished":"2026-07-07T18:54:38+00:00","dateModified":"2026-07-15T14:20:04+00:00","breadcrumb":{"@id":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itv.edu.ec\/sitio\/experiencia-itv"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#primaryimage","url":"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1.png","contentUrl":"https:\/\/itv.edu.ec\/sitio\/wp-content\/uploads\/2021\/06\/cropped-logo-plata-1-1-1.png","width":1079,"height":809},{"@type":"BreadcrumbList","@id":"https:\/\/itv.edu.ec\/sitio\/experiencia-itv#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/itv.edu.ec\/sitio\/"},{"@type":"ListItem","position":2,"name":"Experiencia ITV"}]},{"@type":"WebSite","@id":"https:\/\/itv.edu.ec\/sitio\/#website","url":"https:\/\/itv.edu.ec\/sitio\/","name":"","description":"La puerta de entrada a la TV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itv.edu.ec\/sitio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/pages\/21879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/comments?post=21879"}],"version-history":[{"count":33,"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/pages\/21879\/revisions"}],"predecessor-version":[{"id":21917,"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/pages\/21879\/revisions\/21917"}],"wp:attachment":[{"href":"https:\/\/itv.edu.ec\/sitio\/wp-json\/wp\/v2\/media?parent=21879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}