{"id":2272,"date":"2025-06-22T00:28:01","date_gmt":"2025-06-21T22:28:01","guid":{"rendered":"https:\/\/principal2a.cat\/?page_id=2272"},"modified":"2025-08-06T11:01:36","modified_gmt":"2025-08-06T09:01:36","slug":"espiga-dor","status":"publish","type":"page","link":"https:\/\/principal2a.cat\/en\/projectes\/espiga-dor\/","title":{"rendered":"espiga d\u2019Or"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2272\" class=\"elementor elementor-2272\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8385b e-con-full e-flex e-con e-parent\" data-id=\"fc8385b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30e1ed3 elementor-widget elementor-widget-html\" data-id=\"30e1ed3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n<style>\r\n  :root {\r\n    --safe-bottom: env(safe-area-inset-bottom);\r\n    --horizontal-padding: 20px;\r\n  }\r\n\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'Akzidenz Grotesk', sans-serif;\r\n    background-color: #ffffff;\r\n    height: 100%;\r\n    overflow-x: hidden;   \/* solo evita scroll lateral *\/\r\n    overflow-y: auto;     \/* permite scroll vertical *\/\r\n    height: 100%;\r\n  }\r\n\r\n  body {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .swiper {\r\n    flex: 1;\r\n    height: 100vh;\r\n    position: relative;\r\n  }\r\n\r\n  .swiper-slide {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 20px var(--horizontal-padding);\r\n    height: 100vh;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .swiper-slide img {\r\n    max-width: 100%;\r\n    max-height: calc(95vh - 110px);\r\n    height: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  .fixed-label {\r\n    position: absolute;\r\n    bottom: calc(20px + var(--safe-bottom));\r\n    left: var(--horizontal-padding);\r\n    font-size: 14px;\r\n    color: #333;\r\n    z-index: 15;\r\n  }\r\n\r\n  .scroll-indicator {\r\n    position: fixed;\r\n    bottom: calc(100px + var(--safe-bottom));\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-size: 12px;\r\n    color: #666;\r\n    z-index: 10;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .scroll-indicator.show {\r\n    opacity: 1;\r\n  }\r\n\r\n.menu-toggle {\r\n  position: absolute;\r\n  bottom: calc(60px + var(--safe-bottom));\r\n  left: var(--horizontal-padding);\r\n  background: none !important;\r\n  border: none;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  z-index: 40;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.plus-icon {\r\n    background: none !important;\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke: black;\r\n  stroke-width: 2.3;\r\n  stroke-linecap: round;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n\r\n.plus-icon .line-vertical {\r\n  stroke-opacity: 1;\r\n  transition: stroke-opacity 0.3s ease;\r\n}\r\n\r\n.menu-toggle.active .plus-icon .line-vertical {\r\n  stroke-opacity: 0;\r\n}\r\n\r\n\r\n.menu-toggle.active .plus-icon .line-horizontal {\r\n  transform: rotate(0deg);\r\n  transform-origin: center;\r\n}\r\n\r\n\r\n  .info-popup {\r\n    position: fixed;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    max-width: 420px;\r\n    height: 100vh;\r\n    background-color: white;\r\n    transition: transform 0.5s ease, left 0.5s ease;\r\n    transform: translateX(-100%);\r\n    padding: 40px 20px;\r\n    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);\r\n    z-index: 20;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .info-popup.active {\r\n    left: 0;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .info-popup h2 {\r\n    font-size: 20px;\r\n    margin-top: 80px;\r\n  }\r\n\r\n  .info-popup p {\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: #444;\r\n  }\r\n  \r\n  \/* Flechas navegaci\u00f3n vertical - minimalistas *\/\r\n   .nav-arrow {\r\n    position: fixed;\r\n    right: 20px;\r\n    z-index: 50;\r\n    background: none !important;\r\n    color: black !important;\r\n    border: none;\r\n    outline: none;\r\n    box-shadow: none;\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: none;\r\n  }\r\n\r\n  .nav-arrow:hover {\r\n    background: none;\r\n  }\r\n\r\n  .nav-arrow.up {\r\n    top: 50%;\r\n    transform: translateY(-60px);\r\n  }\r\n\r\n  .nav-arrow.down {\r\n    top: 50%;\r\n    transform: translateY(20px);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    html, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: sans-serif;\r\n  background-color: #ffffff;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  \/* \ud83d\udd34 SACAR ESTA L\u00cdNEA *\/\r\n  \/* height: 100%; *\/\r\n}  \r\n\r\n.info-popup h2 {\r\n    font-size: 20px;\r\n    margin-top: 35px;\r\n  }\r\n      \r\n    .swiper-slide img {\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n    }\r\n    \r\n     .fixed-label {\r\n    position: absolute;\r\n    bottom: calc(90px + var(--safe-bottom));\r\n    left: var(--horizontal-padding);\r\n    font-size: 14px;\r\n    color: #333;\r\n    z-index: 15;\r\n  }\r\n  \r\n   .menu-toggle {\r\n  position: absolute;\r\n  bottom: calc(130px + var(--safe-bottom));\r\n  left: var(--horizontal-padding);\r\n  background: none !important;\r\n  border: none;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  z-index: 40;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  }\r\n  \r\n\r\n  .swiper {\r\n  flex: 1;\r\n  min-height: 100vh;\r\n  position: relative;\r\n}\r\n\r\n   .swiper-slide img {\r\n    max-width: 100%;\r\n    max-height: calc(100vh - 100px);\r\n    height: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n    align-items: center;\r\n    margin-top: 0%;\r\n    margin-bottom: 30%;\r\n  }\r\n.nav-arrow {\r\n      right: 10px;\r\n      width: 32px;\r\n      height: 32px;\r\n      font-size: 20px;\r\n      Color:black;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fixed-label\">espiga d\u2019Or\r\n<\/div>\r\n\r\n<div class=\"swiper swiper-vertical\">\r\n    <div class=\"swiper-wrapper\">\r\n      <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1572-PanoWeb.jpg\" alt=\"Imagen 1\">\r\n      <\/div>\r\n      \r\n      <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1741-PanoWeb.jpg\" alt=\"Imagen 2\">\r\n      <\/div>\r\n      \r\n      <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1716-PanoWeb.jpg\" alt=\"Imagen 3\">\r\n      <\/div>\r\n      \r\n      <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1701Web.jpg\" alt=\"Imagen 4\">\r\n      <\/div>\r\n      \r\n      <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1682-PanoWeb.jpg\" alt=\"Imagen 5\">\r\n      <\/div>\r\n      \r\n      <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1671Web.jpg\" alt=\"Imagen 6\">\r\n      <\/div>\r\n      \r\n         <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1664-PanoWeb.jpg\" alt=\"Imagen 7\">\r\n      <\/div>\r\n      \r\n           <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1649-PanoWeb.jpg\" alt=\"Imagen 8\">\r\n      <\/div>\r\n      \r\n                <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1634-PanoWeb.jpg\" alt=\"Imagen 9\">\r\n      <\/div>\r\n      \r\n    <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1583-PanoWeb.jpg\" alt=\"Imagen 10\">\r\n      <\/div>\r\n      \r\n        <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1559-PanoWeb.jpg\" alt=\"Imagen 11\">\r\n      <\/div>\r\n      \r\n        <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1550Web.jpg\" alt=\"Imagen 12\">\r\n      <\/div>\r\n      \r\n       <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1471-PanoWeb.jpg\" alt=\"Imagen 13\">\r\n      <\/div>\r\n      \r\n     <div class=\"swiper-slide\">\r\n        <img decoding=\"async\" src=\"http:\/\/principal2a.cat\/wp-content\/uploads\/2025\/06\/JC1147-1406-PanoWeb-2.jpg\" alt=\"Imagen 14\">\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n\r\n<div class=\"scroll-indicator\" id=\"scrollIndicator\">Desliza con el mouse o scroll &darr;<\/div>\r\n\r\n<!-- Bot\u00f3n flotante + -->\r\n<button class=\"menu-toggle\" onclick=\"toggleInfo(this)\">\r\n  <svg viewbox=\"0 0 24 24\" class=\"plus-icon\">\r\n    <line class=\"line-horizontal\" x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" \/>\r\n    <line class=\"line-vertical\" x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" \/>\r\n  <\/svg>\r\n<\/button>\r\n\r\n<!-- Flechas navegaci\u00f3n -->\r\n<button class=\"nav-arrow up\" onclick=\"swiper.slidePrev()\">\u2191<\/button>\r\n<button class=\"nav-arrow down\" onclick=\"swiper.slideNext()\">\u2193<\/button>\r\n\r\n<!-- Panel de info lateral -->\r\n<div id=\"infoPopup\" class=\"info-popup\">\r\n  <h2>espiga d\u2019Or<\/h2>\r\n  <p>\r\n     Proyecto fotografiado por Judith Casas\r\n  <\/p>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n  const swiper = new Swiper('.swiper', {\r\n    direction: 'vertical',\r\n    loop: true,\r\n    lazy: true,\r\n    mousewheel: true,\r\n  });\r\n\r\n  function toggleInfo() {\r\n    const popup = document.getElementById('infoPopup');\r\n    const btn = document.querySelector('.menu-toggle');\r\n    popup.classList.toggle('active');\r\n    btn.classList.toggle('active');\r\n  }\r\n\r\n  window.addEventListener('load', () => {\r\n    const indicator = document.getElementById('scrollIndicator');\r\n    indicator.classList.add('show');\r\n    setTimeout(() => {\r\n      indicator.classList.remove('show');\r\n    }, 3000);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>espiga d\u2019Or Desliza con el mouse o scroll &darr; \u2191 \u2193 espiga d\u2019Or Proyecto fotografiado por Judith Casas<\/p>","protected":false},"author":1,"featured_media":0,"parent":57,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/pages\/2272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/comments?post=2272"}],"version-history":[{"count":28,"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/pages\/2272\/revisions"}],"predecessor-version":[{"id":3106,"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/pages\/2272\/revisions\/3106"}],"up":[{"embeddable":true,"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/pages\/57"}],"wp:attachment":[{"href":"https:\/\/principal2a.cat\/en\/wp-json\/wp\/v2\/media?parent=2272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}