<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="true"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Viajo Porque Preciso, Volto Porque te Amo&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Viajo Porque Preciso, Volto Porque te Amo&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="2936785"
  data-blocked-in-user-country="false"
>
    
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">Viajo Porque Preciso, Volto Porque te Amo</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">Sobre</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px]">Duração</div>
            <div class="text-ds-micro-semi-bold text-ds-subtle bg-ds-inverted rounded px-1 pt-[0.15rem]">01:11:18</div>
          </div>
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Disponibilizado</div>
          <div class="text-ds-small-regular text-ds-default">março 2024</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categorias</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/ate-90-minutos"
                    data-turbo-frame="_top"
                  >
                    Pequenas Jornadas: Até 90 Minutos
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (152 vídeos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/category-ey2ecbd4cd8"
                    data-turbo-frame="_top"
                  >
                    Volta ao Mundo: Cinema Brasileiro
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (72 vídeos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/festival-de-veneza"
                    data-turbo-frame="_top"
                  >
                    Selecionados no Festival de Veneza
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (75 vídeos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/cinema-latino-americano"
                    data-turbo-frame="_top"
                  >
                    Volta ao Mundo: Cinema Latino-Americano
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (87 vídeos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/drama"
                    data-turbo-frame="_top"
                  >
                    Emoção à Flor da Pele: Dramas
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (554 vídeos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/todos-os-filmes"
                    data-turbo-frame="_top"
                  >
                    Todos os Filmes
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (814 vídeos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Fechar</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <div data-test="trailer-video">
          <ds-badge color="gray" class="absolute left-2 top-2 z-[2]"><ds-icon name='video-player' class="mr-1"></ds-icon> Trailer</ds-badge>
          
<script
  type="module"
  crossorigin
  src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.4.0/+esm"
></script>


<video-player
  dir="lrt"
  idle-timeout="5000"
  data-test="player"
  data-id="2940107"
  data-controller="program-video scrat-analytics program-video-timeline-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/T4aEQpiwA2g8Ei68LfkqEJVBKR02X02xQk/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJUNGFFUXBpd0EyZzhFaTY4TGZrcUVKVkJLUjAyWDAyeFFrIiwiZXhwIjoxNzc1Mjc3MDQ4LCJraWQiOiJibEJBSzhkSENmaTIzcXZsYlZyQ1Fpb1pic3JrVnM2UCIsImF1ZCI6InMifQ.VMJWjWoarGMYlloJhIwTYbZRoxGwW8jg57CmTEkpe2v9P6P3uEbWqPyicufagcZRtq02MPW6SCzn97rKqQFIdixPrtHiBQzDFMTPCkhwf-b4c6Pip7qb8ALIiYOaTmNS37KCyD1Ztv3Ak0I73HATkkZDwz0aWkWs6LLk9ojRFyDCqJ4kG_tqrIRevH5MFhXXHjFxmHeL7vCCK3C7XfmOPSz4a9ZPzYCGnRECf1oVdggcbIHrzgWk72Abz7mbu3Q1aMxSM4chhgLMdf0jT31dxsRqmf-Bwj4pvm6hBUo2EUuXG_Cav2LNEwOKUg6RAn1hcK2Mj4nKNl06cn7KgQJ16g"
  storage-key="uscreen:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;Viajo Porque Preciso, Volto Porque te Amo - Trailer&quot;,&quot;video_id&quot;:2940107}"
  data-program-video-stats-value="{&quot;store_id&quot;:54022,&quot;video_id&quot;:2936785,&quot;trailer_id&quot;:2940107,&quot;content_id&quot;:2940107,&quot;content_title&quot;:&quot;Viajo Porque Preciso, Volto Porque te Amo&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:2940107,&quot;user_id&quot;:null,&quot;author_id&quot;:[],&quot;author_title&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-program-video-content-type-value="video"
  data-program-video-next-video-id-value="0"
  data-program-video-challenge-watched-video-url-value=""
  data-program-video-streak-watch-threshold-value="10"
  data-program-video-streak-enabled-value="false"
  data-program-video-streak-path-value="/streak/continue"
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
  data-action="hovering-&gt;program-video-timeline-preview#setPreviewFrame "
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    poster="https://alpha.uscreencdn.com/assets%2Ftmp%2Fviajo-porque-preciso-volto-porque-te-amo_thumbnail.1711564149.jpg"
  >
    <source
      src="https://stream.mux.com/T4aEQpiwA2g8Ei68LfkqEJVBKR02X02xQk.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJUNGFFUXBpd0EyZzhFaTY4TGZrcUVKVkJLUjAyWDAyeFFrIiwiZXhwIjoxNzc1Mjc3MDQ4LCJraWQiOiJibEJBSzhkSENmaTIzcXZsYlZyQ1Fpb1pic3JrVnM2UCIsImF1ZCI6InYifQ.IeFqnZtZDIQoQuScI6_hF4JP8NLP3l9PwA-areFA9QUzieGechk7HcFIXWxssa5fa6FhhXKOfBo3QY2jnPR2YGB7JAgl0sioRLi1SP3dJhlSZRADJQtaBofKJvUl4fJfo6DvguS6Gis2VhVjtAP0Lzu4w8gcrsIsQAC7xtJIxFL_ySbbu9Ro4UJepLofhcXNKAlckttpCCrojbB3wF6ZGCu2wMbGkJy8q7TgT205vmrIVhNDes0joAGPojiCNr--kdLJ-Y1clH5p8n6JW5mXyvqd9Wy70QUsI9QVBQGv9CFux61ocpZjRrxDvLbphWVQYhrA4DtumYjTk7er6ig0cA"
      type="application/x-mpegURL"
    />
  </video>
  <video-chromecast
    slot="chromecast"
      receiver-application-id="3EE5C317"
  ></video-chromecast>
  <video-condition query="played==false">
    <video-play-button
      data-action="click->program-video#clickPlayButtonScreen"
      without-tooltip
      data-test="big-play-button"
      slot="true"
      class="
        absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        bg-primary rounded-full [--video-player-button-color:var(--contrast-to-primary-color)]
        [--size:4.5rem] part-[button]:p-3 shadow hover:scale-105
      "
    ></video-play-button>
  </video-condition>
  <video-controls>
      <video-timeline
        segments=""
        data-program-video-target="timeline"
      >
        <video-timer format="past"></video-timer>
          <div
            class="hidden items-center flex-col"
            data-program-video-timeline-preview-target="previewRoot"
          >
            <div
              class="rounded relative overflow-hidden border border-white h-20 w-20 bg-ds-default mb-1"
              data-program-video-timeline-preview-target="preview"
            >
              <img
                alt=""
                class="absolute left-0 top-0 max-w-none transform origin-top-left"
                data-program-video-timeline-preview-target="image"
                data-action="load->program-video-timeline-preview#onImageLoad"
              />
            </div>
            <div
              class="max-w-[12rem] text-center text-white empty:hidden line-clamp-1 text-ds-small-medium"
              data-program-video-timeline-preview-target="sectionTitle"></div>
            <div
              class="max-w-[12rem] text-center text-white text-ds-small-medium"
              data-program-video-timeline-preview-target="timecode">0:00</div>
          </div>
      </video-timeline>

    <video-play-button data-test="play-button" data-action="click->program-video#clickPlayButton">
      <span slot="tooltip:play">Reproduzir</span>
      <span slot="tooltip:pause">Pausar</span>
    </video-play-button>

      <video-backward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Voltar</span>
      </video-backward-button>
      <video-forward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Avançar</span>
      </video-forward-button>

    <video-volume-button>
      <span slot="tooltip:unmute">Com áudio</span>
      <span slot="tooltip:mute">Sem áudio</span>
    </video-volume-button>

    <video-volume-control></video-volume-control>


    <div class="ms-auto"></div>

    <video-subtitles-button>
      <span slot="tooltip">Legendas</span>
    </video-subtitles-button>

    <video-settings-button
      
      translation="{&quot;back&quot;:&quot;Voltar&quot;,&quot;shortcuts&quot;:&quot;Atalhos do teclado&quot;,&quot;quality&quot;:&quot;Qualidade&quot;,&quot;rate&quot;:&quot;Configurações de reprodução&quot;,&quot;rewind&quot;:&quot;Retroceder&quot;,&quot;volume&quot;:&quot;Mudar volume&quot;,&quot;mute&quot;:&quot;Sem áudio&quot;,&quot;toggle-play&quot;:&quot;Reproduzir / Pausar&quot;,&quot;enter-fullscreen&quot;:&quot;Entrar em tela cheia&quot;,&quot;exit-fullscreen&quot;:&quot;Sair da tela cheia&quot;}"
    >
      <span slot="tooltip">Configurações</span>
    </video-settings-button>

    <video-airplay-button>
      <span slot="tooltip:disabled">AirPlay</span>
      <span slot="tooltip:enabled">AirPlay</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">Picture in Picture</span>
      <span slot="tooltip:enabled">Picture in Picture</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">Chromecast</span>
      <span slot="tooltip:enabled">Chromecast</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">Entrar em tela cheia</span>
      <span slot="tooltip:enabled">Sair da tela cheia</span>
    </video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
</video-player>

        </div>
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        Viajo Porque Preciso, Volto Porque te Amo
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/108965/small_brasileiro_karim_ainouz_ira_disputar_a_palma_de_ouro_principal_premio_do_festival_de_cannes_pascal_l.1711654680.jpg"
              text="Karim Aïnouz">
            </ds-avatar>
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block -ml-2"
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/100872/small_marcelo-gomes.1696264122.jpg"
              text="Marcelo Gomes">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Karim Aïnouz
            + 1
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <div class="editor-content"><p></p><p><strong>Um filme de&nbsp;Marcelo Gomes &amp; Karim Aïnouz</strong></p><p>José Renato é geólogo e foi enviado para realizar uma pesquisa, tendo que atravessar todo o sertão nordestino. Sua missão é avaliar o possível percurso de um canal que será feito, desviando as águas do único rio caudaloso da região. À medida que a viagem ocorre ele percebe que possui muitas coisas em comum com os lugares por onde passa. Desde o vazio à sensação de abandono, até o isolamento, o que torna a viagem cada vez mais difícil.</p><p></p><p><strong>– Vencedor dos prêmios de Melhor Direção e Melhor Fotografia no Festival do Rio.</strong></p><p></p><p>Classificação Indicativa: <strong>14 Anos</strong></p><p>Contém: Linguagem Imprópria.</p><p></p><p>Título Original:&nbsp;<strong>Viajo Porque Preciso, Volto Porque te Amo</strong></p><p>Duração: <strong>71&nbsp;min</strong></p><p>Ano de lançamento: <strong>2009</strong></p><p>País:<strong>&nbsp;Brasil</strong></p></div>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Saiba mais</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '2936785', 'sidebar', 'Assinar para assistir')">
                  Assinar para assistir
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Selecione uma assinatura:</p>
                  <a
                    href="/checkout/new?o=127304"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/127304/18a.1691617064.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Mensalmente
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        M - 18 Anos
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Grátis por 7 dias
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            R$24,50/mês após período de teste
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=127307"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/127307/16a.1691617050.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Mensalmente
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        M - 16 Anos
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Grátis por 7 dias
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            R$24,50/mês após período de teste
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=127308"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/127308/14a.1691617035.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Mensalmente
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        M - 14 Anos
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Grátis por 7 dias
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            R$24,50/mês após período de teste
                          </span>
                        </div>
                    </div>
                  </a>
                  <div class="text-right">
                    <a href="/join" data-turbo-frame="_top" class="inline-flex text-ds-base-medium items-center" href="">Mais detalhes<ds-icon class="ml-1" size="14px" name="chevron-right"></ds-icon></a>
                  </div>
              </div>
            </ds-dropdown>
          <ds-button class="shrink-0" href="/checkout/new?o=rp2936785" variant="regular" data-turbo-frame="_top">
            Alugar R$10,90</ds-button>
    </div>
  </div>
</div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/viajo-porque-preciso-volto-porque-te-amo/related" target="_top"></turbo-frame>

</template></turbo-stream>