.. O código serve para colocar as fontes necessárias - dados do Google Fonts
.. raw:: html

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Calistoga&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap" rel="stylesheet">

==========
TV e Vídeo
==========

Nesta seção são apresentados matérias de TV e em vídeo online. Em um universo de 510 vídeos, uma fração foi selecionada para apresentação.

.. raw:: html

   <style>
       .video-link-container {
           position: relative;
           display: inline-block;
           width: 100%;
           max-width: 640px; /* Define a largura máxima do seu vídeo */
       }
       .video-link-container img {
           display: block;
           width: 100%;
           height: auto;
       }
       .play-button {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           cursor: pointer;
           filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
       }
       /* CSS para o contêiner do vídeo incorporado */
       .video-embed-container {
           position: relative;
           width: 100%;
           padding-top: 56.25%; /* Proporção 16:9 */
       }
       .video-embed-container iframe {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
       }
   </style>
   <div id="video-container-clipping" class="video-link-container">
       <img id="video-thumbnail-clipping" src="_static/Clipping.png" alt="Miniatura do Vídeo" />
       <svg class="play-button" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
           <circle cx="30" cy="30" r="28" fill="#FFFFFF" stroke="#000000" stroke-width="2"/>
           <path d="M25 20L40 30L25 40V20Z" fill="#000000"/>
       </svg>
   </div>
   <div id="video-embed-clipping" class="video-embed-container" style="display: none;">
     <iframe src="https://drive.google.com/file/d/1qXQAgSMzv8Yg64jab6n0gzDWWj8nEEpu/preview" frameborder="0" allowfullscreen></iframe>
   </div>
   <script>
       document.addEventListener('DOMContentLoaded', function() {
           const container = document.getElementById('video-container-clipping');
           const embed = document.getElementById('video-embed-clipping');
           
           if (container && embed) {
               container.addEventListener('click', function() {
                   container.style.display = 'none';
                   embed.style.display = 'block';
               });
           }
       });
   </script>

Acima é compartilhado um clipping com algns recortes que remontam uma década de repotagens na mídia nacional e internacional. Matérias completas podem ser encontradas nas seções Nacional e Internacional.

=====

.. toctree::
   :maxdepth: 1
   :caption: Conteúdo:
   
   Video_Nacional   
   Video_Internacional 
.. Video_Regional