{"id":7105,"date":"2026-01-12T16:13:27","date_gmt":"2026-01-12T16:13:27","guid":{"rendered":"https:\/\/www.natae-agroecology.eu\/?page_id=7105"},"modified":"2026-01-12T17:08:00","modified_gmt":"2026-01-12T17:08:00","slug":"%d9%85%d8%b1%d8%b1-%d9%84%d8%a3%d8%b3%d9%81%d9%84_%d8%a7%d9%84%d9%86%d8%b4%d8%b1%d8%a9_%d8%a7%d9%84%d8%a5%d8%ae%d8%a8%d8%a7%d8%b1%d9%8a%d8%a9_%d8%a7%d9%84%d8%a5%d9%86%d9%8a%d9%85%d9%8a%d8%b4%d9%86_","status":"publish","type":"page","link":"https:\/\/www.natae-agroecology.eu\/ar\/scroll-down_natae_animation_newsletter5\/","title":{"rendered":"\u0645\u0631\u0631 \u0644\u0623\u0633\u0641\u0644_\u0627\u0644\u0646\u0634\u0631\u0629_\u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629_\u0627\u0644\u0625\u0646\u064a\u0645\u064a\u0634\u0646_\u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u06295"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7105\" class=\"elementor elementor-7105\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2df27e0 e-con-full e-flex e-con e-parent\" data-id=\"2df27e0\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba21730 elementor-widget elementor-widget-html\" data-id=\"ba21730\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.natae-parallax {\r\n  font-family: 'Lato', sans-serif;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* Cada dia ocupa um \u201cbloco\u201d *\/\r\n.natae-day {\r\n  position: relative;\r\n}\r\n\r\n\r\n    \/* ESTRUTURA DOS DIAS *\/\r\n    .day-section {\r\n      position: relative;\r\n    }\r\n\r\n    .hero {\r\n      width: 100%;\r\n      height: 100vh;\r\n      position: sticky;\r\n      top: 0;\r\n      left: 0;\r\n      overflow: hidden;\r\n      z-index: 1;\r\n    }\r\n\r\n\/* Hero fixo 100vh *\/\r\n.natae-hero {\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: sticky;\r\n  top: 0;\r\n  left: 0;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n  \/* Backgrounds diferentes por dia *\/\r\n    .hero[data-day=\"1\"] {\r\n  background: linear-gradient(to bottom, #ffffdb 0%, #f8d376 100%);\r\n}\r\n\r\n    .hero[data-day=\"2\"] {\r\n      background: linear-gradient(to bottom, #ff6b6b 0%, #8b2e2e 100%);\r\n    }\r\n\r\n    .hero[data-day=\"3\"] {\r\n      background: linear-gradient(to bottom, #4ecdc4 0%, #1a535c 100%);\r\n    }\r\n\r\n    .spacer {\r\n      height: 180vh;\r\n      position: relative;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* CAMADAS PARALLAX *\/\r\n    .parallax-layer {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 400%;\r\n      height: 100%;\r\n      background-repeat: repeat-x;\r\n      background-position: 0 100%;\r\n      will-change: transform;\r\n    }\r\n\r\n    .hero[data-day=\"1\"] .layer-7 {\r\n      background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/natae_sky_5-scaled.png\");\r\n      background-size: auto 150px;\r\n      z-index: 1;\r\n      bottom: auto;\r\n      top: 50px;\r\n      background-position: 0 0;\r\n    }\r\n\r\n    \/* DIA 1 - Camadas originais *\/\r\n    .hero[data-day=\"1\"] .layer-6 {\r\n      background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/natae_montains-scaled.png\");\r\n      background-size: auto 222px;\r\n      bottom: 170px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero[data-day=\"1\"] .layer-5 {\r\n      background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/Natae_tress_grasss_sheep_river-scaled.png\");\r\n      background-size: auto 400px;\r\n      bottom: 75px;\r\n      z-index: 3;\r\n    }\r\n\r\n    .hero[data-day=\"1\"] .layer-4 {\r\n      background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/natae_grass_4-scaled.png\");\r\n      background-size: auto 100px;\r\n      bottom: 80px;\r\n      z-index: 4;\r\n    }\r\n\r\n    .hero[data-day=\"1\"] .layer-3 {\r\n      background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/natae_grass_2-scaled.png\");\r\n      background-size: auto 150px;\r\n      bottom: 80px;\r\n      z-index: 5;\r\n    }\r\n\r\n    .hero[data-day=\"1\"] .layer-2 {\r\n      background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/natae_front1_dirt-scaled.png\");\r\n      background-size: auto 130px;\r\n      z-index: 6;\r\n    }\r\n\r\n  \r\n  \r\n  \r\n  \r\n    \/* DIA 2 - Mesmas camadas (vais substituir as imagens) *\/\r\n    .hero[data-day=\"2\"] .layer-6 {\r\n      background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/24650\/6.png);\r\n      background-size: auto 222px;\r\n      z-index: 1;\r\n    }\r\n\r\n    .hero[data-day=\"2\"] .layer-5 {\r\n      background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/24650\/5.png);\r\n      background-size: auto 311px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero[data-day=\"2\"] .layer-4 {\r\n      background-image: url(\"images\/4_v2.png\");\r\n      background-size: auto 468px;\r\n      z-index: 3;\r\n    }\r\n\r\n    .hero[data-day=\"2\"] .layer-3 {\r\n      background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/24650\/3.png);\r\n      background-size: auto 158px;\r\n      z-index: 4;\r\n    }\r\n\r\n    .hero[data-day=\"2\"] .layer-2 {\r\n      background-image: url(\"images\/grass.png\");\r\n      background-size: auto 145px;\r\n      z-index: 5;\r\n    }\r\n\r\n    \/* DIA 3 - Mesmas camadas (vais substituir as imagens) *\/\r\n    .hero[data-day=\"3\"] .layer-6 {\r\n      background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/24650\/6.png);\r\n      background-size: auto 222px;\r\n      z-index: 1;\r\n    }\r\n\r\n    .hero[data-day=\"3\"] .layer-5 {\r\n      background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/24650\/5.png);\r\n      background-size: auto 311px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero[data-day=\"3\"] .layer-4 {\r\n      background-image: url(\"images\/4_v2.png\");\r\n      background-size: auto 468px;\r\n      z-index: 3;\r\n    }\r\n\r\n    .hero[data-day=\"3\"] .layer-3 {\r\n      background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/24650\/3.png);\r\n      background-size: auto 158px;\r\n      z-index: 4;\r\n    }\r\n\r\n    .hero[data-day=\"3\"] .layer-2 {\r\n      background-image: url(\"images\/grass.png\");\r\n      background-size: auto 145px;\r\n      z-index: 5;\r\n    }\r\n\r\n    \/* ELEMENTOS ANIMADOS *\/\r\n    .animated-element {\r\n      background-repeat: no-repeat;\r\n      position: absolute;\r\n      bottom: 50px;\r\n      width: 220px;\r\n      height: 200px;\r\n      z-index: 7;\r\n      will-change: transform;\r\n    }\r\n\r\n    \/* DIA 1 - Camelos *\/\r\n    .hero[data-day=\"1\"] .element-1 {\r\n  background-image: url(\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2026\/01\/natae_wagon-scaled.png\");\r\n  background-size: contain; \/* Mant\u00e9m propor\u00e7\u00f5es sem cortar *\/\r\n  background-position: center bottom; \/* Alinha ao fundo *\/\r\n  left: -300px; \/* Come\u00e7a mais fora para entrada suave *\/\r\n  bottom: 60px;\r\n  width: 300px; \/* Aumenta largura *\/\r\n  height: 180px; \/* Aumenta altura *\/\r\n}\r\n\r\n    \r\n    \/* DIA 2 - Camelos (vais substituir as imagens) *\/\r\n    .hero[data-day=\"2\"] .element-1 {\r\n      background-image: url(\"images\/camel.png\");\r\n      background-size: auto 200px;\r\n      left: -150px;\r\n      bottom: 60px;\r\n    }\r\n\r\n    .hero[data-day=\"2\"] .element-2 {\r\n      background-image: url(\"images\/camel.png\");\r\n      background-size: auto 200px;\r\n      left: -150px;\r\n      bottom: 30px;\r\n    }\r\n\r\n    \/* DIA 3 - Camelos (vais substituir as imagens) *\/\r\n    .hero[data-day=\"3\"] .element-1 {\r\n      background-image: url(\"images\/camel.png\");\r\n      background-size: auto 200px;\r\n      left: -150px;\r\n      bottom: 60px;\r\n    }\r\n\r\n    .hero[data-day=\"3\"] .element-2 {\r\n      background-image: url(\"images\/camel.png\");\r\n      background-size: auto 200px;\r\n      left: -150px;\r\n      bottom: 30px;\r\n    }\r\n\r\n    \/* LOGO *\/\r\n    .logo {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      z-index: 10;\r\n      width: 100%;\r\n      max-width: 600px;\r\n      padding: 20px;\r\n      opacity: 1;\r\n      will-change: opacity;\r\n    }\r\n\r\n    .logo img {\r\n      width: 100%;\r\n      height: auto;\r\n      display: block;\r\n    }\r\n\r\n    \/* SCROLL INDICATOR *\/\r\n    .scroll-indicator {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 100;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n\r\n  background: rgba(255, 255, 255, 0.75);\r\n  padding: 10px 22px;\r\n  border-radius: 40px;\r\n  backdrop-filter: blur(6px);\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n\r\n  color: #3b2a0f;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.04em;\r\n  text-align: center;\r\n\r\n  opacity: 1;\r\n  transition: opacity 0.3s;\r\n}\r\n\r\n\r\n\r\n\r\n    @keyframes bounce {\r\n      0%, 20%, 50%, 80%, 100% {\r\n        transform: translateY(0);\r\n      }\r\n      40% {\r\n        transform: translateY(-10px);\r\n      }\r\n      60% {\r\n        transform: translateY(-5px);\r\n      }\r\n    }\r\n\r\n    \/* CONTENT *\/\r\n    .content {\r\n      position: relative;\r\n      background: #fff;\r\n      padding: 100px 20px;\r\n      z-index: 100;\r\n      min-height: 60vh;\r\n    }\r\n\r\n    .content-inner {\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      font-size: 18px;\r\n      line-height: 1.6;\r\n      color: #12202F;\r\n    }\r\n\r\n    .content-inner h1 {\r\n      font-size: 48px;\r\n      margin-bottom: 30px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .content-inner h2 {\r\n      font-size: 32px;\r\n      margin: 40px 0 20px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .content-inner p {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    \/* CORES DE DESTAQUE POR DIA *\/\r\n    .content[data-content=\"1\"] h1 {\r\n      color: #8a6604;\r\n    }\r\n\r\n    .content[data-content=\"2\"] h1 {\r\n      color: #8b2e2e;\r\n    }\r\n\r\n    .content[data-content=\"3\"] h1 {\r\n      color: #1a535c;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .logo {\r\n        max-width: 80%;\r\n      }\r\n\r\n      .content-inner h1 {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .content-inner h2 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n\r\n   .mouse-icon {\r\n  display: inline-block;\r\n  flex: 0 0 auto;\r\n  width: 22px;\r\n  height: 34px;\r\n  border: 2px solid #3b2a0f;\r\n  border-radius: 12px;\r\n  position: relative;\r\n}\r\n\r\n\r\n.mouse-icon::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 50%;\r\n  width: 4px;\r\n  height: 6px;\r\n  background: #3b2a0f;\r\n  border-radius: 2px;\r\n  transform: translateX(-50%);\r\n  animation: mouseScroll 1.5s infinite;\r\n}\r\n\r\n@keyframes mouseScroll {\r\n  0% {\r\n    opacity: 1;\r\n    transform: translate(-50%, 0);\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n    transform: translate(-50%, 10px);\r\n  }\r\n}\r\n\r\n\r\n\/* === NATAE DAY 1 TIMELINE === *\/\r\n.natae-timeline {\r\n  position: relative;\r\n  padding-left: 40px;\r\n}\r\n\r\n.natae-day-title {\r\n  font-size: 36px;\r\n  font-weight: 900;\r\n  margin-bottom: 50px;\r\n  color: #8a6604;\r\n}\r\n\r\n.natae-line {\r\n  position: absolute;\r\n  left: 14px;\r\n  top: 60px;\r\n  bottom: 0;\r\n  width: 4px;\r\n  background: linear-gradient(to bottom, #c9a36a, #8a6604);\r\n  border-radius: 4px;\r\n}\r\n\r\n.natae-event {\r\n  display: flex;\r\n  gap: 30px;\r\n  margin-bottom: 60px;\r\n  position: relative;\r\n}\r\n\r\n.natae-dot {\r\n  width: 20px;\r\n  height: 20px;\r\n  background: #8a6604;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  margin-top: 12px;\r\n  box-shadow: 0 0 0 6px rgba(201,163,106,.3);\r\n}\r\n\r\n.natae-card {\r\n  background: #fff;\r\n  padding: 26px 30px;\r\n  border-radius: 18px;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,.08);\r\n  max-width: 700px;\r\n}\r\n\r\n.natae-date {\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n  color: #8a6604;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.natae-card h3 {\r\n  font-size: 22px;\r\n  margin-bottom: 10px;\r\n  color: #3b2a0f;\r\n}\r\n\r\n.natae-card p {\r\n  font-size: 17px;\r\n  color: #555;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.natae-card a {\r\n  font-weight: 800;\r\n  color: #6a8f3a;\r\n  text-decoration: none;\r\n}\r\n\r\n.natae-card a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"day-section\">\r\n\r\n  <!-- HERO (Parallax) -->\r\n  <div class=\"hero\" data-day=\"1\">\r\n\r\n    <!-- Sky -->\r\n    <div class=\"parallax-layer layer-7\"><\/div>\r\n\r\n    <!-- Montanhas -->\r\n    <div class=\"parallax-layer layer-6\"><\/div>\r\n\r\n    <!-- \u00c1rvores, rio, ovelhas -->\r\n    <div class=\"parallax-layer layer-5\"><\/div>\r\n\r\n    <!-- Relva fundo -->\r\n    <div class=\"parallax-layer layer-4\"><\/div>\r\n\r\n    <!-- Elemento animado (carro\u00e7a NATAE) -->\r\n    <div class=\"animated-element element-1\"><\/div>\r\n\r\n    <!-- Relva frente -->\r\n    <div class=\"parallax-layer layer-3\"><\/div>\r\n\r\n    <!-- Terra frente -->\r\n    <div class=\"parallax-layer layer-2\"><\/div>\r\n\r\n    <!-- LOGO -->\r\n    <div class=\"logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg\" alt=\"NATAE\">\r\n    <\/div>\r\n\r\n    <!-- Indicador de scroll -->\r\n    <div class=\"scroll-indicator\">\r\n      <span>SCROLL TO EXPLORE<\/span>\r\n      <span class=\"mouse-icon\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u00c1REA QUE CONTROLA O SCROLL PARALLAX -->\r\n  <div class=\"spacer\" data-spacer=\"1\"><\/div>\r\n\r\n  <!-- CONTE\u00daDO DO YEAR 1 -->\r\n  <div class=\"content\" data-content=\"1\">\r\n  <div class=\"content-inner natae-timeline\">\r\n<h1 class=\"natae-day-title\">YEAR-2023<\/h1>\r\n    <h2 class=\"natae-day-title\">NATAE Project Kick-off & First Milestones<\/h2>\r\n\r\n    <div class=\"natae-line\"><\/div>\r\n\r\n    <div class=\"natae-event\">\r\n      <div class=\"natae-dot\"><\/div>\r\n      <div class=\"natae-card\">\r\n        <div class=\"natae-date\">January 19, 2023<\/div>\r\n        <h3>Project Kick-off Meeting<\/h3>\r\n        <p>\r\n          Project kick-off meeting organised by CIHEAM-IAMM.\r\n        <\/p>\r\n        <a href=\"https:\/\/www.natae-agroecology.eu\/project-kick-off-meeting-organised-by-the-ciheam-iamm\/\" target=\"_blank\">\r\n          Read article \u2192\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"natae-event\">\r\n      <div class=\"natae-dot\"><\/div>\r\n      <div class=\"natae-card\">\r\n        <div class=\"natae-date\">March 21, 2023<\/div>\r\n        <h3>Partner Meeting in Paris<\/h3>\r\n        <p>\r\n          First major coordination meeting between NATAE partners in Paris.\r\n        <\/p>\r\n        <a href=\"https:\/\/www.natae-agroecology.eu\/partner-meeting-in-paris\/\" target=\"_blank\">\r\n          Read article \u2192\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"natae-event\">\r\n      <div class=\"natae-dot\"><\/div>\r\n      <div class=\"natae-card\">\r\n        <div class=\"natae-date\">Sep \u2013 Oct 2023<\/div>\r\n        <h3>Launch of the 7 Living Labs<\/h3>\r\n        <p>\r\n          All seven Living Labs across North Africa officially launched.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"natae-event\">\r\n      <div class=\"natae-dot\"><\/div>\r\n      <div class=\"natae-card\">\r\n        <div class=\"natae-date\">October 24, 2023<\/div>\r\n        <h3>MEDAE Webinar Series<\/h3>\r\n        <p>\r\n          MEDAE network organised a series of webinars to expand outreach and collaboration.\r\n        <\/p>\r\n        <a href=\"https:\/\/www.natae-agroecology.eu\/medae-network-organizes-a-series-of-webinars\/\" target=\"_blank\">\r\n          Watch & read \u2192\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <!-- ============================================ -->\r\n  <!-- DIA 2 -->\r\n  <!-- ============================================ -->\r\n  <div class=\"day-section\">\r\n    <div class=\"hero\" data-day=\"2\">\r\n      <div class=\"parallax-layer layer-6\"><\/div>\r\n      <div class=\"parallax-layer layer-5\"><\/div>\r\n      <div class=\"parallax-layer layer-4\"><\/div>\r\n      <div class=\"animated-element element-1\"><\/div>\r\n      <div class=\"animated-element element-2\"><\/div>\r\n      <div class=\"parallax-layer layer-3\"><\/div>\r\n      <div class=\"parallax-layer layer-2\"><\/div>\r\n      \r\n      <div class=\"logo\">\r\n        <img decoding=\"async\" src=\"images\/Natae-revision-3-02.svg\" alt=\"Dia 2\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"scroll-indicator\">NOW CONTINUE TO EXPLORE<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"spacer\" data-spacer=\"2\"><\/div>\r\n\r\n    <div class=\"content\" data-content=\"2\">\r\n      <div class=\"content-inner\">\r\n        <h1>Dia 2 - O Desafio<\/h1>\r\n        <h2>Nova Perspectiva<\/h2>\r\n        <p>O segundo dia traz novos horizontes e cores. A paisagem transforma-se, revelando tons mais quentes e uma atmosfera diferente.<\/p>\r\n        <p>Os camelos continuam a sua jornada, mas agora sob um c\u00e9u avermelhado que transforma toda a experi\u00eancia.<\/p>\r\n        <h2>Adapta\u00e7\u00e3o<\/h2>\r\n        <p>Cada elemento da paisagem conta uma hist\u00f3ria diferente, movendo-se em harmonia para criar uma narrativa visual \u00fanica.<\/p>\r\n        <p>A jornada est\u00e1 longe de terminar. Continue para descobrir o destino final...<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============================================ -->\r\n  <!-- DIA 3 -->\r\n  <!-- ============================================ -->\r\n  <div class=\"day-section\">\r\n    <div class=\"hero\" data-day=\"3\">\r\n      <div class=\"parallax-layer layer-6\"><\/div>\r\n      <div class=\"parallax-layer layer-5\"><\/div>\r\n      <div class=\"parallax-layer layer-4\"><\/div>\r\n      <div class=\"animated-element element-1\"><\/div>\r\n      <div class=\"animated-element element-2\"><\/div>\r\n      <div class=\"parallax-layer layer-3\"><\/div>\r\n      <div class=\"parallax-layer layer-2\"><\/div>\r\n      \r\n      <div class=\"logo\">\r\n        <img decoding=\"async\" src=\"images\/Natae-revision-3-02.svg\" alt=\"Dia 3\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"scroll-indicator\">FINAL STEP<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"spacer\" data-spacer=\"3\"><\/div>\r\n\r\n    <div class=\"content\" data-content=\"3\">\r\n      <div class=\"content-inner\">\r\n        <h1>Dia 3 - O Destino<\/h1>\r\n        <h2>Chegada<\/h2>\r\n        <p>O terceiro dia traz tons de azul e verde, simbolizando a chegada ao destino. A paisagem transforma-se completamente, revelando um o\u00e1sis de tranquilidade.<\/p>\r\n        <p>Ap\u00f3s tr\u00eas dias de viagem, os camelos finalmente encontram o seu destino, um lugar onde o c\u00e9u e a terra se encontram.<\/p>\r\n        <h2>Conclus\u00e3o<\/h2>\r\n        <p>Esta jornada atrav\u00e9s de tr\u00eas dias distintos demonstra como o parallax pode criar narrativas visuais imersivas e envolventes.<\/p>\r\n        <p>Cada dia trouxe sua pr\u00f3pria personalidade, cores e atmosfera, mas todos partilham a mesma estrutura t\u00e9cnica elegante.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n  <script>\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ Configura\u00e7\u00e3o base de velocidades para as camadas\r\n    const layerSpeeds = {\r\n      'layer-6': 0.2,\r\n      'layer-5': 0.4,\r\n      'layer-4': 0.6,\r\n      'layer-3': 0.8,\r\n      'layer-2': 1\r\n    };\r\n\r\n    \/\/ Configurar anima\u00e7\u00f5es para cada dia\r\n    for (let day = 1; day <= 3; day++) {\r\n      const heroSelector = `.hero[data-day=\"${day}\"]`;\r\n      const spacerSelector = `.spacer[data-spacer=\"${day}\"]`;\r\n\r\n      \/\/ Animar cada camada parallax\r\n      Object.keys(layerSpeeds).forEach(layerClass => {\r\n        const speed = layerSpeeds[layerClass];\r\n        \r\n        gsap.to(`${heroSelector} .${layerClass}`, {\r\n          x: -2000 * speed,\r\n          ease: \"none\",\r\n          scrollTrigger: {\r\n            trigger: spacerSelector,\r\n            start: \"top bottom\",\r\n            end: \"bottom top\",\r\n            scrub: 1\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Animar elementos (camelos) - movimento para a direita\r\n      const windowWidth = window.innerWidth;\r\n      \r\n      gsap.to(`${heroSelector} .element-1`, {\r\n        x: windowWidth + 250,\r\n        ease: \"none\",\r\n        scrollTrigger: {\r\n          trigger: spacerSelector,\r\n          start: \"top bottom\",\r\n          end: \"bottom top\",\r\n          scrub: 1\r\n        }\r\n      });\r\n\r\n      gsap.to(`${heroSelector} .element-2`, {\r\n        x: windowWidth + 250,\r\n        ease: \"none\",\r\n        scrollTrigger: {\r\n          trigger: spacerSelector,\r\n          start: \"top bottom\",\r\n          end: \"bottom top\",\r\n          scrub: 1.5\r\n        }\r\n      });\r\n\r\n      \/\/ Fade out do logo\r\n      gsap.to(`${heroSelector} .logo`, {\r\n        opacity: 0,\r\n        scale: 0.8,\r\n        ease: \"power2.out\",\r\n        scrollTrigger: {\r\n          trigger: spacerSelector,\r\n          start: \"top bottom\",\r\n          end: \"top center\",\r\n          scrub: 1\r\n        }\r\n      });\r\n\r\n      \/\/ Fade out do scroll indicator\r\n      gsap.to(`${heroSelector} .scroll-indicator`, {\r\n        opacity: 0,\r\n        scrollTrigger: {\r\n          trigger: spacerSelector,\r\n          start: \"top bottom\",\r\n          end: \"top center\",\r\n          scrub: true\r\n        }\r\n      });\r\n    }\r\n\r\n    gsap.to('.hero[data-day=\"1\"] .layer-7', {\r\n    x: -1200,\r\n    ease: \"none\",\r\n    scrollTrigger: {\r\n      trigger: '.spacer[data-spacer=\"1\"]',\r\n      start: \"top bottom\",\r\n      end: \"bottom top\",\r\n      scrub: 1\r\n    }\r\n  });\r\n\r\n\r\n    \/\/ Refresh em resize\r\n    window.addEventListener('resize', () => {\r\n      ScrollTrigger.refresh();\r\n    });\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SCROLL TO EXPLORE YEAR-2023 NATAE Project Kick-off &#038; First Milestones January 19, 2023 Project Kick-off Meeting Project kick-off meeting organised by CIHEAM-IAMM. Read article \u2192 March 21, 2023 Partner Meeting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-7105","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Scroll Down_natae_animation_newsletter5 - Natae<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.natae-agroecology.eu\/ar\/\u0645\u0631\u0631-\u0644\u0623\u0633\u0641\u0644_\u0627\u0644\u0646\u0634\u0631\u0629_\u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629_\u0627\u0644\u0625\u0646\u064a\u0645\u064a\u0634\u0646_\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scroll Down_natae_animation_newsletter5 - Natae\" \/>\n<meta property=\"og:description\" content=\"SCROLL TO EXPLORE YEAR-2023 NATAE Project Kick-off &#038; First Milestones January 19, 2023 Project Kick-off Meeting Project kick-off meeting organised by CIHEAM-IAMM. Read article \u2192 March 21, 2023 Partner Meeting [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.natae-agroecology.eu\/ar\/\u0645\u0631\u0631-\u0644\u0623\u0633\u0641\u0644_\u0627\u0644\u0646\u0634\u0631\u0629_\u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629_\u0627\u0644\u0625\u0646\u064a\u0645\u064a\u0634\u0646_\/\" \/>\n<meta property=\"og:site_name\" content=\"Natae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/NATAE-Agroecology\/100091167530196\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-12T17:08:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@natae_HE\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u062a\u0627\u0646\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/\",\"url\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/\",\"name\":\"Scroll Down_natae_animation_newsletter5 - Natae\",\"isPartOf\":{\"@id\":\"https:\/\/www.natae-agroecology.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg\",\"datePublished\":\"2026-01-12T16:13:27+00:00\",\"dateModified\":\"2026-01-12T17:08:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#primaryimage\",\"url\":\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg\",\"contentUrl\":\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.natae-agroecology.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scroll Down_natae_animation_newsletter5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.natae-agroecology.eu\/#website\",\"url\":\"https:\/\/www.natae-agroecology.eu\/\",\"name\":\"NATAE\",\"description\":\"North African Transition to AgroEcology\",\"publisher\":{\"@id\":\"https:\/\/www.natae-agroecology.eu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.natae-agroecology.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.natae-agroecology.eu\/#organization\",\"name\":\"NATAE\",\"url\":\"https:\/\/www.natae-agroecology.eu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/www.natae-agroecology.eu\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2023\/10\/logo-simple.png\",\"contentUrl\":\"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2023\/10\/logo-simple.png\",\"width\":1000,\"height\":544,\"caption\":\"NATAE\"},\"image\":{\"@id\":\"https:\/\/www.natae-agroecology.eu\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/NATAE-Agroecology\/100091167530196\/\",\"https:\/\/x.com\/natae_HE\",\"https:\/\/www.linkedin.com\/company\/nataeagroecology\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0645\u0631\u0631 \u0644\u0623\u0633\u0641\u0644_\u0646\u0627\u062a\u0627\u064a_\u0623\u0646\u064a\u0645\u064a\u0634\u0646_\u0646\u0634\u0631\u0629_\u0623\u062e\u0628\u0627\u0631_\u0646\u0627\u062a\u0627\u064a5 - \u0646\u0627\u062a\u0627\u064a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.natae-agroecology.eu\/ar\/\u0645\u0631\u0631-\u0644\u0623\u0633\u0641\u0644_\u0627\u0644\u0646\u0634\u0631\u0629_\u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629_\u0627\u0644\u0625\u0646\u064a\u0645\u064a\u0634\u0646_\/","og_locale":"ar_AR","og_type":"article","og_title":"Scroll Down_natae_animation_newsletter5 - Natae","og_description":"SCROLL TO EXPLORE YEAR-2023 NATAE Project Kick-off &#038; First Milestones January 19, 2023 Project Kick-off Meeting Project kick-off meeting organised by CIHEAM-IAMM. Read article \u2192 March 21, 2023 Partner Meeting [&hellip;]","og_url":"https:\/\/www.natae-agroecology.eu\/ar\/\u0645\u0631\u0631-\u0644\u0623\u0633\u0641\u0644_\u0627\u0644\u0646\u0634\u0631\u0629_\u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629_\u0627\u0644\u0625\u0646\u064a\u0645\u064a\u0634\u0646_\/","og_site_name":"Natae","article_publisher":"https:\/\/www.facebook.com\/people\/NATAE-Agroecology\/100091167530196\/","article_modified_time":"2026-01-12T17:08:00+00:00","og_image":[{"url":"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@natae_HE","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u062a\u0627\u0646"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/","url":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/","name":"\u0645\u0631\u0631 \u0644\u0623\u0633\u0641\u0644_\u0646\u0627\u062a\u0627\u064a_\u0623\u0646\u064a\u0645\u064a\u0634\u0646_\u0646\u0634\u0631\u0629_\u0623\u062e\u0628\u0627\u0631_\u0646\u0627\u062a\u0627\u064a5 - \u0646\u0627\u062a\u0627\u064a","isPartOf":{"@id":"https:\/\/www.natae-agroecology.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#primaryimage"},"image":{"@id":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg","datePublished":"2026-01-12T16:13:27+00:00","dateModified":"2026-01-12T17:08:00+00:00","breadcrumb":{"@id":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#primaryimage","url":"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg","contentUrl":"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2025\/07\/logo_natae_svg-03-02.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.natae-agroecology.eu\/scroll-down_natae_animation_newsletter5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.natae-agroecology.eu\/"},{"@type":"ListItem","position":2,"name":"Scroll Down_natae_animation_newsletter5"}]},{"@type":"WebSite","@id":"https:\/\/www.natae-agroecology.eu\/#website","url":"https:\/\/www.natae-agroecology.eu\/","name":"\u0646\u0627\u062a\u0627\u064a","description":"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0641\u064a \u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 \u0625\u0644\u0649 \u0627\u0644\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629","publisher":{"@id":"https:\/\/www.natae-agroecology.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.natae-agroecology.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/www.natae-agroecology.eu\/#organization","name":"\u0646\u0627\u062a\u0627\u064a","url":"https:\/\/www.natae-agroecology.eu\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/www.natae-agroecology.eu\/#\/schema\/logo\/image\/","url":"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2023\/10\/logo-simple.png","contentUrl":"https:\/\/www.natae-agroecology.eu\/wp-content\/uploads\/2023\/10\/logo-simple.png","width":1000,"height":544,"caption":"NATAE"},"image":{"@id":"https:\/\/www.natae-agroecology.eu\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/NATAE-Agroecology\/100091167530196\/","https:\/\/x.com\/natae_HE","https:\/\/www.linkedin.com\/company\/nataeagroecology\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/pages\/7105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/comments?post=7105"}],"version-history":[{"count":20,"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/pages\/7105\/revisions"}],"predecessor-version":[{"id":7145,"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/pages\/7105\/revisions\/7145"}],"wp:attachment":[{"href":"https:\/\/www.natae-agroecology.eu\/ar\/wp-json\/wp\/v2\/media?parent=7105"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}