<turbo-stream action="append" target="activities"><template>
    <div class="col" id="activity_306">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURZOmZlYXR1cmVzIg==--0dee2534b40de967d6e8102e917e1460d7e0e57569b40fb2ca30b1acee5782ca"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK0RVSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNTYyWiIsInB1ciI6ImJsb2JfaWQifX0=--6f024766bca0952cbb95595f330187ca281560de/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Screenshot_2026-10-04-09-57-20-92_50ef9f5a0f3fc24b6f0ffc8843167fe4.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/test-opera-">
        test opera 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Ópera</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          150
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/test-opera-">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_305">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURVOmZlYXR1cmVzIg==--dd48818fd70e4c7def7687cb4aa2027c56dcdfdc577cab01097c9b46e4a4ad81"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMkhVSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNTc1WiIsInB1ciI6ImJsb2JfaWQifX0=--cd533064f6d4b8dc2f1803d8e16ed974d0c6cbe3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000040885.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/spectacle">
        spectacle
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Ópera</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Ouled Fayet, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/spectacle">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_302">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURJOmZlYXR1cmVzIg==--5ea3c81ec04f15a6cac26e14fa966185e533bc6e99c73f1460139d5e5e0d7553"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGJUSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNTg3WiIsInB1ciI6ImJsb2JfaWQifX0=--635dce1a43ac00dcbb9260f7334df903537328b6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Snapchat-1205523912.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/sport-">
        sport 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventos</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          255
          -
          3.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/sport-">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_301">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TURFOmZlYXR1cmVzIg==--608dfa22443601e533d9dec67012a259a9459b188d636aae6c7248c7dfa1eaac"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL3ZTSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjA0WiIsInB1ciI6ImJsb2JfaWQifX0=--e2bb54a75b9eff4ad1118534dcadf61551d55887/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_6A1FC06D-EBA7-4991-9C16-D9C59333349C_1784631043.jpeg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/activit">
        activité
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventos</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/activit">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_267">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TmpjOmZlYXR1cmVzIg==--e7a8deee50796abd34a9f702cf4c2ec82e7ba2471f157dd73762e0d7d50bcb19"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNlRNSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjE1WiIsInB1ciI6ImJsb2JfaWQifX0=--a6ae8a037e2f83fd1f2e070909a13b354859dfc7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_95CB5D92-E9B1-4888-97DB-D126956F9CFB_1777804407.heic?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/das-2">
        das
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventos</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Chlef, Chlef</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/das-2">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_257">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRjOmZlYXR1cmVzIg==--ee7eb7d02e45ee23c9066a20d33a96719af649ade995ec6b9d206d5a080ff1ee"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNUhHSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjI3WiIsInB1ciI6ImJsb2JfaWQifX0=--a5d5ae4da576f3b57328a69c12a71285fb096b72/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000017467.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/kayak-2">
        kayak 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Aventuras e ao ar livre</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Annaba, Annaba</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/kayak-2">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_250">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRBOmZlYXR1cmVzIg==--511bc6703fc468579e63ed800fa235ca5ab579002c3436c19d98cb748f2077b7"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNkRGSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjM5WiIsInB1ciI6ImJsb2JfaWQifX0=--73678bf8eeb65315e1d5ad247e23a0027509d2eb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011111.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/yy">
        happy
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/yy">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_232">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpJOmZlYXR1cmVzIg==--c7ea00bd6a0062309af6a7c2a4843c62e1e0683ed2f98e325fb79672a1abaa4a"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOXJESVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjUwWiIsInB1ciI6ImJsb2JfaWQifX0=--d7417ea1951c99d09e8539cb606fa384fa0d7c16/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/31.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/balade-en-bateau-">
        balade en bateau ⛵
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Aventuras e ao ar livre</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/balade-en-bateau-">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_222">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TWpJOmZlYXR1cmVzIg==--867c902dc03270ae4a7f5e7127343c60a4cd6089a6c7a1117e25eaae86e6e35c"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXJESVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjYxWiIsInB1ciI6ImJsb2JfaWQifX0=--95c74c4a3d352e387e086caca2f5326d4c8b5a90/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000034944.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/al-hamdulilah-">
        al hamdulilah 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventos</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/al-hamdulilah-">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_216">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TVRZOmZlYXR1cmVzIg==--0aed5c95031c51bff2f9c88593cc0e84d28a83c9128522e5d96ee931e3e44617"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeVRDSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjcxWiIsInB1ciI6ImJsb2JfaWQifX0=--a045bf7abe6bc24a5d54053e3d57b72da6e8ad49/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000011111.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/scan-test-2">
        scan test
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Batna, Batna</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/scan-test-2">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_211">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TVRFOmZlYXR1cmVzIg==--0633bca560d2f836186fb5cc25ef1f2c19f5fc3d4758e78735574a575f142afb"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeWZCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNjg1WiIsInB1ciI6ImJsb2JfaWQifX0=--dddbda4f28debd0375cdb217bfcaf8d03234e2ec/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_26A2B90C-EF88-4895-A081-22EE6A18A3C8-3006-0000000B15AAEBAA.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/party">
        party
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          50
          -
          500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/party">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_210">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TVRBOmZlYXR1cmVzIg==--0310b06cb8545409d09593de2d2018c37e7f274bea658a880e83919ba6d493f0"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeUxCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNzAxWiIsInB1ciI6ImJsb2JfaWQifX0=--3653190d2ede1275ceddf3669a044e944b325e34/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_8044E3CF-C792-4AAD-AA41-DE6F35C43F75-3006-00000009DA77B7A3.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/rrrr">
        Nature cruise
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Concertos e eventos musicais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/rrrr">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_209">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURrOmZlYXR1cmVzIg==--380f2fa17f3d797b021472b4d7436194ab6da690843150fa16660b6c5829de7e"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeURCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNzEyWiIsInB1ciI6ImJsb2JfaWQifX0=--4de303cd729e16823b17eced838b366bd5f5a387/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_11FFCC0B-2548-4014-B97B-F5123C1685B1-3006-0000000900B28CC5.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/wedding">
        wedding
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/wedding">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_208">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURnOmZlYXR1cmVzIg==--e70a4ad636f65efc7db0f6404d8d4afa800863fc1299f7cd5666e6de76214ff1"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeDdCSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNzI0WiIsInB1ciI6ImJsb2JfaWQifX0=--37175ba367d7d772e7f7b5e1bbe10b5cbf77b54b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_18E84824-692B-498A-8CA8-B8E946E25414-3006-0000000813B5E65A.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/est">
        est
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventos</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/est">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_207">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURjOmZlYXR1cmVzIg==--ac5932ee405b9f5d2bd0b99f5e3568aa11a93f7490c3e95b930fe6312d84a81c"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd25CSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNzM2WiIsInB1ciI6ImJsb2JfaWQifX0=--2366643c89e7cbb19488923d918b49ceb27dc1a6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_picker_DBB8AA52-5882-4D00-8B73-1BE126561FC2-3006-000000024B460A25.jpg?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/activit-nature">
        activité nature
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        Grátis
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/activit-nature">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_185">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4T0RVOmZlYXR1cmVzIg==--46c5ab96e59d18ccad5015713d5af398edbc1374015411a9d766e8f8c44a476a"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNG0rSVE9PSIsImV4cCI6IjIwMjYtMTAtMDVUMDU6NTM6NTMuNzQ2WiIsInB1ciI6ImJsb2JfaWQifX0=--6f5c29dcd9352330322efd3d65574ec874b4e93b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/30.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/kayak-">
        kayak 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Aventuras e ao ar livre</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Tenes, Chlef</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2.000
          -
          3.000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/kayak-">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_154">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRROmZlYXR1cmVzIg==--4284c979755c83813bb9e1ee9621f8f158ddceb7915f69e931e61a08b05d6395"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcXhnIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1Mzo1My43NjRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--545a1b84ecfee7aa71f61a4b25d95030248608e0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_picker_E9338EF7-5CCC-4427-B343-F70DC563AB6A-34409-0000002C206BA07B19040598-uhd_2560_1440_60fps.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/activit-vent">
        activity Évent
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          weekly
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Biskra, Biskra</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          20
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/activit-vent">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_153">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRNOmZlYXR1cmVzIg==--e07961421a65620690eadaf260aa24a6dd0762d961ab2d9db76bc4ad9a00437b"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBckpmIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1Mzo1My43NzRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--fddeb7be5ce59375370ab2233bca303dc3bf341c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000022588.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/hhs">
        Heool
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Aventuras e ao ar livre</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Adrar, Adrar</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          10
          -
          80
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/hhs">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_152">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRJOmZlYXR1cmVzIg==--dd8e6ba7b7169dfaa7984d109b8dd6c06941d93174c16977689b283326dc3487"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcU5mIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1Mzo1My43OTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--40fded07baee51be82d6594ccbd1ad0451004fa5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000022588.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/Dz-Devs">
        Dz Devs
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Festivais</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Batna, Batna</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          10
          -
          20
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/Dz-Devs">
      Escolher
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_145">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TkRVOmZlYXR1cmVzIg==--4610cbf5c76f58cc1e70c8c6ab6bf5ae0d6a3db3e83f8ba1614199759300d7cf"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaWRmIiwiZXhwIjoiMjAyNi0xMC0wNVQwNTo1Mzo1My44MDZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--35570dd176d80ef3c2ac6f25f389104dae63eae7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000022588.mp4?locale=pt" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/pt/activities/4g-tt">
        4g tt
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Eventos</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">Batna, Batna</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/pt/activities/4g-tt">
      Escolher
</a>  </div>
</article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="activities_placeholder"></turbo-stream>
  <turbo-stream action="append" target="activities"><template>
    <turbo-frame class="" id="activities_placeholder">
      <div class="col">
        <article class="card h-100 hover-effect-scale hover-effect-opacity bg-body-tertiary border-0 rounded-5">
          <div class="bg-body-secondary rounded-5 rounded-bottom overflow-hidden">
            <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(306 / 416 * 100%)"></div>
          </div>
          <div class="card-body">
            <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            <h3 class="h5 pt-1 mb-2">
              <span class="placeholder bg-body-secondary col-8 rounded-pill cursor-default"></span>
            </h3>
            <div class="d-flex align-items-center fs-sm">
              <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            </div>
          </div>
          <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 pt-0 pb-4">
            <div class="h5 text-info mb-0"><span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span></div>
            <button type="button" class="btn btn-secondary bg-body-secondary rounded-5 active border-0 cursor-default">
              <span class="opacity-0">Book now</span>
            </button>
          </div>
        </article>
      </div>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="activities_pagination"><template>
      <turbo-frame loading="lazy" id="activities_pagination" src="/pt/activities.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>