{"id":190,"date":"2025-10-02T02:26:24","date_gmt":"2025-10-02T02:26:24","guid":{"rendered":"https:\/\/cumpatria.edu.mx\/?page_id=190"},"modified":"2025-11-07T21:19:53","modified_gmt":"2025-11-07T21:19:53","slug":"tecnologia-interactiva-y-animacion-digital-2","status":"publish","type":"page","link":"https:\/\/cumpatria.edu.mx\/index.php\/tecnologia-interactiva-y-animacion-digital-2\/","title":{"rendered":"Tecnolog\u00eda interactiva y animaci\u00f3n digital"},"content":{"rendered":"\n<!-- ========== P\u00e1gina de Carrera: Tecnolog\u00eda Interactiva y Animaci\u00f3n Digital (CUM Patria) ========== -->\n<section id=\"carrera-tiad\" class=\"alignfull\">\n  <style>\n    \/* =========================================================\n       >>>>>>>>>>>>>>>>>  ZONA DE SUSTITUCI\u00d3N  <<<<<<<<<<<<<<<<<\n       Reemplazar SOLO los valores marcados con {{LLAVES}} en el HTML\n       (WhatsApp, Inscripci\u00f3n, Plan PDF, Email de admisi\u00f3n, Direcci\u00f3n).\n       ========================================================= *\/\n\n    \/* ===== Paleta espec\u00edfica (creativo-tecnol\u00f3gica) ===== *\/\n    #carrera-tiad{\n      --primary-900:#0F2C4D;     \/* azul institucional profundo *\/\n      --primary-700:#1F4C82;     \/* azul medio *\/\n      --primary-500:#2F66B0;     \/* acento institucional *\/\n\n      --neon-600:#8A2BE2;        \/* violeta neon (creativo) *\/\n      --neon-500:#C724B1;        \/* magenta neon *\/\n      --neon-400:#00E5FF;        \/* cian neon (tech) *\/\n      --amber-600:#FFB300;       \/* dorado sobrio para estrellas *\/\n\n      --neutral-000:#FFFFFF;\n      --neutral-015:#FAFCFF;\n      --neutral-050:#EFF4FA;\n      --neutral-075:#E6EEF7;\n      --ink-900:#0E1A2B;\n      --ink-700:#2C3A52;\n\n      --shadow: 0 10px 30px rgba(15,44,77,.15);\n      --radius-2xl: 20px;\n      --radius-xl: 16px;\n      --radius-lg: 12px;\n      --container: min(1100px, 92vw);\n\n      font-family: system-ui,-apple-system,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";\n      color: var(--ink-900);\n      background:\n        radial-gradient(1200px 600px at 110% -10%, rgba(138,43,226,.12), transparent 60%),\n        radial-gradient(900px 480px at -10% 10%, rgba(0,229,255,.12), transparent 60%),\n        linear-gradient(180deg, var(--neutral-015), var(--neutral-050));\n      padding: 40px 0 72px;\n      position: relative;\n      overflow: clip;\n    }\n\n    \/* ===== Hero ===== *\/\n    #carrera-tiad .hero{\n      width: var(--container);\n      margin: 0 auto 32px;\n      position: relative;\n      padding: 32px;\n      border-radius: var(--radius-2xl);\n      color: var(--neutral-000);\n      box-shadow: var(--shadow);\n      background:\n        linear-gradient(135deg, rgba(15,44,77,.94), rgba(31,76,130,.96)),\n        conic-gradient(from 200deg at 120% 10%, rgba(138,43,226,.35), transparent 25%),\n        conic-gradient(from 20deg at -10% 110%, rgba(0,229,255,.28), transparent 20%),\n        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18));\n      overflow: hidden;\n      isolation: isolate;\n    }\n    #carrera-tiad .hero::after{\n      content:\"\";\n      position:absolute; inset: -2px;\n      background:\n        radial-gradient(540px 240px at 12% -5%, rgba(199,36,177,.28), transparent 55%),\n        radial-gradient(520px 220px at 92% 100%, rgba(0,229,255,.22), transparent 60%);\n      z-index:0;\n    }\n    #carrera-tiad .hero-inner{ position: relative; z-index: 1; display:grid; gap:18px; grid-template-columns: 1fr; }\n    #carrera-tiad .eyebrow{\n      display:inline-flex; align-items:center; gap:10px;\n      font-weight:700; letter-spacing:.06em; text-transform:uppercase;\n      font-size:12px; color:#EDE7FF;\n      background: rgba(255,255,255,.10);\n      padding: 8px 12px; border:1px solid rgba(255,255,255,.18);\n      border-radius: 999px;\n    }\n    #carrera-tiad h1{ margin: 12px 0 8px; font-size: clamp(28px,3.4vw,42px); line-height:1.1; font-weight:800; letter-spacing:.2px; }\n    #carrera-tiad .lead{ font-size: clamp(15px,1.7vw,18px); line-height:1.6; max-width: 68ch; color:#E9F3FF; margin-bottom: 6px; }\n\n    #carrera-tiad .cta{ display:flex; flex-wrap:wrap; gap:12px; }\n    #carrera-tiad .btn{\n      --padY: 12px; --padX: 18px;\n      display:inline-flex; align-items:center; gap:10px;\n      padding: var(--padY) var(--padX);\n      border-radius: 999px; border:1px solid transparent;\n      font-weight:800; letter-spacing:.2px; text-decoration:none;\n      transition:.2s ease; will-change:transform, box-shadow;\n    }\n    #carrera-tiad .btn-primary{\n      background: linear-gradient(180deg, var(--neon-600), var(--neon-500));\n      color:#11041A;\n      box-shadow: 0 8px 24px rgba(138,43,226,.35);\n    }\n    #carrera-tiad .btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 10px 28px rgba(138,43,226,.48); }\n    #carrera-tiad .btn-outline{ background:transparent; color:#fff; border-color: rgba(255,255,255,.55); }\n    #carrera-tiad .btn-outline:hover{ background: rgba(255,255,255,.1); transform: translateY(-1px); }\n\n    \/* ===== Layout base ===== *\/\n    #carrera-tiad .wrap{ width: var(--container); margin: 0 auto; }\n    #carrera-tiad .grid{ display:grid; gap:18px; grid-template-columns: 1fr; }\n    #carrera-tiad .grid-2{ grid-template-columns: 1fr; }\n    #carrera-tiad .grid-3{ grid-template-columns: 1fr; }\n\n    #carrera-tiad .card{\n      background: rgba(255,255,255,.78);\n      backdrop-filter: blur(8px);\n      border:1px solid var(--neutral-075);\n      border-radius: var(--radius-xl);\n      box-shadow: var(--shadow);\n      padding: 22px;\n    }\n    #carrera-tiad .card h3{\n      font-size: 18px; margin: 0 0 10px; letter-spacing:.2px;\n      color: var(--primary-900);\n      display:flex; align-items:center; gap:10px;\n    }\n    #carrera-tiad .muted{ color: var(--ink-700); }\n\n    #carrera-tiad .list{ display:grid; gap:10px; padding-left:0; list-style:none; }\n    #carrera-tiad .list li{\n      display:grid; grid-template-columns: 28px 1fr; gap:10px; align-items:start;\n      line-height:1.55; color: var(--ink-700);\n    }\n    #carrera-tiad .chip{\n      display:inline-flex; align-items:center; gap:8px;\n      padding:8px 12px; border-radius:999px;\n      background:#fff; border:1px solid var(--neutral-075); color: var(--primary-700);\n      font-weight:700; letter-spacing:.2px; font-size:13px;\n    }\n\n    #carrera-tiad .benefits{ display:grid; gap:14px; grid-template-columns: 1fr; }\n    #carrera-tiad .benefit{\n      background: linear-gradient(180deg, #fff, #F8FBFF);\n      border:1px solid var(--neutral-075);\n      border-radius: var(--radius-lg);\n      padding: 16px 18px;\n      display:grid; grid-template-columns: 36px 1fr; gap: 12px; align-items:start;\n    }\n\n    \/* ===== FAQ ===== *\/\n    #carrera-tiad details{\n      border:1px solid var(--neutral-075);\n      background:#fff; border-radius: var(--radius-lg);\n      padding:14px 16px;\n    }\n    #carrera-tiad details + details{ margin-top:10px; }\n    #carrera-tiad summary{ cursor:pointer; list-style:none; font-weight:800; color: var(--primary-900); display:flex; align-items:center; gap:10px; }\n    #carrera-tiad summary::-webkit-details-marker{ display:none; }\n    #carrera-tiad .faq-body{ margin-top:10px; color: var(--ink-700); }\n\n    \/* ===== CTA final ===== *\/\n    #carrera-tiad .cta-footer{ margin-top:24px; display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }\n    #carrera-tiad .note{ text-align:center; color: var(--ink-700); font-size:14px; }\n\n    \/* ===== Iconos ===== *\/\n    #carrera-tiad .ico{ width:22px; height:22px; flex:0 0 22px; }\n    #carrera-tiad .ico-lg{ width:28px; height:28px; }\n    #carrera-tiad .ico-yes{ color: var(--neon-600); }\n    #carrera-tiad .ico-star{ color: var(--amber-600); }\n\n    \/* ===== Responsive ===== *\/\n    @media (min-width: 720px){\n      #carrera-tiad .grid-2{ grid-template-columns: 1.05fr .95fr; }\n    }\n    @media (min-width: 980px){\n      #carrera-tiad .grid-3{ grid-template-columns: repeat(3,1fr); }\n      #carrera-tiad .hero-inner{ grid-template-columns: 1.2fr .8fr; align-items:center; }\n      #carrera-tiad .benefits{ grid-template-columns: repeat(3, 1fr); }\n    }\n  <\/style>\n\n  <!-- ===== HERO ===== -->\n  <header class=\"hero\" role=\"banner\" aria-label=\"Tecnolog\u00eda Interactiva y Animaci\u00f3n Digital\">\n    <div class=\"hero-inner\">\n      <div>\n        <span class=\"eyebrow\" aria-label=\"Dise\u00f1o, c\u00f3digo y narrativa visual\">\n          <!-- spark icon -->\n          <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2 6 6 2-6 2-2 6-2-6-6-2 6-2 2-6z\"\/><\/svg>\n          Dise\u00f1o \u2022 C\u00f3digo \u2022 Narrativa visual\n        <\/span>\n        <h1>Tecnolog\u00eda Interactiva y Animaci\u00f3n Digital<\/h1>\n        <p class=\"lead\">\n          Crea experiencias digitales inmersivas: animaci\u00f3n 2D\/3D, videojuegos, UX\/UI, realidad extendida\n          y desarrollo interactivo con enfoque art\u00edstico y t\u00e9cnico.\n        <\/p>\n        <nav class=\"cta\" aria-label=\"Acciones principales\">\n          <a class=\"btn btn-primary\" href=\"https:\/\/cumpatria.edu.mx\/index.php\/contactos\/\">\n            <!-- play icon -->\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7-11-7z\"\/><\/svg>\n            Inscribirme\n          <\/a>\n          <a class=\"btn btn-outline\" href=\"https:\/\/wa.me\/+527472258335\" target=\"_blank\" rel=\"noopener\">\n            <!-- chat icon -->\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M20 3H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V5a2 2 0 00-2-2z\"\/><\/svg>\n            Hablar con asesor\n          <\/a>\n        <\/nav>\n      <\/div>\n      <div aria-hidden=\"true\">\n        <div class=\"card\" style=\"background: rgba(255,255,255,.92);\">\n          <h3>\n            <svg class=\"ico ico-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6 6.6.6-4.9 4.2 1.5 6.4L12 16l-6.1 3.2 1.5-6.4L2.5 8.6 9.1 8z\"\/><\/svg>\n            Perfil de la carrera\n          <\/h3>\n          <p class=\"muted\">Formaci\u00f3n h\u00edbrida en arte digital y programaci\u00f3n para producir contenidos animados, interfaces y aplicaciones interactivas.<\/p>\n          <div style=\"display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;\">\n            <span class=\"chip\">Animaci\u00f3n 2D\/3D<\/span>\n            <span class=\"chip\">Videojuegos y motores<\/span>\n            <span class=\"chip\">UX\/UI y prototipado<\/span>\n            <span class=\"chip\">XR (AR\/VR\/MR)<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ===== CONTENIDO ===== -->\n  <main class=\"wrap\" role=\"main\">\n    <div class=\"grid grid-2\">\n      <!-- \u00bfEn qu\u00e9 consiste? -->\n      <article class=\"card\" aria-labelledby=\"enque-consiste-tiad\">\n        <h3 id=\"enque-consiste-tiad\">\n          <!-- monitor icon -->\n          <svg class=\"ico ico-lg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M3 4h18v12H3zM8 20h8v-2H8z\"\/><\/svg>\n          \u00bfEn qu\u00e9 consiste?\n        <\/h3>\n        <p class=\"muted\">\n          Desarrolla habilidades para concebir, dise\u00f1ar y producir experiencias interactivas y piezas animadas,\n          integrando narrativa visual, modelado, rigging, iluminaci\u00f3n, motores de juego, UI y programaci\u00f3n creativa.\n          Enfatiza flujo de trabajo profesional, colaboraci\u00f3n y portafolio.\n        <\/p>\n      <\/article>\n\n      <!-- \u00bfQu\u00e9 aprender\u00e1s? -->\n      <aside class=\"card\" aria-labelledby=\"que-aprenderas-tiad\">\n        <h3 id=\"que-aprenderas-tiad\">\n          <!-- check icon -->\n          <svg class=\"ico ico-lg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M21 7L9 19l-6-6 2-2 4 4L19 5z\"\/><\/svg>\n          \u00bfQu\u00e9 aprender\u00e1s?\n        <\/h3>\n        <ul class=\"list\" aria-label=\"Competencias\">\n          <li>\n            <svg class=\"ico ico-yes\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2l-3.5-3.6-1.4 1.4L9 19 20.3 7.7l-1.4-1.4z\"\/><\/svg>\n            Animaci\u00f3n 2D\/3D: principios, storyboarding, rigging y render.\n          <\/li>\n          <li>\n            <svg class=\"ico ico-yes\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2l-3.5-3.6-1.4 1.4L9 19 20.3 7.7l-1.4-1.4z\"\/><\/svg>\n            Motores de juego (Unity\/Unreal) y scripting para gameplay y UI.\n          <\/li>\n          <li>\n            <svg class=\"ico ico-yes\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2l-3.5-3.6-1.4 1.4L9 19 20.3 7.7l-1.4-1.4z\"\/><\/svg>\n            UX\/UI: dise\u00f1o de interfaces, prototipado y accesibilidad.\n          <\/li>\n          <li>\n            <svg class=\"ico ico-yes\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2l-3.5-3.6-1.4 1.4L9 19 20.3 7.7l-1.4-1.4z\"\/><\/svg>\n            Producci\u00f3n audiovisual: composici\u00f3n, sonido y postproducci\u00f3n.\n          <\/li>\n          <li>\n            <svg class=\"ico ico-yes\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2l-3.5-3.6-1.4 1.4L9 19 20.3 7.7l-1.4-1.4z\"\/><\/svg>\n            Realidad aumentada y virtual (XR) y experiencias inmersivas.\n          <\/li>\n          <li>\n            <svg class=\"ico ico-yes\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2l-3.5-3.6-1.4 1.4L9 19 20.3 7.7l-1.4-1.4z\"\/><\/svg>\n            Gesti\u00f3n de proyectos creativos y portafolio profesional.\n          <\/li>\n        <\/ul>\n      <\/aside>\n    <\/div>\n\n    <!-- Campo laboral + Ventaja competitiva -->\n    <section class=\"grid grid-2\" aria-label=\"Campo laboral y ventajas\">\n      <article class=\"card\" aria-labelledby=\"campo-laboral-tiad\">\n        <h3 id=\"campo-laboral-tiad\">\n          <!-- briefcase icon -->\n          <svg class=\"ico ico-lg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M9 3h6v2h5a2 2 0 012 2v3H2V7a2 2 0 012-2h5V3zm13 7v7a3 3 0 01-3 3H5a3 3 0 01-3-3v-7h20z\"\/><\/svg>\n          \u00bfD\u00f3nde podr\u00e1s trabajar?\n        <\/h3>\n        <ul class=\"list\">\n          <li>\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4 5h16v10H4zM8 19h8v-2H8z\"\/><\/svg>\n            Estudios de animaci\u00f3n, VFX y postproducci\u00f3n.\n          <\/li>\n          <li>\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 4h18v12H3zM8 20h8v-2H8z\"\/><\/svg>\n            Desarrolladoras de videojuegos y experiencias interactivas.\n          <\/li>\n          <li>\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2 7h20v10H2z\"\/><\/svg>\n            Agencias de dise\u00f1o\/UX, marketing digital y productos tecnol\u00f3gicos.\n          <\/li>\n          <li>\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l9 4-9 4-9-4 9-4zm-9 7l9 4 9-4v9l-9 4-9-4V9z\"\/><\/svg>\n            Emprendimiento: estudios boutique, apps creativas, AR para comercio.\n          <\/li>\n        <\/ul>\n      <\/article>\n\n      <aside class=\"card\" aria-labelledby=\"ventaja-competitiva-tiad\">\n        <h3 id=\"ventaja-competitiva-tiad\">\n          <svg class=\"ico ico-lg ico-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6 6.6.6-4.9 4.2 1.5 6.4L12 16l-6.1 3.2 1.5-6.4L2.5 8.6 9.1 8z\"\/><\/svg>\n          Ventaja competitiva\n        <\/h3>\n        <div class=\"benefits\">\n          <div class=\"benefit\">\n            <!-- cubes -->\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 2l5 3v6L7 8V2zm10 3l5 3v6l-5-3V5zM2 9l5 3v6l-5-3V9z\"\/><\/svg>\n            <div>\n              <strong>Pipeline profesional<\/strong>\n              <div class=\"muted\">Desde concepto a render\/juego: modelado, texturas, rig, iluminaci\u00f3n y comp.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"benefit\">\n            <!-- vr headset -->\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4 8h16a3 3 0 013 3v1a3 3 0 01-3 3h-3l-2 2h-6l-2-2H4a3 3 0 01-3-3v-1a3 3 0 013-3z\"\/><\/svg>\n            <div>\n              <strong>XR y prototipado r\u00e1pido<\/strong>\n              <div class=\"muted\">Herramientas para AR\/VR y pruebas iterativas con usuarios.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"benefit\">\n            <!-- rocket -->\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2c3 0 6 2 7 5-3 1-6 4-7 7-3-1-6-4-7-7 1-3 4-5 7-5zM5 19l3-1 1 3-3 1-1-3zM16 18l3 1-1 3-3-1 1-3z\"\/><\/svg>\n            <div>\n              <strong>Portafolio competitivo<\/strong>\n              <div class=\"muted\">Proyectos reales y demo reels enfocados a empleabilidad.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/section>\n\n    <!-- Ejes de formaci\u00f3n -->\n    <section class=\"card\" aria-labelledby=\"ejes-tiad\">\n      <h3 id=\"ejes-tiad\">\n        <!-- layers -->\n        <svg class=\"ico ico-lg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l10 6-10 6L2 8l10-6zm0 10l10 6-10 6-10-6 10-6z\"\/><\/svg>\n        Plan de formaci\u00f3n en 4 ejes\n      <\/h3>\n      <div class=\"grid grid-3\">\n        <div class=\"card\" style=\"padding:14px;\">\n          <strong>Arte y narrativa<\/strong>\n          <p class=\"muted\">Principios de animaci\u00f3n, storyboard, color y composici\u00f3n.<\/p>\n        <\/div>\n        <div class=\"card\" style=\"padding:14px;\">\n          <strong>3D y producci\u00f3n<\/strong>\n          <p class=\"muted\">Modelado, rigging, shading, iluminaci\u00f3n y render.<\/p>\n        <\/div>\n        <div class=\"card\" style=\"padding:14px;\">\n          <strong>Interactividad y UX\/UI<\/strong>\n          <p class=\"muted\">Motores, scripting, interfaces y accesibilidad.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FAQs -->\n    <section aria-label=\"Preguntas frecuentes\" class=\"card\">\n      <h3>\n        <!-- help -->\n        <svg class=\"ico ico-lg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm2.1-6.3l-.9.9c-.7.7-1.2 1.2-1.2 2.4h-2v-.5c0-1 .5-1.9 1.2-2.5l1.2-1.1c.3-.3.5-.7.5-1.1 0-.9-.7-1.6-1.6-1.6-.8 0-1.5.5-1.7 1.3l-2-.5A3.6 3.6 0 0112 6a3.6 3.6 0 013.6 3.6c0 .8-.3 1.5-.9 2.1z\"\/><\/svg>\n        Preguntas frecuentes\n      <\/h3>\n      <details>\n        <summary>\u00bfNecesito saber programar antes de entrar?<\/summary>\n        <div class=\"faq-body\">No. Iniciar\u00e1s con fundamentos y subir\u00e1s de nivel con proyectos guiados.<\/div>\n      <\/details>\n      <details>\n        <summary>\u00bfSe usan motores de juego profesionales?<\/summary>\n        <div class=\"faq-body\">S\u00ed. Trabajar\u00e1s con motores l\u00edderes y buenas pr\u00e1cticas de producci\u00f3n.<\/div>\n      <\/details>\n      <details>\n        <summary>\u00bfQu\u00e9 equipo necesito?<\/summary>\n        <div class=\"faq-body\">Se recomiendan GPU dedicada y 16&nbsp;GB de RAM; hay opciones para optimizar flujos.<\/div>\n      <\/details>\n    <\/section>\n\n    <!-- CTA final -->\n    <section class=\"cta-footer\" id=\"inscripcion-tiad\" aria-label=\"Llamado a la acci\u00f3n\">\n      <a class=\"btn btn-primary\" href=\"https:\/\/cumpatria.edu.mx\/index.php\/contactos\/\">Inscribirme ahora<\/a>\n     \n<\/section>\n<!-- ========== \/Fin de p\u00e1gina de carrera: Tecnolog\u00eda Interactiva y Animaci\u00f3n Digital ========== -->\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o \u2022 C\u00f3digo \u2022 Narrativa visual Tecnolog\u00eda Interactiva y Animaci\u00f3n Digital Crea experiencias digitales inmersivas: animaci\u00f3n 2D\/3D, videojuegos, UX\/UI, realidad extendida y desarrollo interactivo con enfoque art\u00edstico y t\u00e9cnico. Inscribirme Hablar con asesor Perfil de la carrera Formaci\u00f3n h\u00edbrida en arte digital y programaci\u00f3n para producir contenidos animados, interfaces y aplicaciones interactivas. Animaci\u00f3n 2D\/3D Videojuegos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":2,"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/190\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/cumpatria.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}