{"id":394,"date":"2026-06-04T14:37:30","date_gmt":"2026-06-04T14:37:30","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=394"},"modified":"2026-07-21T08:47:39","modified_gmt":"2026-07-21T08:47:39","slug":"certificazioni","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=394","title":{"rendered":"Certificazioni"},"content":{"rendered":"<style>.kb-row-layout-id394_47650e-33 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id394_47650e-33 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id394_47650e-33 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id394_47650e-33 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id394_47650e-33 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id394_47650e-33 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id394_47650e-33 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column394_78894f-c0 > .kt-inside-inner-col,.kadence-column394_78894f-c0 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column394_78894f-c0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column394_78894f-c0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column394_78894f-c0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column394_78894f-c0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column394_78894f-c0{position:relative;}@media all and (max-width: 1024px){.kadence-column394_78894f-c0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column394_78894f-c0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column394_78894f-c0\"><div class=\"kt-inside-inner-col\">\n<style>\n:root{\n  --rosso: #c62828;\n  --nero: #171614;\n  --linea: #ececec;\n}\n\n\/* Evita overflow orizzontale sul full-bleed mobile *\/\n.cert-hero-wrap,\n.cert-section-2,\n.cert-slider,\n.cert-section-3{ overflow-x: clip; }\n\n\/* ============ PARTE 1: COPERTINA STICKY-REVEAL ============ *\/\n.cert-hero-wrap{\n  position: relative;\n  width: 100vw;\n  max-width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  margin-top: -70px;\n  height: 115vh;\n  height: 115dvh;\n}\n@media (max-width: 800px){\n  .cert-hero-wrap{\n    height: 100vh;\n    height: 100dvh;\n    margin-top: -40px;\n  }\n}\n\n.cert-hero{\n  position: sticky;\n  top: 0;\n  width: 100%;\n  height: 100vh;\n  height: 100dvh;\n  overflow: hidden;\n  z-index: 1;\n}\n.cert-hero img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n.cert-hero::after{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.1) 45%, rgba(0,0,0,0.65) 100%);\n}\n@media (max-width: 800px){\n  .cert-hero::after{\n    background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.6) 100%);\n  }\n}\n.cert-hero-text{\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: auto;\n  max-width: 96vw;\n  text-align: center;\n  z-index: 2;\n  padding: 0 12px;\n}\n.cert-hero-text h2{\n  color: #fff;\n  font-family: Arial, sans-serif;\n  font-weight: 900;\n  \/* Una sola riga: niente trattino, niente a capo *\/\n  font-size: clamp(26px, 9vw, 92px);\n  line-height: 1.1;\n  text-transform: uppercase;\n  white-space: nowrap;\n  margin: 0;\n  text-shadow: 0 4px 20px rgba(0,0,0,0.4);\n}\n\n\/* ============ REVEAL GENERICO ============ *\/\n.reveal{\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.7,.2,1);\n}\n.reveal.is-visible{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ============ PARTE 2: QUALITA' CERTIFICATA (layout editoriale) ============ *\/\n.cert-section-2{\n  position: relative;\n  z-index: 5;\n  background: #fff;\n  border-top-left-radius: 24px;\n  border-top-right-radius: 24px;\n  box-shadow: 0 -20px 40px rgba(0,0,0,0.15);\n  font-family: Arial, sans-serif;\n}\n.cert-2-inner{\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 110px 6%;\n}\n@media (max-width: 850px){\n  .cert-2-inner{ padding: 74px 7%; }\n}\n@media (max-width: 500px){\n  .cert-2-inner{ padding: 58px 22px; }\n}\n\n\/* --- Riga superiore: testo a sinistra, sigillo CE a destra --- *\/\n.cert-grid{\n  display: grid;\n  grid-template-columns: 1.45fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n@media (max-width: 900px){\n  .cert-grid{ grid-template-columns: 1fr; gap: 46px; }\n}\n\n.cert-eyebrow{\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--rosso);\n  font-weight: 800;\n  font-size: 13px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n.cert-eyebrow::before{\n  content: \"\";\n  width: 28px;\n  height: 2px;\n  background: var(--rosso);\n}\n.cert-title{\n  font-size: clamp(30px, 5vw, 48px);\n  font-weight: 900;\n  color: var(--nero);\n  line-height: 1.1;\n  margin: 0;\n}\n.cert-title::after{\n  content: \"\";\n  display: block;\n  width: 64px;\n  height: 4px;\n  border-radius: 4px;\n  background: var(--rosso);\n  margin: 20px 0 26px;\n}\n.cert-lead{\n  color: #444;\n  font-size: clamp(15px, 2.2vw, 17px);\n  line-height: 1.8;\n  margin: 0 0 16px 0;\n  max-width: 620px;\n}\n.cert-lead:last-child{ margin-bottom: 0; }\n\n\/* Sigillo CE incorniciato *\/\n.cert-seal{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 48px;\n  background: linear-gradient(135deg, #ffffff 0%, #faf5f5 100%);\n  border: 1px solid #efe4e4;\n  border-radius: 20px;\n  box-shadow: 0 24px 50px rgba(0,0,0,0.06);\n}\n@media (max-width: 900px){\n  .cert-seal{ padding: 40px; }\n}\n\n.cert-ce-badge{\n  position: relative;\n  width: clamp(150px, 34vw, 190px);\n  height: clamp(150px, 34vw, 190px);\n  border-radius: 50%;\n  border: 3px solid var(--rosso);\n  background: radial-gradient(circle at 50% 40%, #fff 0%, #fff 55%, rgba(198,40,40,0.05) 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.cert-ce-badge::before{\n  content: \"\";\n  position: absolute;\n  inset: -10px;\n  border-radius: 50%;\n  border: 2px dashed rgba(198,40,40,0.4);\n  animation: cert-spin 14s linear infinite;\n}\n.cert-ce-badge span{\n  font-size: clamp(48px, 12vw, 60px);\n  font-weight: 900;\n  color: var(--rosso);\n  letter-spacing: 2px;\n}\n@media (hover: hover){\n  .cert-ce-badge:hover{\n    transform: scale(1.06);\n    box-shadow: 0 10px 30px rgba(198,40,40,0.25);\n  }\n}\n@keyframes cert-spin{ to{ transform: rotate(360deg); } }\n\n\/* --- Barra credenziali (le 3 feature, stile \"trust bar\") --- *\/\n.cert-credentials{\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  margin: 56px 0 0;\n  border: 1px solid var(--linea);\n  border-radius: 16px;\n  overflow: hidden;\n  background: #fff;\n}\n@media (max-width: 800px){\n  .cert-credentials{ grid-template-columns: 1fr; }\n}\n.cert-feature{\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 26px 28px;\n  border-right: 1px solid var(--linea);\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--nero);\n  transition: background 0.3s ease;\n}\n.cert-feature:last-child{ border-right: none; }\n@media (max-width: 800px){\n  .cert-feature{ border-right: none; border-bottom: 1px solid var(--linea); }\n  .cert-feature:last-child{ border-bottom: none; }\n}\n@media (hover: hover){\n  .cert-feature:hover{ background: #fbf5f5; }\n}\n.cert-feature-icon{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  border-radius: 50%;\n  background: rgba(198,40,40,0.08);\n  font-size: 22px;\n  color: var(--rosso);\n  flex: none;\n}\n\n\/* --- Requisiti: elenco corporate a due colonne con divisori --- *\/\n.cert-requirements{\n  margin-top: 60px;\n  border-top: 1px solid var(--linea);\n}\n.cert-list{\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 56px;\n}\n@media (max-width: 700px){\n  .cert-list{ grid-template-columns: 1fr; column-gap: 0; }\n}\n.cert-list li{\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 22px 6px 22px 0;\n  border-bottom: 1px solid var(--linea);\n  color: #222;\n  font-size: clamp(15px, 2vw, 16px);\n  line-height: 1.4;\n  transition: color 0.3s ease, padding-left 0.3s ease;\n}\n.cert-list li::before{\n  content: \"\u2713\";\n  flex: none;\n  color: #fff;\n  background: var(--rosso);\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 900;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.4s ease;\n}\n@media (hover: hover){\n  .cert-list li:hover{ color: var(--rosso); padding-left: 8px; }\n  .cert-list li:hover::before{ transform: rotate(360deg); }\n}\n\n\/* ============ SLIDER CERTIFICAZIONI (sfoglio a libro) ============ *\/\n.cert-slider{\n  --card-w: clamp(200px, 46vw, 430px);\n  --card-h: clamp(300px, 69vw, 645px);\n  --nav-size: clamp(46px, 11vw, 74px);\n  position: relative;\n  z-index: 4;\n  background:#111;\n  padding: clamp(70px, 12vw, 150px) 0;\n  overflow:hidden;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  font-family:Arial, sans-serif;\n  outline:none;\n}\n.cert-slider h2{\n  text-align:center;\n  color:#fff;\n  font-size:clamp(28px, 6vw, 64px);\n  line-height:1.1;\n  margin:0 0 clamp(36px, 7vw, 74px);\n  padding:0 16px;\n}\n.cert-slider h2 span{ color:var(--rosso); }\n\n.slider-wrap{\n  position:relative;\n  max-width:1900px;\n  margin:0 auto;\n  padding:0 clamp(8px, 3vw, 30px);\n}\n.slider-track{\n  position:relative;\n  height:var(--card-h);\n  perspective:2200px;\n}\n.cert{\n  position:absolute;\n  left:50%;\n  top:0;\n  width:var(--card-w);\n  height:var(--card-h);\n  object-fit:contain;\n  background:#fff;\n  padding:clamp(6px, 1.2vw, 12px);\n  border-radius:10px;\n  box-shadow:0 35px 80px rgba(0,0,0,.55);\n  transform-origin:center center;   \/* perno centrale: il foglio resta centrato *\/\n  transform-style:preserve-3d;\n  backface-visibility:hidden;\n  transition:transform .8s cubic-bezier(.2,.7,.2,1);\n  will-change:transform;\n}\n.nav{\n  position:absolute;\n  top:calc(var(--card-h) \/ 2);\n  transform:translateY(-50%);\n  width:var(--nav-size);\n  height:var(--nav-size);\n  border:none;\n  border-radius:50%;\n  background:var(--rosso);\n  color:#fff;\n  font-size:calc(var(--nav-size) * 0.46);\n  line-height:1;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  z-index:500;\n  box-shadow:0 8px 20px rgba(0,0,0,.4);\n  transition:background .3s ease, transform .2s ease, opacity .3s ease;\n  -webkit-tap-highlight-color:transparent;\n}\n.nav:hover{ background:#e23b3b; }\n.nav:active{ transform:translateY(-50%) scale(.92); }\n.nav:disabled{ opacity:.3; cursor:default; }\n.prev{ left:clamp(6px, 2vw, 30px); }\n.next{ right:clamp(6px, 2vw, 30px); }\n.counter{\n  text-align:center;\n  color:#fff !important;\n  font-size:clamp(15px, 3.5vw, 22px);\n  margin-top:clamp(24px, 4vw, 40px);\n  letter-spacing:.5px;\n}\n.counter #cert-number{ color:#fff !important; }\n\n\/* ============ PARTE 3: IMMAGINE FINALE ============ *\/\n.cert-section-3{\n  position: relative;\n  z-index: 5;\n  padding: 90px 0 110px;\n  background: linear-gradient(180deg, #fbfbfb 0%, #ffffff 100%);\n}\n@media (max-width: 850px){\n  .cert-section-3{ padding: 56px 0 70px; }\n}\n.cert-final-img-wrap{\n  position: relative;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 6%;\n}\n.cert-final-img-wrap::before{\n  content: \"\";\n  position: absolute;\n  top: -22px;\n  left: 6%;\n  width: 64px;\n  height: 4px;\n  border-radius: 4px;\n  background: var(--rosso);\n}\n@media (max-width: 500px){\n  .cert-final-img-wrap::before{ left: 22px; }\n}\n.cert-final-frame{\n  overflow: hidden;\n  border-radius: 14px;\n  box-shadow: 0 24px 50px rgba(0,0,0,0.14);\n}\n.cert-final-frame img{\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.6s cubic-bezier(.2,.7,.2,1);\n}\n@media (hover: hover){\n  .cert-final-frame:hover img{ transform: scale(1.03); }\n}\n\n\/* ============ ACCESSIBILITA': riduzione movimento ============ *\/\n@media (prefers-reduced-motion: reduce){\n  .reveal{ opacity: 1; transform: none; transition: none; }\n  .cert-ce-badge::before{ animation: none; }\n  .cert-list li,\n  .cert-list li::before,\n  .cert-feature,\n  .cert-ce-badge,\n  .cert,\n  .cert-final-frame img{ transition: none; }\n}\n<\/style>\n\n<!-- PARTE 1: COPERTINA -->\n<div class=\"cert-hero-wrap\">\n  <div class=\"cert-hero\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/seieffe_produzione_nuova.png\" alt=\"Certificazioni\" fetchpriority=\"high\">\n    <div class=\"cert-hero-text\">\n      <h2>Certificazioni<\/h2>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- PARTE 2: QUALITA' CERTIFICATA -->\n<section class=\"cert-section-2\">\n  <div class=\"cert-2-inner\">\n\n    <div class=\"cert-grid\">\n      <div class=\"cert-intro reveal\">\n        <span class=\"cert-eyebrow\">Certificazioni e Conformit\u00e0<\/span>\n        <h2 class=\"cert-title\">Qualit\u00e0 Certificata<\/h2>\n        <p class=\"cert-lead\">\n          I nostri manufatti sono prodotti, qualificati e certificati secondo il Regolamento 305\/2011.\n        <\/p>\n        <p class=\"cert-lead\">\n          La marcatura CE, in controllo di produzione in fabbrica certificato, esprime la conformit\u00e0\n          del prodotto da costruzione con le prestazioni dichiarate in relazione al soddisfacimento\n          dei requisiti essenziali richiesti dalla normativa europea.\n        <\/p>\n      <\/div>\n\n      <aside class=\"cert-seal reveal\">\n        <div class=\"cert-ce-badge\">\n          <span>CE<\/span>\n        <\/div>\n      <\/aside>\n    <\/div>\n\n    <div class=\"cert-credentials reveal\">\n      <div class=\"cert-feature\">\n        <span class=\"cert-feature-icon\">\u2699<\/span>\n        <span>Produzione Controllata<\/span>\n      <\/div>\n      <div class=\"cert-feature\">\n        <span class=\"cert-feature-icon\">\ud83d\udcc4<\/span>\n        <span>Normativa Europea<\/span>\n      <\/div>\n      <div class=\"cert-feature\">\n        <span class=\"cert-feature-icon\">\u2713<\/span>\n        <span>Prestazioni Certificate<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"cert-requirements reveal\">\n      <ul class=\"cert-list\">\n        <li>Resistenza meccanica e stabilit\u00e0<\/li>\n        <li>Sicurezza in caso di incendio<\/li>\n        <li>Igiene, salute e ambiente<\/li>\n        <li>Sicurezza ed accessibilit\u00e0 nell&#8217;uso<\/li>\n        <li>Protezione contro il rumore<\/li>\n        <li>Risparmio energetico e ritenzione del calore<\/li>\n        <li>Uso sostenibile delle risorse naturali<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- SLIDER CERTIFICAZIONI (sfoglio a libro) -->\n<section class=\"cert-slider\" tabindex=\"0\" role=\"group\" aria-roledescription=\"carosello\" aria-label=\"Le nostre certificazioni\">\n  <h2>Le nostre <span>Certificazioni<\/span><\/h2>\n  <div class=\"slider-wrap\">\n    <button class=\"nav prev\" type=\"button\" aria-label=\"Certificazione precedente\">\u276e<\/button>\n    <div class=\"slider-track\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-1.jpg\" class=\"cert\" alt=\"Certificazione 1\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-2.jpg\" class=\"cert\" alt=\"Certificazione 2\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-3.jpg\" class=\"cert\" alt=\"Certificazione 3\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-4.jpg\" class=\"cert\" alt=\"Certificazione 4\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-5.jpg\" class=\"cert\" alt=\"Certificazione 5\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-6.jpg\" class=\"cert\" alt=\"Certificazione 6\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-7.jpg\" class=\"cert\" alt=\"Certificazione 7\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/cert-8.jpg\" class=\"cert\" alt=\"Certificazione 8\">\n    <\/div>\n    <button class=\"nav next\" type=\"button\" aria-label=\"Certificazione successiva\">\u276f<\/button>\n    <div class=\"counter\">\n      Certificazione <span id=\"cert-number\">1<\/span> di 8\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTE 3: IMMAGINE FINALE -->\n<section class=\"cert-section-3\">\n  <div class=\"cert-final-img-wrap reveal\">\n    <div class=\"cert-final-frame\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/seieffe_produzione_finale.png\" alt=\"Certificazioni - dettaglio finale\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* Reveal on scroll *\/\n(function(){\n  var revealEls = document.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)){\n    revealEls.forEach(function(el){ el.classList.add('is-visible'); });\n  } else {\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting){\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    revealEls.forEach(function(el){ observer.observe(el); });\n  }\n})();\n\n\/* Slider certificazioni a \"sfoglio di libro\" *\/\n(function(){\n  var slider   = document.querySelector('.cert-slider');\n  if(!slider) return;\n  var track    = slider.querySelector('.slider-track');\n  var cards    = Array.prototype.slice.call(slider.querySelectorAll('.cert'));\n  var prevBtn  = slider.querySelector('.prev');\n  var nextBtn  = slider.querySelector('.next');\n  var numberEl = slider.querySelector('#cert-number');\n  var total    = cards.length;\n  var current  = 0;\n\n  function update(){\n    cards.forEach(function(card, index){\n      if(index < current){\n        card.style.transform = 'translateX(-50%) rotateY(-180deg)';\n        card.style.zIndex    = 200 + index;\n      } else if(index === current){\n        card.style.transform = 'translateX(-50%) rotateY(0deg)';\n        card.style.zIndex    = 150;\n      } else {\n        card.style.transform = 'translateX(-50%) rotateY(0deg)';\n        card.style.zIndex    = 150 - (index - current);\n      }\n      card.setAttribute('aria-hidden', index === current ? 'false' : 'true');\n    });\n    if(numberEl) numberEl.textContent = current + 1;\n    prevBtn.disabled = current === 0;\n    nextBtn.disabled = current === total - 1;\n  }\n\n  function go(dir){\n    var next = Math.min(total - 1, Math.max(0, current + dir));\n    if(next === current) return;\n    current = next;\n    update();\n  }\n\n  nextBtn.addEventListener('click', function(){ go(1); });\n  prevBtn.addEventListener('click', function(){ go(-1); });\n\n  slider.addEventListener('keydown', function(e){\n    if(e.key === 'ArrowRight'){ e.preventDefault(); go(1); }\n    if(e.key === 'ArrowLeft'){  e.preventDefault(); go(-1); }\n  });\n\n  var startX = null, startY = null;\n  track.addEventListener('touchstart', function(e){\n    startX = e.touches[0].clientX;\n    startY = e.touches[0].clientY;\n  }, { passive:true });\n  track.addEventListener('touchend', function(e){\n    if(startX === null) return;\n    var dx = e.changedTouches[0].clientX - startX;\n    var dy = e.changedTouches[0].clientY - startY;\n    if(Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)){ go(dx < 0 ? 1 : -1); }\n    startX = startY = null;\n  }, { passive:true });\n\n  update();\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Certificazioni Certificazioni e Conformit\u00e0 Qualit\u00e0 Certificata I nostri manufatti sono prodotti, qualificati e certificati secondo il Regolamento 305\/2011. La marcatura CE, in controllo di produzione in fabbrica certificato, esprime la conformit\u00e0 del prodotto da costruzione con le prestazioni dichiarate in relazione al soddisfacimento dei requisiti essenziali richiesti dalla normativa europea. CE \u2699 Produzione Controllata \ud83d\udcc4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":389,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/align-wide-fix-trasparent.php","meta":{"footnotes":""},"class_list":["post-394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=394"}],"version-history":[{"count":25,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/394\/revisions"}],"predecessor-version":[{"id":1339,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/394\/revisions\/1339"}],"up":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/389"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}