{"id":1077,"date":"2026-07-08T08:59:42","date_gmt":"2026-07-08T08:59:42","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=1077"},"modified":"2026-07-10T10:39:13","modified_gmt":"2026-07-10T10:39:13","slug":"wing-3","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=1077","title":{"rendered":"WING"},"content":{"rendered":"<style>.kb-row-layout-id1077_e5d6af-7d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1077_e5d6af-7d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1077_e5d6af-7d > .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-id1077_e5d6af-7d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1077_e5d6af-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1077_e5d6af-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1077_e5d6af-7d 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-column1077_1426e0-5b > .kt-inside-inner-col,.kadence-column1077_1426e0-5b > .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-column1077_1426e0-5b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1077_1426e0-5b > .kt-inside-inner-col{flex-direction:column;}.kadence-column1077_1426e0-5b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1077_1426e0-5b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1077_1426e0-5b{position:relative;}@media all and (max-width: 1024px){.kadence-column1077_1426e0-5b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1077_1426e0-5b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1077_1426e0-5b\"><div class=\"kt-inside-inner-col\">\n<style>\nhtml, body{ overflow-x: hidden; }\n\n:root{\n  --rosso: #c62828;\n  --nero: #111111;\n  --grigio: #6b6b6b;\n  --grigio-chiaro: #f2f2f2;\n}\n\n.pwing-page{\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  background: #ffffff;\n  color: var(--nero);\n}\n\n\/* ============ HERO ============ *\/\n.pwing-hero{\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  margin-top: -70px;\n  height: 100vh;\n  min-height: 600px;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n}\n.pwing-hero img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.pwing-hero::after{\n  content:\"\";\n  position:absolute; inset:0;\n  background: linear-gradient(180deg,\n    rgba(0,0,0,0.10) 0%,\n    rgba(0,0,0,0.35) 45%,\n    rgba(0,0,0,0.78) 80%,\n    rgba(0,0,0,0.92) 100%);\n}\n.pwing-hero-content{\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  padding: 0 6% 8%;\n  color: #fff;\n  box-sizing: border-box;\n}\n.pwing-hero-eyebrow{\n  display:inline-block;\n  color: #ff4b4b;\n  font-weight: 800;\n  font-size: 14px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n  text-shadow: 0 2px 12px rgba(0,0,0,0.9);\n}\n.pwing-hero h1{\n  font-size: clamp(28px, 4vw, 58px);\n  font-weight: 900;\n  line-height: 1.25;\n  max-width: 1100px;\n  margin: 0;\n  color: #ffffff;\n  text-shadow: 0 4px 24px rgba(0,0,0,0.95), 0 2px 8px rgba(0,0,0,0.8);\n}\n\n.pwing-scroll-cue{\n  position: absolute;\n  bottom: 26px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  width: 26px;\n  height: 42px;\n  border: 2px solid #fff;\n  border-radius: 14px;\n}\n.pwing-scroll-cue::before{\n  content:\"\";\n  position:absolute;\n  top:8px; left:50%;\n  width:4px; height:8px;\n  margin-left:-2px;\n  background:#fff;\n  border-radius:2px;\n  animation: pwing-scroll-dot 1.6s ease infinite;\n}\n@keyframes pwing-scroll-dot{\n  0%{ transform: translateY(0); opacity:1; }\n  70%{ transform: translateY(14px); opacity:0; }\n  100%{ opacity:0; }\n}\n\n\/* ============ REVEAL GENERICO (scroll-driven, no JS) ============ *\/\n.pwing-reveal{\n  opacity: 0;\n  transform: translateY(50px);\n  animation: pwing-fadeup linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 55%;\n}\n@keyframes pwing-fadeup{\n  to{ opacity:1; transform: translateY(0); }\n}\n@supports not (animation-timeline: view()) {\n  .pwing-reveal{ opacity: 1 !important; transform: none !important; }\n}\n\n\/* ============ INTRO ============ *\/\n.pwing-intro{\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 110px 6% 90px;\n}\n.pwing-eyebrow{\n  display: inline-block;\n  color: var(--rosso);\n  font-weight: 800;\n  font-size: 14px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  position: relative;\n  padding-bottom: 8px;\n}\n.pwing-eyebrow::after{\n  content:\"\";\n  position:absolute; left:0; bottom:0;\n  width: 40px; height: 2px;\n  background: var(--rosso);\n}\n.pwing-intro p{\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 1.85;\n  color: #262626;\n  margin: 0 0 26px 0;\n}\n.pwing-intro p:last-child{ margin-bottom: 0; }\n.pwing-intro strong{ color: var(--rosso); }\n\n\/* ============ ELEMENTI DEL SISTEMA (griglia 2x2) ============ *\/\n.pwing-elements{\n  background: var(--grigio-chiaro);\n  padding: 110px 6%;\n}\n.pwing-elements-inner{ max-width: 950px; margin: 0 auto; }\n.pwing-elements-title{\n  font-size: clamp(26px, 3vw, 40px);\n  font-weight: 900;\n  margin: 0 0 60px 0;\n  text-align: center;\n  color: var(--nero);\n}\n.pwing-elements-grid{\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 30px;\n}\n.pwing-element-card{\n  position: relative;\n  background: #fff;\n  border-radius: 14px;\n  padding: 44px 36px;\n  overflow: hidden;\n  border: 1px solid #e2e2e2;\n  transition: all 0.4s ease;\n}\n.pwing-element-card:hover{\n  transform: translateY(-8px);\n  box-shadow: 0 24px 50px rgba(0,0,0,0.1);\n  border-color: var(--rosso);\n}\n.pwing-bg-number{\n  position: absolute;\n  top: -10px; right: 6px;\n  font-size: 90px;\n  font-weight: 900;\n  color: rgba(0,0,0,0.05);\n  line-height: 1;\n  transition: color 0.4s ease, transform 0.4s ease;\n  z-index: 0;\n}\n.pwing-element-card:hover .pwing-bg-number{\n  color: rgba(198,40,40,0.08);\n  transform: scale(1.08);\n}\n.pwing-element-content{ position: relative; z-index: 1; }\n.pwing-element-icon{\n  width: 56px; height: 56px;\n  border-radius: 50%;\n  background: var(--grigio-chiaro);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 26px;\n  margin-bottom: 22px;\n  transition: background 0.4s ease;\n}\n.pwing-element-card:hover .pwing-element-icon{ background: rgba(198,40,40,0.1); }\n.pwing-element-card h3{\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--nero);\n  margin: 0 0 12px 0;\n}\n.pwing-element-card p{\n  font-size: 14.5px;\n  line-height: 1.7;\n  color: #555;\n  margin: 0;\n}\n.pwing-element-card:nth-child(1){ animation-range: entry 0% entry 52%; }\n.pwing-element-card:nth-child(2){ animation-range: entry 6% entry 58%; }\n.pwing-element-card:nth-child(3){ animation-range: entry 12% entry 64%; }\n.pwing-element-card:nth-child(4){ animation-range: entry 18% entry 70%; }\n\n@media (max-width: 760px){\n  .pwing-elements-grid{ grid-template-columns: 1fr; }\n}\n\n\/* ============ MANTO DI COPERTURA ============ *\/\n.pwing-roof{\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n.pwing-roof-text{\n  padding: 100px 7%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  box-sizing: border-box;\n}\n.pwing-roof-text p{\n  font-size: clamp(16px, 1.3vw, 19px);\n  line-height: 1.8;\n  color: #262626;\n  margin: 0 0 20px 0;\n}\n.pwing-roof-text p:last-child{ margin-bottom: 0; }\n.pwing-roof-img{\n  position: relative;\n  min-height: 420px;\n  overflow: hidden;\n}\n.pwing-roof-img img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n@media (max-width: 860px){\n  .pwing-roof{ grid-template-columns: 1fr; }\n  .pwing-roof-img{ min-height: 320px; order: -1; }\n}\n\n\/* ============ CHIUSURA: IMMAGINE CON ZOOM ALLO SCROLL ============ *\/\n.pwing-closing{\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  height: 80vh;\n  min-height: 460px;\n  overflow: hidden;\n}\n.pwing-closing img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.08);\n  animation: pwing-zoomout linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 100%;\n}\n@keyframes pwing-zoomout{\n  to{ transform: scale(1.02); }\n}\n@supports not (animation-timeline: view()) {\n  .pwing-closing img{ transform: scale(1.02) !important; }\n}\n.pwing-closing::after{\n  content:\"\";\n  position:absolute; inset:0;\n  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 45%);\n}\n.pwing-closing-caption{\n  position: absolute;\n  left: 6%;\n  bottom: 30px;\n  z-index: 2;\n  color: #fff;\n  font-weight: 700;\n  font-size: clamp(16px, 1.6vw, 22px);\n  text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n}\n\n\/* ============ FIX EDITOR: evita instabilit\u00e0 dell'iframe di Gutenberg con le altezze in vh ============ *\/\n.editor-styles-wrapper .pwing-hero,\n.block-editor-writing-flow .pwing-hero,\nbody.block-editor-page .pwing-hero{\n  height: auto !important;\n  min-height: 400px !important;\n}\n.editor-styles-wrapper .pwing-closing,\n.block-editor-writing-flow .pwing-closing,\nbody.block-editor-page .pwing-closing{\n  height: auto !important;\n  min-height: 300px !important;\n}\n<\/style>\n\n<div class=\"pwing-page\">\n\n  <!-- HERO -->\n  <section class=\"pwing-hero\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_iefzzqiefzzqiefz.png\" alt=\"Sistema Wing\">\n    <div class=\"pwing-hero-content\">\n      <span class=\"pwing-hero-eyebrow\">Sistema Wing<\/span>\n      <h1>Wing, il prefabbricato leggero dalla linea essenziale.<\/h1>\n    <\/div>\n    <div class=\"pwing-scroll-cue\"><\/div>\n  <\/section>\n\n  <!-- INTRO \/ DESCRIZIONE -->\n  <section class=\"pwing-intro\">\n    <span class=\"pwing-eyebrow pwing-reveal\">Descrizione del sistema<\/span>\n    <p class=\"pwing-reveal\">\n      <strong>Wing<\/strong> \u00e8 un prefabbricato in cemento armato ideale per capannoni destinati ad attivit\u00e0 industriali, artigianali e agricole. Grazie al suo elemento di copertura, Wing si caratterizza per una estrema leggerezza della struttura con conseguente risparmio delle opere in fondazione. La trave a doppia pendenza su cui appoggia l&#8217;elemento tubolare Wing \u00e8 realizzata in cemento armato precompresso con luci da 12 mt fino a 45 mt e con sezione variabile da 45 cm fino a 65 cm in funzione dei carichi da coprire. Sulla trave a doppia pendenza viene posato l&#8217;elemento sempre in c.a.p. &#8220;Wing&#8221;.\n    <\/p>\n    <p class=\"pwing-reveal\">\n      L&#8217;altezza utile interna del prefabbricato Wing varia in funzione delle luci in ragione della lunghezza della trave doppia pendenza di copertura. Questo rende Wing la struttura prefabbricata ideale per le attivit\u00e0 che richiedono grandi spazi di movimentazione all&#8217;interno. La trave a doppia pendenza del 9% assicura il perfetto defluire delle acque piovane.\n    <\/p>\n  <\/section>\n\n  <!-- ELEMENTI DEL SISTEMA -->\n  <section class=\"pwing-elements\">\n    <div class=\"pwing-elements-inner\">\n      <h2 class=\"pwing-elements-title pwing-reveal\">Elementi principali del sistema Wing<\/h2>\n      <div class=\"pwing-elements-grid\">\n\n        <div class=\"pwing-element-card pwing-reveal\">\n          <div class=\"pwing-bg-number\">01<\/div>\n          <div class=\"pwing-element-content\">\n            <div class=\"pwing-element-icon\">\ud83c\udfdb\ufe0f<\/div>\n            <h3>Pilastri<\/h3>\n            <p>Elementi verticali portanti che sostengono l&#8217;intera struttura, garantendo stabilit\u00e0 e resistenza sismica.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pwing-element-card pwing-reveal\">\n          <div class=\"pwing-bg-number\">02<\/div>\n          <div class=\"pwing-element-content\">\n            <div class=\"pwing-element-icon\">\ud83d\udcd0<\/div>\n            <h3>Trave a doppia pendenza DP<\/h3>\n            <p>Trave in c.a.p. con luci da 12 a 45 mt e sezione da 45 a 65 cm; pendenza del 9% per il deflusso delle acque piovane.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pwing-element-card pwing-reveal\">\n          <div class=\"pwing-bg-number\">03<\/div>\n          <div class=\"pwing-element-content\">\n            <div class=\"pwing-element-icon\">\ud83e\udeb6<\/div>\n            <h3>Tubolare in c.a.p. Wing<\/h3>\n            <p>Elemento di copertura in c.a.p. dall&#8217;estrema leggerezza, posato sulla trave a doppia pendenza.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pwing-element-card pwing-reveal\">\n          <div class=\"pwing-bg-number\">04<\/div>\n          <div class=\"pwing-element-content\">\n            <div class=\"pwing-element-icon\">\ud83d\udca7<\/div>\n            <h3>Canala di gronda in c.a.p.<\/h3>\n            <p>Canala precompressa per la raccolta e il deflusso rapido e sicuro delle acque meteoriche.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MANTO DI COPERTURA -->\n  <section class=\"pwing-roof\">\n    <div class=\"pwing-roof-text pwing-reveal\">\n      <span class=\"pwing-eyebrow\">Manto di copertura<\/span>\n      <p>\n        Il Sistema Wing \u00e8 completato in copertura con un Pannello Sandwich ad alto potere coibente grazie all&#8217;impiego di poliuretano interposto tra due lamiere zincate e preverniciate. Fissato sui tubolari Wing, garantisce nel contempo una buona coibentazione ed impermeabilizzazione della copertura.\n      <\/p>\n      <p>\n        Il manto di copertura descritto \u00e8 solo esemplificativo e pu\u00f2 essere personalizzato ed adattato alle specifiche esigenze del cliente.\n      <\/p>\n    <\/div>\n    <div class=\"pwing-roof-img\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wwmhgqwwmhgqwwmh.png\" alt=\"Manto di copertura Wing\">\n    <\/div>\n  <\/section>\n\n  <!-- CHIUSURA -->\n  <section class=\"pwing-closing\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_xzieccxzieccxzie.png\" alt=\"Struttura Wing\">\n    <span class=\"pwing-closing-caption\">Sistema Wing \u2014 leggerezza, ampi spazi e linea essenziale<\/span>\n  <\/section>\n\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Sistema Wing Wing, il prefabbricato leggero dalla linea essenziale. Descrizione del sistema Wing \u00e8 un prefabbricato in cemento armato ideale per capannoni destinati ad attivit\u00e0 industriali, artigianali e agricole. Grazie al suo elemento di copertura, Wing si caratterizza per una estrema leggerezza della struttura con conseguente risparmio delle opere in fondazione. La trave a doppia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/align-wide-fix-trasparent.php","meta":{"footnotes":""},"class_list":["post-1077","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1077","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=1077"}],"version-history":[{"count":3,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1077\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1077\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}