{"id":2541,"date":"2023-07-20T18:49:25","date_gmt":"2023-07-20T18:49:25","guid":{"rendered":"https:\/\/finalnoxiy.themeori.com\/?page_id=256"},"modified":"2026-05-03T09:27:56","modified_gmt":"2026-05-03T09:27:56","slug":"travel-guide","status":"publish","type":"page","link":"https:\/\/soldegrecia.gr\/en\/travel-guide\/","title":{"rendered":"Explore the Guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2541\" class=\"elementor elementor-2541\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba86000 e-con-full e-flex e-con e-parent\" data-id=\"ba86000\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd1b7a2 elementor-widget elementor-widget-html\" data-id=\"fd1b7a2\" 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<div class=\"sdg-flip-wrap\">\n  <section class=\"sdg-flip-hero\">\n    <div class=\"sdg-flip-bg\"><\/div>\n    <div class=\"sdg-flip-grid\"><\/div>\n    <div class=\"sdg-flip-orb sdg-flip-orb-1\"><\/div>\n    <div class=\"sdg-flip-orb sdg-flip-orb-2\"><\/div>\n\n    <div class=\"sdg-flip-container\">\n      <div class=\"sdg-flip-copy\" data-reveal>\n        <span class=\"sdg-flip-kicker\">Travel Guide Experience<\/span>\n        <h1 class=\"sdg-flip-title\">\n          Discover the guide<br>\n          <span>in a cinematic way<\/span>\n        <\/h1>\n        <p class=\"sdg-flip-text\">\n          \u039e\u03b5\u03c6\u03c5\u03bb\u03bb\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03c4\u03b1\u03be\u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc \u03bf\u03b4\u03b7\u03b3\u03cc \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03b5\u03bd\u03c4\u03c5\u03c0\u03c9\u03c3\u03b9\u03b1\u03ba\u03cc, premium interface\n          \u03bc\u03b5 \u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7 digital magazine, \u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c0\u03bb\u03bf\u03ae\u03b3\u03b7\u03c3\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd.\n        <\/p>\n\n        <div class=\"sdg-flip-actions\">\n          <button class=\"sdg-flip-btn sdg-flip-btn-primary\" id=\"sdgFlipOpenModal\">\n            Fullscreen \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\n          <\/button>\n          <a class=\"sdg-flip-btn sdg-flip-btn-secondary\"\n             href=\"https:\/\/soldegrecia.gr\/wp-content\/uploads\/2026\/04\/AtenasBolsillo2025_online_mones144dpi_compressed.pdf\"\n             target=\"_blank\" rel=\"noopener\">\n            \u0386\u03bd\u03bf\u03b9\u03b3\u03bc\u03b1 PDF\n          <\/a>\n        <\/div>\n\n        <div class=\"sdg-flip-stats\">\n          <div class=\"sdg-flip-stat\">\n            <strong>Responsive<\/strong>\n            <span>Desktop \/ Tablet \/ Mobile<\/span>\n          <\/div>\n          <div class=\"sdg-flip-stat\">\n            <strong>Interactive<\/strong>\n            <span>Prev \/ Next \/ Zoom<\/span>\n          <\/div>\n          <div class=\"sdg-flip-stat\">\n            <strong>Editorial<\/strong>\n            <span>Luxury cinematic layout<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sdg-flip-stage\" data-reveal>\n        <div class=\"sdg-flip-stage-glow\"><\/div>\n\n        <div class=\"sdg-flip-card sdg-flip-card-back\"><\/div>\n\n        <div class=\"sdg-flip-card sdg-flip-card-main\">\n          <div class=\"sdg-flip-topbar\">\n            <span><\/span><span><\/span><span><\/span>\n          <\/div>\n\n          <div class=\"sdg-flip-toolbar\">\n            <div class=\"sdg-flip-toolbar-left\">\n              <button class=\"sdg-flip-tool\" id=\"sdgPrevPageMain\" aria-label=\"Previous page\">\u2039<\/button>\n              <div class=\"sdg-flip-page-indicator\">\n                <span id=\"sdgPageNumMain\">1<\/span>\n                <span class=\"sdg-flip-divider\">\/<\/span>\n                <span id=\"sdgPageCountMain\">--<\/span>\n              <\/div>\n              <button class=\"sdg-flip-tool\" id=\"sdgNextPageMain\" aria-label=\"Next page\">\u203a<\/button>\n            <\/div>\n\n            <div class=\"sdg-flip-toolbar-right\">\n              <button class=\"sdg-flip-tool\" id=\"sdgZoomOutMain\" aria-label=\"Zoom out\">\u2212<\/button>\n              <button class=\"sdg-flip-tool\" id=\"sdgZoomInMain\" aria-label=\"Zoom in\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"sdg-flip-preview-shell\">\n            <div class=\"sdg-flip-device-frame\">\n              <div class=\"sdg-flip-device-notch\"><\/div>\n\n              <div class=\"sdg-flip-preview-overlay\">\n                <div class=\"sdg-flip-badge\">Premium PDF Preview<\/div>\n                <div class=\"sdg-flip-badge sdg-flip-badge-right\">Interactive<\/div>\n              <\/div>\n\n              <div class=\"sdg-flip-canvas-wrap\" id=\"sdgCanvasWrapMain\">\n                <canvas id=\"sdgPdfCanvasMain\"><\/canvas>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sdg-flip-floating sdg-flip-float-1\">Athens<\/div>\n        <div class=\"sdg-flip-floating sdg-flip-float-2\">Culture<\/div>\n        <div class=\"sdg-flip-floating sdg-flip-float-3\">Gastronomy<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"sdg-flip-modal\" id=\"sdgPdfModal\" aria-hidden=\"true\">\n    <div class=\"sdg-flip-modal-backdrop\" data-close=\"true\"><\/div>\n\n    <div class=\"sdg-flip-modal-dialog\">\n      <button class=\"sdg-flip-modal-close\" id=\"sdgCloseModal\" aria-label=\"Close\">\u00d7<\/button>\n\n      <div class=\"sdg-flip-modal-header\">\n        <div>\n          <div class=\"sdg-flip-modal-kicker\">Digital Travel Guide<\/div>\n          <h3>Interactive full-screen viewer<\/h3>\n        <\/div>\n\n        <div class=\"sdg-flip-modal-tools\">\n          <button class=\"sdg-flip-tool\" id=\"sdgPrevPageModal\" aria-label=\"Previous page\">\u2039<\/button>\n          <div class=\"sdg-flip-page-indicator\">\n            <span id=\"sdgPageNumModal\">1<\/span>\n            <span class=\"sdg-flip-divider\">\/<\/span>\n            <span id=\"sdgPageCountModal\">--<\/span>\n          <\/div>\n          <button class=\"sdg-flip-tool\" id=\"sdgNextPageModal\" aria-label=\"Next page\">\u203a<\/button>\n\n          <button class=\"sdg-flip-tool\" id=\"sdgZoomOutModal\" aria-label=\"Zoom out\">\u2212<\/button>\n          <button class=\"sdg-flip-tool\" id=\"sdgZoomInModal\" aria-label=\"Zoom in\">+<\/button>\n\n          <a class=\"sdg-flip-btn sdg-flip-btn-secondary sdg-flip-btn-small\"\n             href=\"https:\/\/soldegrecia.gr\/wp-content\/uploads\/2026\/04\/AtenasBolsillo2025_online_mones144dpi_compressed.pdf\"\n             target=\"_blank\" rel=\"noopener\">\n            \u039d\u03ad\u03bf tab\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sdg-flip-modal-canvas-wrap\" id=\"sdgCanvasWrapModal\">\n        <canvas id=\"sdgPdfCanvasModal\"><\/canvas>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.sdg-flip-wrap,\n.sdg-flip-wrap *{box-sizing:border-box}\n\n.sdg-flip-wrap{\n  --sdg-bg-1:#06111f;\n  --sdg-bg-2:#0d2036;\n  --sdg-bg-3:#17385d;\n  --sdg-accent-1:#7ad7ff;\n  --sdg-accent-2:#4ab8ff;\n  --sdg-accent-3:#ffd98a;\n  --sdg-white:#ffffff;\n  --sdg-soft:rgba(255,255,255,.76);\n  --sdg-border:rgba(255,255,255,.12);\n  --sdg-glass:rgba(255,255,255,.08);\n  --sdg-shadow:0 20px 80px rgba(0,0,0,.35);\n  color:#fff;\n  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  overflow:hidden;\n  position:relative;\n}\n\n.sdg-flip-hero{\n  position:relative;\n  min-height:100vh;\n  padding:70px 20px;\n  background:\n    radial-gradient(circle at 20% 20%, rgba(122,215,255,.12), transparent 26%),\n    radial-gradient(circle at 80% 20%, rgba(255,217,138,.10), transparent 24%),\n    linear-gradient(135deg, var(--sdg-bg-1) 0%, var(--sdg-bg-2) 48%, var(--sdg-bg-3) 100%);\n  isolation:isolate;\n}\n\n.sdg-flip-bg,.sdg-flip-grid,.sdg-flip-orb{\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n}\n.sdg-flip-bg{\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.03), transparent 30%),\n    radial-gradient(circle at center, transparent 0 55%, rgba(255,255,255,.02) 75%, transparent 100%);\n}\n.sdg-flip-grid{\n  background-image:\n    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);\n  background-size:44px 44px;\n  mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 88%);\n  opacity:.18;\n}\n.sdg-flip-orb{\n  filter:blur(55px);\n  opacity:.7;\n}\n.sdg-flip-orb-1{\n  width:340px;height:340px;top:5%;left:-60px;\n  background:rgba(74,184,255,.24);\n  animation:sdgFloatOrb1 10s ease-in-out infinite;\n}\n.sdg-flip-orb-2{\n  width:380px;height:380px;right:-120px;top:18%;\n  background:rgba(255,217,138,.16);\n  animation:sdgFloatOrb2 12s ease-in-out infinite;\n}\n\n.sdg-flip-container{\n  position:relative;\n  z-index:2;\n  max-width:1380px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:minmax(0,1fr) minmax(420px,620px);\n  gap:48px;\n  align-items:center;\n}\n\n.sdg-flip-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 16px;\n  border:1px solid var(--sdg-border);\n  border-radius:999px;\n  background:rgba(255,255,255,.06);\n  color:#d9f4ff;\n  font-size:13px;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  backdrop-filter:blur(16px);\n}\n\n.sdg-flip-title{\n  margin:18px 0;\n  font-size:clamp(40px,6vw,82px);\n  line-height:.95;\n  font-weight:800;\n  letter-spacing:-.04em;\n}\n.sdg-flip-title span{\n  background:linear-gradient(90deg,#fff 0%,#9de2ff 45%,#ffd98a 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n.sdg-flip-text{\n  max-width:660px;\n  font-size:clamp(17px,2vw,20px);\n  line-height:1.7;\n  color:var(--sdg-soft);\n  margin:0 0 28px;\n}\n.sdg-flip-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  margin-bottom:28px;\n}\n.sdg-flip-btn{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:56px;\n  padding:14px 22px;\n  border-radius:16px;\n  text-decoration:none;\n  border:1px solid var(--sdg-border);\n  overflow:hidden;\n  cursor:pointer;\n  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;\n  backdrop-filter:blur(16px);\n  font-weight:700;\n  letter-spacing:.01em;\n  color:#fff;\n}\n.sdg-flip-btn:hover{transform:translateY(-2px)}\n.sdg-flip-btn-primary{\n  color:#04111f;\n  background:linear-gradient(135deg,#fff 0%,#bde9ff 55%,#ffe8b8 100%);\n  box-shadow:0 16px 38px rgba(122,215,255,.22);\n}\n.sdg-flip-btn-secondary{background:rgba(255,255,255,.08)}\n.sdg-flip-btn-small{min-height:44px;padding:10px 16px;font-size:14px}\n\n.sdg-flip-stats{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n}\n.sdg-flip-stat{\n  padding:16px 18px;\n  border:1px solid var(--sdg-border);\n  border-radius:20px;\n  background:var(--sdg-glass);\n  backdrop-filter:blur(18px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);\n}\n.sdg-flip-stat strong{display:block;font-size:16px;margin-bottom:6px}\n.sdg-flip-stat span{display:block;font-size:13px;line-height:1.5;color:var(--sdg-soft)}\n\n.sdg-flip-stage{\n  position:relative;\n  min-height:760px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  perspective:1400px;\n}\n.sdg-flip-stage-glow{\n  position:absolute;\n  width:78%;\n  height:78%;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(122,215,255,.26) 0%, rgba(122,215,255,.08) 36%, transparent 70%);\n  filter:blur(28px);\n  animation:sdgPulse 5s ease-in-out infinite;\n}\n.sdg-flip-card{\n  position:absolute;\n  border-radius:30px;\n  backdrop-filter:blur(18px);\n}\n.sdg-flip-card-back{\n  width:88%;\n  height:82%;\n  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));\n  border:1px solid rgba(255,255,255,.08);\n  transform:translateY(20px) rotate(-6deg) scale(.96);\n  box-shadow:var(--sdg-shadow);\n  animation:sdgBackCard 7s ease-in-out infinite;\n}\n.sdg-flip-card-main{\n  position:relative;\n  width:min(100%,560px);\n  padding:14px;\n  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05));\n  border:1px solid rgba(255,255,255,.16);\n  box-shadow:0 30px 100px rgba(0,0,0,.38);\n  transform:rotate(-2deg);\n  animation:sdgMainCard 8s ease-in-out infinite;\n}\n.sdg-flip-topbar{\n  display:flex;\n  gap:8px;\n  padding:8px 10px 14px;\n}\n.sdg-flip-topbar span{\n  width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.46);\n}\n\n.sdg-flip-toolbar{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:14px;\n  flex-wrap:wrap;\n  padding:0 8px 14px;\n}\n.sdg-flip-toolbar-left,\n.sdg-flip-toolbar-right,\n.sdg-flip-modal-tools{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  flex-wrap:wrap;\n}\n.sdg-flip-tool{\n  width:44px;height:44px;\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:14px;\n  background:rgba(255,255,255,.08);\n  color:#fff;\n  font-size:24px;\n  cursor:pointer;\n  transition:.25s ease;\n}\n.sdg-flip-tool:hover{\n  transform:translateY(-1px);\n  background:rgba(255,255,255,.14);\n}\n.sdg-flip-page-indicator{\n  min-width:96px;\n  height:44px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:14px;\n  background:rgba(255,255,255,.06);\n  font-weight:700;\n}\n.sdg-flip-divider{opacity:.5;margin:0 6px}\n\n.sdg-flip-preview-shell{\n  position:relative;\n  overflow:hidden;\n  border-radius:24px;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),\n    linear-gradient(135deg, #091422, #0e2339);\n  min-height:620px;\n  border:1px solid rgba(255,255,255,.08);\n}\n.sdg-flip-device-frame{\n  position:relative;\n  width:100%;\n  min-height:620px;\n  border-radius:24px;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at top, rgba(255,255,255,.09), transparent 32%),\n    linear-gradient(180deg, #132942 0%, #0a1728 100%);\n}\n.sdg-flip-device-notch{\n  position:absolute;\n  top:14px;\n  left:50%;\n  transform:translateX(-50%);\n  width:150px;\n  height:18px;\n  background:rgba(0,0,0,.35);\n  border-radius:0 0 14px 14px;\n  z-index:3;\n}\n.sdg-flip-preview-overlay{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  pointer-events:none;\n}\n.sdg-flip-badge{\n  position:absolute;\n  top:26px;\n  left:22px;\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.18);\n  backdrop-filter:blur(14px);\n  color:#fff;\n  font-size:12px;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n.sdg-flip-badge-right{left:auto;right:22px}\n\n.sdg-flip-canvas-wrap{\n  position:relative;\n  z-index:1;\n  min-height:620px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:72px 22px 26px;\n  overflow:auto;\n}\n.sdg-flip-canvas-wrap canvas,\n.sdg-flip-modal-canvas-wrap canvas{\n  display:block;\n  max-width:100%;\n  height:auto;\n  border-radius:12px;\n  background:#fff;\n  box-shadow:0 24px 60px rgba(0,0,0,.32);\n  transition:transform .35s ease, opacity .35s ease;\n}\n.sdg-flip-canvas-wrap canvas.is-changing,\n.sdg-flip-modal-canvas-wrap canvas.is-changing{\n  opacity:.25;\n  transform:scale(.985) translateY(8px);\n}\n\n.sdg-flip-floating{\n  position:absolute;\n  padding:12px 16px;\n  border-radius:999px;\n  background:rgba(255,255,255,.10);\n  border:1px solid rgba(255,255,255,.15);\n  backdrop-filter:blur(18px);\n  font-size:13px;\n  color:#fff;\n  box-shadow:0 14px 30px rgba(0,0,0,.22);\n  animation:sdgFloatTag 6s ease-in-out infinite;\n}\n.sdg-flip-float-1{top:12%;right:4%;animation-delay:.1s}\n.sdg-flip-float-2{bottom:18%;left:3%;animation-delay:1.1s}\n.sdg-flip-float-3{bottom:6%;right:10%;animation-delay:2.1s}\n\n.sdg-flip-modal{\n  position:fixed;\n  inset:0;\n  z-index:99999;\n  display:grid;\n  place-items:center;\n  padding:20px;\n  opacity:0;\n  visibility:hidden;\n  transition:opacity .3s ease, visibility .3s ease;\n}\n.sdg-flip-modal.is-open{\n  opacity:1;\n  visibility:visible;\n}\n.sdg-flip-modal-backdrop{\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at top, rgba(74,184,255,.12), transparent 30%),\n    rgba(3,9,17,.84);\n  backdrop-filter:blur(10px);\n}\n.sdg-flip-modal-dialog{\n  position:relative;\n  width:min(1400px,100%);\n  height:min(92vh,1000px);\n  border-radius:28px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.14);\n  background:linear-gradient(180deg, rgba(13,28,47,.97), rgba(7,17,30,.98));\n  box-shadow:0 30px 120px rgba(0,0,0,.52);\n  transform:translateY(20px) scale(.98);\n  transition:transform .32s ease;\n}\n.sdg-flip-modal.is-open .sdg-flip-modal-dialog{\n  transform:translateY(0) scale(1);\n}\n.sdg-flip-modal-close{\n  position:absolute;\n  top:18px;\n  right:18px;\n  z-index:5;\n  width:46px;height:46px;\n  border:0;border-radius:50%;\n  cursor:pointer;\n  color:#fff;font-size:30px;line-height:1;\n  background:rgba(255,255,255,.10);\n  backdrop-filter:blur(14px);\n}\n.sdg-flip-modal-header{\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:18px;\n  flex-wrap:wrap;\n  padding:26px 80px 18px 26px;\n  border-bottom:1px solid rgba(255,255,255,.08);\n}\n.sdg-flip-modal-kicker{\n  color:rgba(255,255,255,.64);\n  font-size:12px;\n  text-transform:uppercase;\n  letter-spacing:.16em;\n  margin-bottom:8px;\n}\n.sdg-flip-modal-header h3{\n  margin:0;\n  font-size:clamp(22px,2vw,34px);\n  line-height:1.1;\n}\n.sdg-flip-modal-canvas-wrap{\n  height:calc(100% - 110px);\n  overflow:auto;\n  display:flex;\n  justify-content:center;\n  align-items:flex-start;\n  padding:18px;\n  background:#091321;\n}\n\n[data-reveal]{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity .8s ease, transform .8s ease;\n}\n[data-reveal].is-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n@media (max-width:1180px){\n  .sdg-flip-container{grid-template-columns:1fr;gap:34px}\n  .sdg-flip-stage{min-height:680px}\n  .sdg-flip-card-main{transform:none}\n}\n@media (max-width:767px){\n  .sdg-flip-hero{min-height:auto;padding:34px 16px 28px}\n  .sdg-flip-text{font-size:16px}\n  .sdg-flip-actions{flex-direction:column;align-items:stretch}\n  .sdg-flip-btn{width:100%}\n  .sdg-flip-stats{grid-template-columns:1fr}\n  .sdg-flip-stage{min-height:auto;padding-top:12px}\n  .sdg-flip-card-back{display:none}\n  .sdg-flip-card-main{\n    width:100%;\n    padding:10px;\n    border-radius:24px;\n    animation:none;\n  }\n  .sdg-flip-preview-shell,\n  .sdg-flip-device-frame,\n  .sdg-flip-canvas-wrap{min-height:72vh}\n  .sdg-flip-badge-right,\n  .sdg-flip-floating{display:none}\n  .sdg-flip-toolbar{padding:0 4px 12px}\n  .sdg-flip-tool{width:40px;height:40px}\n  .sdg-flip-page-indicator{height:40px;min-width:82px}\n  .sdg-flip-modal{padding:0}\n  .sdg-flip-modal-dialog{\n    width:100%;\n    height:100vh;\n    max-height:none;\n    border-radius:0;\n  }\n  .sdg-flip-modal-header{\n    padding:18px 70px 14px 16px;\n    align-items:flex-start;\n    flex-direction:column;\n  }\n  .sdg-flip-modal-canvas-wrap{\n    height:calc(100% - 132px);\n    padding:10px;\n  }\n  .sdg-flip-modal-close{top:12px;right:12px}\n}\n@media (prefers-reduced-motion: reduce){\n  .sdg-flip-wrap *,\n  .sdg-flip-wrap *::before,\n  .sdg-flip-wrap *::after{\n    animation:none !important;\n    transition:none !important;\n    scroll-behavior:auto !important;\n  }\n}\n\n@keyframes sdgFloatOrb1{\n  0%,100%{transform:translate3d(0,0,0) scale(1)}\n  50%{transform:translate3d(30px,20px,0) scale(1.08)}\n}\n@keyframes sdgFloatOrb2{\n  0%,100%{transform:translate3d(0,0,0) scale(1)}\n  50%{transform:translate3d(-26px,30px,0) scale(1.1)}\n}\n@keyframes sdgPulse{\n  0%,100%{transform:scale(1);opacity:.75}\n  50%{transform:scale(1.08);opacity:1}\n}\n@keyframes sdgBackCard{\n  0%,100%{transform:translateY(20px) rotate(-6deg) scale(.96)}\n  50%{transform:translateY(10px) rotate(-4deg) scale(.98)}\n}\n@keyframes sdgMainCard{\n  0%,100%{transform:translateY(0) rotate(-2deg)}\n  50%{transform:translateY(-8px) rotate(-1deg)}\n}\n@keyframes sdgFloatTag{\n  0%,100%{transform:translateY(0)}\n  50%{transform:translateY(-10px)}\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js\"><\/script>\n<script>\n(function(){\n  const PDF_URL = 'https:\/\/soldegrecia.gr\/wp-content\/uploads\/2026\/04\/AtenasBolsillo2025_online_mones144dpi_compressed.pdf';\n  pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js';\n\n  let pdfDoc = null;\n  let pageNum = 1;\n  let totalPages = 0;\n\n  let baseScaleMain = 1;\n  let zoomMain = 1;\n\n  let baseScaleModal = 1;\n  let zoomModal = 1.12;\n\n  let renderingMain = false;\n  let pendingMain = null;\n\n  let renderingModal = false;\n  let pendingModal = null;\n\n  const mainCanvas = document.getElementById('sdgPdfCanvasMain');\n  const mainCtx = mainCanvas.getContext('2d');\n\n  const modalCanvas = document.getElementById('sdgPdfCanvasModal');\n  const modalCtx = modalCanvas.getContext('2d');\n\n  const mainWrap = document.getElementById('sdgCanvasWrapMain');\n  const modalWrap = document.getElementById('sdgCanvasWrapModal');\n\n  const pageNumMain = document.getElementById('sdgPageNumMain');\n  const pageCountMain = document.getElementById('sdgPageCountMain');\n  const pageNumModal = document.getElementById('sdgPageNumModal');\n  const pageCountModal = document.getElementById('sdgPageCountModal');\n\n  const modal = document.getElementById('sdgPdfModal');\n  const openModalBtn = document.getElementById('sdgFlipOpenModal');\n  const closeModalBtn = document.getElementById('sdgCloseModal');\n\n  function getFitScale(page, wrap, maxWidthPadding){\n    const viewport = page.getViewport({ scale: 1 });\n    const availableWidth = Math.max(280, wrap.clientWidth - (maxWidthPadding || 40));\n    return availableWidth \/ viewport.width;\n  }\n\n  function setChanging(canvas){\n    canvas.classList.add('is-changing');\n  }\n\n  function unsetChanging(canvas){\n    setTimeout(() => canvas.classList.remove('is-changing'), 60);\n  }\n\n  function renderMain(num){\n    if (!pdfDoc) return;\n    renderingMain = true;\n    setChanging(mainCanvas);\n\n    pdfDoc.getPage(num).then(page => {\n      baseScaleMain = getFitScale(page, mainWrap, 44);\n      const finalScale = baseScaleMain * zoomMain;\n      const viewport = page.getViewport({ scale: finalScale });\n      const ratio = window.devicePixelRatio || 1;\n\n      mainCanvas.width = Math.floor(viewport.width * ratio);\n      mainCanvas.height = Math.floor(viewport.height * ratio);\n      mainCanvas.style.width = Math.floor(viewport.width) + 'px';\n      mainCanvas.style.height = Math.floor(viewport.height) + 'px';\n\n      mainCtx.setTransform(ratio, 0, 0, ratio, 0, 0);\n      const renderTask = page.render({ canvasContext: mainCtx, viewport });\n\n      renderTask.promise.then(() => {\n        renderingMain = false;\n        pageNumMain.textContent = num;\n        unsetChanging(mainCanvas);\n\n        if (pendingMain !== null) {\n          const next = pendingMain;\n          pendingMain = null;\n          renderMain(next);\n        }\n      });\n    });\n  }\n\n  function queueMain(num){\n    if (renderingMain) pendingMain = num;\n    else renderMain(num);\n  }\n\n  function renderModal(num){\n    if (!pdfDoc) return;\n    renderingModal = true;\n    setChanging(modalCanvas);\n\n    pdfDoc.getPage(num).then(page => {\n      baseScaleModal = getFitScale(page, modalWrap, 60);\n      const finalScale = baseScaleModal * zoomModal;\n      const viewport = page.getViewport({ scale: finalScale });\n      const ratio = window.devicePixelRatio || 1;\n\n      modalCanvas.width = Math.floor(viewport.width * ratio);\n      modalCanvas.height = Math.floor(viewport.height * ratio);\n      modalCanvas.style.width = Math.floor(viewport.width) + 'px';\n      modalCanvas.style.height = Math.floor(viewport.height) + 'px';\n\n      modalCtx.setTransform(ratio, 0, 0, ratio, 0, 0);\n      const renderTask = page.render({ canvasContext: modalCtx, viewport });\n\n      renderTask.promise.then(() => {\n        renderingModal = false;\n        pageNumModal.textContent = num;\n        unsetChanging(modalCanvas);\n\n        if (pendingModal !== null) {\n          const next = pendingModal;\n          pendingModal = null;\n          renderModal(next);\n        }\n      });\n    });\n  }\n\n  function queueModal(num){\n    if (renderingModal) pendingModal = num;\n    else renderModal(num);\n  }\n\n  function syncCounters(){\n    pageNumMain.textContent = pageNum;\n    pageNumModal.textContent = pageNum;\n    pageCountMain.textContent = totalPages;\n    pageCountModal.textContent = totalPages;\n  }\n\n  function prevPage(){\n    if (!pdfDoc || pageNum <= 1) return;\n    pageNum--;\n    syncCounters();\n    queueMain(pageNum);\n    if (modal.classList.contains('is-open')) queueModal(pageNum);\n  }\n\n  function nextPage(){\n    if (!pdfDoc || pageNum >= totalPages) return;\n    pageNum++;\n    syncCounters();\n    queueMain(pageNum);\n    if (modal.classList.contains('is-open')) queueModal(pageNum);\n  }\n\n  function openModal(){\n    if (window.matchMedia('(max-width: 767px)').matches) {\n      window.open(PDF_URL, '_blank', 'noopener');\n      return;\n    }\n    modal.classList.add('is-open');\n    modal.setAttribute('aria-hidden', 'false');\n    document.documentElement.style.overflow = 'hidden';\n    document.body.style.overflow = 'hidden';\n    queueModal(pageNum);\n  }\n\n  function closeModal(){\n    modal.classList.remove('is-open');\n    modal.setAttribute('aria-hidden', 'true');\n    document.documentElement.style.overflow = '';\n    document.body.style.overflow = '';\n  }\n\n  document.getElementById('sdgPrevPageMain').addEventListener('click', prevPage);\n  document.getElementById('sdgNextPageMain').addEventListener('click', nextPage);\n  document.getElementById('sdgPrevPageModal').addEventListener('click', prevPage);\n  document.getElementById('sdgNextPageModal').addEventListener('click', nextPage);\n\n  document.getElementById('sdgZoomInMain').addEventListener('click', function(){\n    zoomMain = Math.min(2.4, zoomMain + 0.12);\n    queueMain(pageNum);\n  });\n  document.getElementById('sdgZoomOutMain').addEventListener('click', function(){\n    zoomMain = Math.max(0.72, zoomMain - 0.12);\n    queueMain(pageNum);\n  });\n\n  document.getElementById('sdgZoomInModal').addEventListener('click', function(){\n    zoomModal = Math.min(3, zoomModal + 0.14);\n    queueModal(pageNum);\n  });\n  document.getElementById('sdgZoomOutModal').addEventListener('click', function(){\n    zoomModal = Math.max(0.75, zoomModal - 0.14);\n    queueModal(pageNum);\n  });\n\n  openModalBtn.addEventListener('click', openModal);\n  closeModalBtn.addEventListener('click', closeModal);\n\n  modal.addEventListener('click', function(e){\n    if (e.target && e.target.getAttribute('data-close') === 'true') closeModal();\n  });\n\n  document.addEventListener('keydown', function(e){\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\n    if (e.key === 'ArrowLeft') prevPage();\n    if (e.key === 'ArrowRight') nextPage();\n  });\n\n  window.addEventListener('resize', function(){\n    if (!pdfDoc) return;\n    queueMain(pageNum);\n    if (modal.classList.contains('is-open')) queueModal(pageNum);\n  });\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) entry.target.classList.add('is-visible');\n    });\n  }, { threshold: 0.15 });\n\n  document.querySelectorAll('[data-reveal]').forEach(el => observer.observe(el));\n\n  pdfjsLib.getDocument(PDF_URL).promise.then(pdf => {\n    pdfDoc = pdf;\n    totalPages = pdf.numPages;\n    syncCounters();\n    queueMain(pageNum);\n  }).catch(error => {\n    console.error('PDF loading error:', error);\n    mainWrap.innerHTML = '<div style=\"color:#fff;padding:40px;text-align:center;\">\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 PDF.<\/div>';\n  });\n})();\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Travel Guide Experience Discover the guide in a cinematic way \u039e\u03b5\u03c6\u03c5\u03bb\u03bb\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03c4\u03b1\u03be\u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc \u03bf\u03b4\u03b7\u03b3\u03cc \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03b5\u03bd\u03c4\u03c5\u03c0\u03c9\u03c3\u03b9\u03b1\u03ba\u03cc, premium interface \u03bc\u03b5 \u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7 digital magazine, \u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c0\u03bb\u03bf\u03ae\u03b3\u03b7\u03c3\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd. Fullscreen \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u0386\u03bd\u03bf\u03b9\u03b3\u03bc\u03b1 PDF Responsive Desktop \/ Tablet \/ Mobile Interactive Prev \/ Next \/ Zoom Editorial Luxury cinematic layout \u2039 1 \/ &#8212; \u203a \u2212 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-builder.php","meta":{"footnotes":""},"class_list":["post-2541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/pages\/2541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/comments?post=2541"}],"version-history":[{"count":25,"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/pages\/2541\/revisions"}],"predecessor-version":[{"id":2706,"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/pages\/2541\/revisions\/2706"}],"wp:attachment":[{"href":"https:\/\/soldegrecia.gr\/en\/wp-json\/wp\/v2\/media?parent=2541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}