{"id":175,"date":"2026-06-26T16:17:49","date_gmt":"2026-06-26T19:17:49","guid":{"rendered":"https:\/\/www.ufmg.br\/teatrouniversitario\/?page_id=175"},"modified":"2026-09-30T15:41:28","modified_gmt":"2026-09-30T18:41:28","slug":"o-teatro-universitario","status":"publish","type":"page","link":"https:\/\/www.ufmg.br\/teatrouniversitario\/","title":{"rendered":"O Teatro Universit\u00e1rio"},"content":{"rendered":"\n<style>\n  .tu-historia {\n    --tu-texto: #2b2b2b;\n    --tu-texto-secundario: #5b5b5b;\n    --tu-titulo: #171717;\n    --tu-destaque: #8c1d24;\n    --tu-borda: #dedede;\n    --tu-fundo-destaque: #f7f5f3;\n\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 50px 24px 70px;\n\n    color: var(--tu-texto);\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 18px;\n    line-height: 1.8;\n  }\n\n  .tu-historia * {\n    box-sizing: border-box;\n  }\n\n\n  \/* =====================================================\n     INTRODU\u00c7\u00c3O\n     ===================================================== *\/\n\n  .tu-historia__introducao {\n    position: relative;\n\n    margin-bottom: 45px;\n    padding: 36px 40px;\n\n    border-left: 5px solid var(--tu-destaque);\n\n    background: var(--tu-fundo-destaque);\n  }\n\n  .tu-historia__introducao p {\n    margin: 0;\n\n    color: var(--tu-titulo);\n\n    font-size: clamp(1.35rem, 2.3vw, 2rem);\n    font-weight: 600;\n    line-height: 1.5;\n  }\n\n\n  \/* =====================================================\n     CARROSSEL\n     ===================================================== *\/\n\n  .tu-carrossel {\n    position: relative;\n\n    width: 100%;\n    margin: 0 0 55px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--tu-borda);\n    border-radius: 6px;\n\n    background: #fff;\n\n    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);\n  }\n\n  .tu-carrossel__viewport {\n    width: 100%;\n\n    overflow: hidden;\n\n    touch-action: pan-y;\n  }\n\n  .tu-carrossel__track {\n    display: flex;\n\n    width: 100%;\n\n    transition: transform 0.55s ease;\n  }\n\n  .tu-carrossel__slide {\n    position: relative;\n\n    flex: 0 0 100%;\n\n    width: 100%;\n    min-width: 100%;\n\n    background: #fff;\n  }\n\n  .tu-carrossel__slide img {\n    display: block;\n\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n\n    object-fit: cover;\n    object-position: center;\n\n    background: #111;\n\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n\n\n  \/* =====================================================\n     CR\u00c9DITO DO FOT\u00d3GRAFO\n     ===================================================== *\/\n\n  .tu-carrossel__credito {\n    width: 100%;\n\n    padding: 8px 12px;\n\n    border-top: 1px solid var(--tu-borda);\n\n    background: var(--tu-fundo-destaque);\n\n    color: var(--tu-texto-secundario);\n\n    font-size: 12px;\n    line-height: 1.4;\n    text-align: right;\n  }\n\n\n  \/* =====================================================\n     BOT\u00d5ES DO CARROSSEL\n     ===================================================== *\/\n\n  .tu-carrossel__botao {\n    position: absolute;\n    top: calc(50% - 18px);\n\n    z-index: 10;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 46px;\n    height: 46px;\n\n    padding: 0;\n\n    border: 0;\n    border-radius: 50%;\n\n    background: rgba(255, 255, 255, 0.92);\n\n    color: var(--tu-destaque);\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 29px;\n    font-weight: 700;\n    line-height: 1;\n\n    cursor: pointer;\n\n    transform: translateY(-50%);\n\n    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);\n\n    transition:\n      background-color 0.2s ease,\n      color 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .tu-carrossel__botao:hover,\n  .tu-carrossel__botao:focus {\n    background: #fff;\n\n    color: #65151a;\n\n    transform: translateY(-50%) scale(1.06);\n  }\n\n  .tu-carrossel__botao:focus-visible {\n    outline: 3px solid rgba(140, 29, 36, 0.4);\n    outline-offset: 3px;\n  }\n\n  .tu-carrossel__botao--anterior {\n    left: 15px;\n  }\n\n  .tu-carrossel__botao--proximo {\n    right: 15px;\n  }\n\n\n  \/* =====================================================\n     INDICADORES\n     ===================================================== *\/\n\n  .tu-carrossel__indicadores {\n    position: absolute;\n    right: 0;\n    bottom: 42px;\n    left: 0;\n\n    z-index: 8;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n\n    pointer-events: none;\n  }\n\n  .tu-carrossel__indicador {\n    display: block;\n\n    width: 10px;\n    height: 10px;\n\n    padding: 0;\n\n    border: 2px solid #fff;\n    border-radius: 50%;\n\n    background: transparent;\n\n    cursor: pointer;\n\n    opacity: 0.85;\n\n    pointer-events: auto;\n\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease,\n      opacity 0.2s ease;\n  }\n\n  .tu-carrossel__indicador.ativo {\n    background: #fff;\n\n    transform: scale(1.2);\n\n    opacity: 1;\n  }\n\n\n  \/* =====================================================\n     SE\u00c7\u00d5ES\n     ===================================================== *\/\n\n  .tu-historia__secao {\n    margin-bottom: 55px;\n  }\n\n  .tu-historia__secao h2 {\n    position: relative;\n\n    margin: 0 0 25px;\n    padding-bottom: 14px;\n\n    color: var(--tu-titulo);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(1.75rem, 3vw, 2.5rem);\n    font-weight: 600;\n    line-height: 1.2;\n  }\n\n  .tu-historia__secao h2::after {\n    content: \"\";\n\n    display: block;\n\n    width: 70px;\n    height: 3px;\n\n    margin-top: 14px;\n\n    background: var(--tu-destaque);\n  }\n\n  .tu-historia__secao h3 {\n    margin: 38px 0 18px;\n\n    color: var(--tu-titulo);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(1.4rem, 2.5vw, 1.9rem);\n    font-weight: 600;\n    line-height: 1.3;\n  }\n\n  .tu-historia__secao p {\n    margin: 0 0 22px;\n\n    color: var(--tu-texto);\n  }\n\n  .tu-historia__secao p:last-child {\n    margin-bottom: 0;\n  }\n\n\n  \/* =====================================================\n     PRIMEIRA LETRA\n     ===================================================== *\/\n\n  .tu-historia__destaque-inicial::first-letter {\n    float: left;\n\n    margin: 8px 8px 0 0;\n\n    color: var(--tu-destaque);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 4.5rem;\n    font-weight: 700;\n    line-height: 0.75;\n  }\n\n\n  \/* =====================================================\n     ANOS\n     ===================================================== *\/\n\n  .tu-historia__ano {\n    display: inline-block;\n\n    margin-right: 5px;\n\n    color: var(--tu-destaque);\n\n    font-weight: 700;\n  }\n\n\n  \/* =====================================================\n     LOCALIZA\u00c7\u00c3O\n     ===================================================== *\/\n\n  .tu-historia__localizacao {\n    margin-top: 30px;\n    padding: 30px 34px;\n\n    border: 1px solid var(--tu-borda);\n    border-radius: 4px;\n\n    background: #fff;\n  }\n\n  .tu-historia__localizacao p {\n    margin-bottom: 20px;\n  }\n\n\n  \/* =====================================================\n     BOT\u00c3O\n     ===================================================== *\/\n\n  .tu-historia__botao {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 48px;\n\n    padding: 13px 24px;\n\n    border: 2px solid var(--tu-destaque);\n    border-radius: 3px;\n\n    background: var(--tu-destaque);\n\n    color: #fff !important;\n\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.3;\n\n    text-decoration: none !important;\n\n    transition:\n      background-color 0.25s ease,\n      color 0.25s ease,\n      transform 0.25s ease;\n  }\n\n  .tu-historia__botao:hover,\n  .tu-historia__botao:focus {\n    background: transparent;\n\n    color: var(--tu-destaque) !important;\n\n    transform: translateY(-2px);\n  }\n\n  .tu-historia__botao:focus-visible {\n    outline: 3px solid rgba(140, 29, 36, 0.3);\n    outline-offset: 4px;\n  }\n\n\n  \/* =====================================================\n     SEPARADOR\n     ===================================================== *\/\n\n  .tu-historia__separador {\n    width: 100%;\n    height: 1px;\n\n    margin: 55px 0;\n\n    border: 0;\n\n    background: var(--tu-borda);\n  }\n\n\n  \/* =====================================================\n     TABLET\n     ===================================================== *\/\n\n  @media (max-width: 768px) {\n    .tu-historia {\n      padding: 35px 20px 50px;\n\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .tu-historia__introducao {\n      margin-bottom: 35px;\n\n      padding: 26px 24px;\n    }\n\n    .tu-carrossel {\n      margin-bottom: 45px;\n\n      border-radius: 5px;\n    }\n\n    .tu-carrossel__botao {\n      width: 40px;\n      height: 40px;\n\n      font-size: 24px;\n    }\n\n    .tu-carrossel__botao--anterior {\n      left: 9px;\n    }\n\n    .tu-carrossel__botao--proximo {\n      right: 9px;\n    }\n\n    .tu-carrossel__credito {\n      padding: 7px 10px;\n\n      font-size: 11px;\n    }\n\n    .tu-carrossel__indicadores {\n      bottom: 39px;\n    }\n\n    .tu-historia__secao {\n      margin-bottom: 42px;\n    }\n\n    .tu-historia__localizacao {\n      padding: 25px 22px;\n    }\n  }\n\n\n  \/* =====================================================\n     MOBILE\n     ===================================================== *\/\n\n  @media (max-width: 480px) {\n    .tu-historia {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n\n    .tu-historia__introducao {\n      padding: 22px 19px;\n    }\n\n    .tu-carrossel {\n      margin-bottom: 38px;\n\n      border-radius: 4px;\n    }\n\n    .tu-carrossel__botao {\n      width: 34px;\n      height: 34px;\n\n      font-size: 21px;\n    }\n\n    .tu-carrossel__botao--anterior {\n      left: 6px;\n    }\n\n    .tu-carrossel__botao--proximo {\n      right: 6px;\n    }\n\n    .tu-carrossel__indicadores {\n      bottom: 36px;\n\n      gap: 7px;\n    }\n\n    .tu-carrossel__indicador {\n      width: 8px;\n      height: 8px;\n    }\n\n    .tu-carrossel__credito {\n      padding: 6px 9px;\n\n      font-size: 10px;\n    }\n\n    .tu-historia__botao {\n      width: 100%;\n\n      text-align: center;\n    }\n  }\n\n\n  \/* =====================================================\n     ACESSIBILIDADE\n     ===================================================== *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .tu-carrossel__track,\n    .tu-carrossel__botao,\n    .tu-historia__botao {\n      transition: none;\n    }\n  }\n<\/style>\n\n\n<article class=\"tu-historia\">\n\n\n  <!-- =====================================================\n       INTRODU\u00c7\u00c3O\n       ===================================================== -->\n\n  <header class=\"tu-historia__introducao\">\n\n    <p>\n      80 anos dedicados \u00e0 forma\u00e7\u00e3o teatral, \u00e0 cria\u00e7\u00e3o c\u00eanica,\n      \u00e0 pesquisa, \u00e0 extens\u00e3o e \u00e0 mem\u00f3ria das artes da cena em Minas Gerais.\n    <\/p>\n\n  <\/header>\n\n\n  <!-- =====================================================\n       CARROSSEL\n       ===================================================== -->\n\n  <div class=\"tu-carrossel\" data-tu-carrossel=\"\" tabindex=\"0\" aria-label=\"Galeria de imagens do Teatro Universit\u00e1rio da UFMG\">\n\n    <div class=\"tu-carrossel__viewport\">\n\n      <div class=\"tu-carrossel__track\">\n\n\n        <!-- FOTO 1 -->\n        <div class=\"tu-carrossel__slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-11-de-set.-de-2026-18_14_27-5.png\" alt=\"Espet\u00e1culo do Teatro Universit\u00e1rio da UFMG\">\n\n          <div class=\"tu-carrossel__credito\">\n            Foto: \u00cdtalo Vieira\n          <\/div>\n\n        <\/div>\n\n\n        <!-- FOTO 2 -->\n        <div class=\"tu-carrossel__slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-11-de-set.-de-2026-18_14_27-4.png\" alt=\"Cena de espet\u00e1culo do Teatro Universit\u00e1rio da UFMG\" loading=\"lazy\">\n\n          <div class=\"tu-carrossel__credito\">\n            Foto: Naum Produ\u00e7oes\n          <\/div>\n\n        <\/div>\n\n\n        <!-- FOTO 3 -->\n        <div class=\"tu-carrossel__slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-11-de-set.-de-2026-18_14_26-2.png\" alt=\"Montagem c\u00eanica do Teatro Universit\u00e1rio da UFMG\" loading=\"lazy\">\n\n          <div class=\"tu-carrossel__credito\">\n            Foto: \u00cdtalo Vieira\n          <\/div>\n\n        <\/div>\n\n\n        <!-- FOTO 4 -->\n        <div class=\"tu-carrossel__slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-11-de-set.-de-2026-18_14_26-1.png\" alt=\"Apresenta\u00e7\u00e3o do Teatro Universit\u00e1rio da UFMG\" loading=\"lazy\">\n\n          <div class=\"tu-carrossel__credito\">\n            Foto: Mauro Maper\n          <\/div>\n\n        <\/div>\n\n\n        <!-- FOTO 5 -->\n        <div class=\"tu-carrossel__slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-11-de-set.-de-2026-18_09_51-5.png\" alt=\"Produ\u00e7\u00e3o teatral do Teatro Universit\u00e1rio da UFMG\" loading=\"lazy\">\n\n          <div class=\"tu-carrossel__credito\">\n            Foto: Mauro S\u00e9rvulo\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- Bot\u00e3o anterior -->\n    <button type=\"button\" class=\"tu-carrossel__botao tu-carrossel__botao--anterior\" aria-label=\"Mostrar imagem anterior\">\n      \u2039\n    <\/button>\n\n\n    <!-- Bot\u00e3o pr\u00f3ximo -->\n    <button type=\"button\" class=\"tu-carrossel__botao tu-carrossel__botao--proximo\" aria-label=\"Mostrar pr\u00f3xima imagem\">\n      \u203a\n    <\/button>\n\n\n    <!-- Indicadores -->\n    <div class=\"tu-carrossel__indicadores\" aria-label=\"Selecionar imagem\">\n\n      <button type=\"button\" class=\"tu-carrossel__indicador ativo\" aria-label=\"Mostrar imagem 1\"><\/button>\n\n      <button type=\"button\" class=\"tu-carrossel__indicador\" aria-label=\"Mostrar imagem 2\"><\/button>\n\n      <button type=\"button\" class=\"tu-carrossel__indicador\" aria-label=\"Mostrar imagem 3\"><\/button>\n\n      <button type=\"button\" class=\"tu-carrossel__indicador\" aria-label=\"Mostrar imagem 4\"><\/button>\n\n      <button type=\"button\" class=\"tu-carrossel__indicador\" aria-label=\"Mostrar imagem 5\"><\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       UMA REFER\u00caNCIA\n       ===================================================== -->\n\n  <section class=\"tu-historia__secao\">\n\n    <h2>\n      Forma\u00e7\u00e3o\n    <\/h2>\n\n    \n    <p class=\"tu-historia__destaque-inicial\">\n      O TU oferta o curso de n\u00edvel m\u00e9dio T\u00e9cnico em Teatro, na modalidade\n      subsequente (ap\u00f3s o ensino m\u00e9dio), registrado no Sistema Nacional de\n      Informa\u00e7\u00f5es da Educa\u00e7\u00e3o Profissional e Tecnol\u00f3gica\/SISTEC do Minist\u00e9rio\n      da Educa\u00e7\u00e3o.\n    <\/p>\n\n    <p>\n      Pertence institucionalmente a Unidade Especial de Ensino B\u00e1sico,\n      T\u00e9cnico e Profissional (EBAP) da UFMG.\n    <\/p>\n\n    <p>\n      O curso tem dura\u00e7\u00e3o de dois anos e \u00e9 composto por disciplinas de\n      interpreta\u00e7\u00e3o, corpo, voz, teatro brasileiro, teoria teatral,\n      produ\u00e7\u00e3o t\u00e9cnica e cen\u00e1rio e figurino.\n    <\/p>\n\n    <p>\n      No \u00faltimo per\u00edodo os estudantes participam de um projeto integrado\n      com professores orientadores, que culmina numa montagem c\u00eanica\n      profissional, apresentada para p\u00fablico externo.\n    <\/p>\n\n  <\/section>\n\n\n  <hr class=\"tu-historia__separador\">\n\n\n  <!-- =====================================================\n       HAYD\u00c9E BITTENCOURT\n       ===================================================== -->\n\n  <section class=\"tu-historia__secao\">\n\n    <h2>\n      Hist\u00f3ria\n    <\/h2>\n\n    \n    <p>\n      Ao longo de seus anos de exist\u00eancia, o Teatro Universit\u00e1rio se firmou\n      como uma refer\u00eancia de excel\u00eancia na forma\u00e7\u00e3o do ator em Minas Gerais.\n      Inicia suas atividades em 1947 por iniciativa de estudantes de diversos\n      da UFMG.\n    <\/p>\n\n    <p>\n      Em 1957, se configura como curso regular e apresenta como objetivos\n      a forma\u00e7\u00e3o do int\u00e9rprete e a realiza\u00e7\u00e3o de apresenta\u00e7\u00f5es p\u00fablicas de\n      espet\u00e1culos. Vale lembrar que a implanta\u00e7\u00e3o de Teatros Universit\u00e1rios\n      acontece no Brasil, na d\u00e9cada de 50, motivada pela pol\u00edtica do governo\n      federal e por uma nova gera\u00e7\u00e3o de artistas e cr\u00edticos que reconhecem e\n      conferem import\u00e2ncia ao ensino sistem\u00e1tico no \u00e2mbito teatral, entre eles\n      D\u00e9cio de Almeida Prado e S\u00e1bato Magaldi.\n    <\/p>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       FORMA\u00c7\u00c3O E CONSOLIDA\u00c7\u00c3O\n       ===================================================== -->\n\n  <section class=\"tu-historia__secao\">\n\n    <h2>\n      Hayd\u00e9e Bittencourt\n    <\/h2>\n\n    \n    <p>\n      Em 1961, por indica\u00e7\u00e3o do cr\u00edtico S\u00e1bato Magaldi, quem assume a dire\u00e7\u00e3o\n      do Teatro Universit\u00e1rio \u00e9 Hayd\u00e9e Bittencourt, profissional formada no\n      Royal Theater de Londres e professora da Escola de Arte Dram\u00e1tica (EAD),\n      em S\u00e3o Paulo.\n    <\/p>\n\n    <p>\n      Durante os vinte e quatro anos em que permanece na institui\u00e7\u00e3o, Hayd\u00e9e\n      tem atua\u00e7\u00e3o fundamental, moldando os rumos da cria\u00e7\u00e3o c\u00eanica em Belo\n      Horizonte e em todo o estado de Minas Gerais. Atrav\u00e9s dos mais de trinta\n      espet\u00e1culos que dirige no Teatro Universit\u00e1rio, formou v\u00e1rias gera\u00e7\u00f5es\n      de atores, com t\u00e9cnica apurada e conhecimento aprofundado em sua\n      especializa\u00e7\u00e3o.\n    <\/p>\n\n  <\/section>\n\n\n  <hr class=\"tu-historia__separador\">\n\n\n  <!-- =====================================================\n       ONDE ESTAMOS\n       ===================================================== -->\n\n  <section class=\"tu-historia__secao\">\n\n    <h2>\n      Onde estamos\n    <\/h2>\n\n    <div class=\"tu-historia__localizacao\">\n\n      <p>\n        O Teatro Universit\u00e1rio da Universidade Federal de Minas Gerais\n        fica localizado na\n        <strong>\n          Av. Pres. Ant\u00f4nio Carlos, 6627 \u2013\n          Pampulha, Belo Horizonte \u2013 MG\n        <\/strong>.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n<\/article>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const carrosseis =\n    document.querySelectorAll(\"[data-tu-carrossel]\");\n\n  carrosseis.forEach(function (carrossel) {\n\n    const track =\n      carrossel.querySelector(\".tu-carrossel__track\");\n\n    const viewport =\n      carrossel.querySelector(\".tu-carrossel__viewport\");\n\n    const slides =\n      carrossel.querySelectorAll(\".tu-carrossel__slide\");\n\n    const anterior =\n      carrossel.querySelector(\n        \".tu-carrossel__botao--anterior\"\n      );\n\n    const proximo =\n      carrossel.querySelector(\n        \".tu-carrossel__botao--proximo\"\n      );\n\n    const indicadores =\n      carrossel.querySelectorAll(\n        \".tu-carrossel__indicador\"\n      );\n\n\n    if (!track || slides.length === 0) {\n      return;\n    }\n\n\n    let indice = 0;\n    let intervalo = null;\n\n    let touchInicio = 0;\n    let touchFim = 0;\n\n\n    function atualizar() {\n\n      track.style.transform =\n        \"translateX(-\" + (indice * 100) + \"%)\";\n\n\n      indicadores.forEach(\n        function (indicador, i) {\n\n          indicador.classList.toggle(\n            \"ativo\",\n            i === indice\n          );\n\n          indicador.setAttribute(\n            \"aria-current\",\n            i === indice ? \"true\" : \"false\"\n          );\n\n        }\n      );\n\n    }\n\n\n    function avancar() {\n\n      indice =\n        (indice + 1) % slides.length;\n\n      atualizar();\n\n    }\n\n\n    function voltar() {\n\n      indice =\n        (indice - 1 + slides.length)\n        % slides.length;\n\n      atualizar();\n\n    }\n\n\n    function pararAutomatico() {\n\n      if (intervalo !== null) {\n\n        clearInterval(intervalo);\n\n        intervalo = null;\n\n      }\n\n    }\n\n\n    function iniciarAutomatico() {\n\n      pararAutomatico();\n\n\n      if (\n        window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches\n      ) {\n        return;\n      }\n\n\n      intervalo = setInterval(\n        avancar,\n        6000\n      );\n\n    }\n\n\n    anterior.addEventListener(\n      \"click\",\n      function () {\n\n        voltar();\n\n        iniciarAutomatico();\n\n      }\n    );\n\n\n    proximo.addEventListener(\n      \"click\",\n      function () {\n\n        avancar();\n\n        iniciarAutomatico();\n\n      }\n    );\n\n\n    indicadores.forEach(\n      function (indicador, i) {\n\n        indicador.addEventListener(\n          \"click\",\n          function () {\n\n            indice = i;\n\n            atualizar();\n\n            iniciarAutomatico();\n\n          }\n        );\n\n      }\n    );\n\n\n    carrossel.addEventListener(\n      \"mouseenter\",\n      pararAutomatico\n    );\n\n\n    carrossel.addEventListener(\n      \"mouseleave\",\n      iniciarAutomatico\n    );\n\n\n    carrossel.addEventListener(\n      \"focusin\",\n      pararAutomatico\n    );\n\n\n    carrossel.addEventListener(\n      \"focusout\",\n      iniciarAutomatico\n    );\n\n\n    viewport.addEventListener(\n      \"touchstart\",\n      function (evento) {\n\n        touchInicio =\n          evento.changedTouches[0].screenX;\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    viewport.addEventListener(\n      \"touchend\",\n      function (evento) {\n\n        touchFim =\n          evento.changedTouches[0].screenX;\n\n\n        const distancia =\n          touchFim - touchInicio;\n\n\n        if (Math.abs(distancia) < 45) {\n          return;\n        }\n\n\n        if (distancia < 0) {\n\n          avancar();\n\n        } else {\n\n          voltar();\n\n        }\n\n\n        iniciarAutomatico();\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    carrossel.addEventListener(\n      \"keydown\",\n      function (evento) {\n\n        if (evento.key === \"ArrowLeft\") {\n\n          voltar();\n\n          iniciarAutomatico();\n\n        }\n\n\n        if (evento.key === \"ArrowRight\") {\n\n          avancar();\n\n          iniciarAutomatico();\n\n        }\n\n      }\n    );\n\n\n    atualizar();\n\n    iniciarAutomatico();\n\n  });\n\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>80 anos dedicados \u00e0 forma\u00e7\u00e3o teatral, \u00e0 cria\u00e7\u00e3o c\u00eanica, \u00e0 pesquisa, \u00e0 extens\u00e3o e \u00e0 mem\u00f3ria das artes da cena em Minas Gerais. Foto: \u00cdtalo Vieira Foto: Naum Produ\u00e7oes Foto: \u00cdtalo Vieira Foto: Mauro Maper Foto: Mauro S\u00e9rvulo \u2039 \u203a Forma\u00e7\u00e3o O TU oferta o curso de n\u00edvel m\u00e9dio T\u00e9cnico em Teatro, na modalidade subsequente [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-175","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":7,"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/pages\/175\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/www.ufmg.br\/teatrouniversitario\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}