{"id":1054,"date":"2026-07-08T08:49:37","date_gmt":"2026-07-08T08:49:37","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=1054"},"modified":"2026-07-10T10:36:30","modified_gmt":"2026-07-10T10:36:30","slug":"6f-ty","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=1054","title":{"rendered":"6F\/TY"},"content":{"rendered":"<style>.kb-row-layout-id1054_9268e5-b8 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1054_9268e5-b8 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1054_9268e5-b8 > .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-id1054_9268e5-b8 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1054_9268e5-b8 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1054_9268e5-b8 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1054_9268e5-b8 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-column1054_600eaf-aa > .kt-inside-inner-col,.kadence-column1054_600eaf-aa > .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-column1054_600eaf-aa > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1054_600eaf-aa > .kt-inside-inner-col{flex-direction:column;}.kadence-column1054_600eaf-aa > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1054_600eaf-aa > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1054_600eaf-aa{position:relative;}@media all and (max-width: 1024px){.kadence-column1054_600eaf-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1054_600eaf-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1054_600eaf-aa\"><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.p6fty-page{\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  background: #ffffff;\n  color: var(--nero);\n}\n\n\/* ============ HERO ============ *\/\n.p6fty-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.p6fty-hero img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center bottom;\n}\n.p6fty-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.p6fty-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.p6fty-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.p6fty-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.p6fty-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.p6fty-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: p6fty-scroll-dot 1.6s ease infinite;\n}\n@keyframes p6fty-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.p6fty-reveal{\n  opacity: 0;\n  transform: translateY(50px);\n  animation: p6fty-fadeup linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 55%;\n}\n@keyframes p6fty-fadeup{\n  to{ opacity:1; transform: translateY(0); }\n}\n@supports not (animation-timeline: view()) {\n  .p6fty-reveal{ opacity: 1 !important; transform: none !important; }\n}\n\n\/* ============ INTRO ============ *\/\n.p6fty-intro{\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 110px 6% 90px;\n}\n.p6fty-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.p6fty-eyebrow::after{\n  content:\"\";\n  position:absolute; left:0; bottom:0;\n  width: 40px; height: 2px;\n  background: var(--rosso);\n}\n.p6fty-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.p6fty-intro p:last-child{ margin-bottom: 0; }\n.p6fty-intro strong{ color: var(--rosso); }\n\n\/* ============ ELEMENTI DEL SISTEMA (versione arricchita) ============ *\/\n.p6fty-elements{\n  background: var(--grigio-chiaro);\n  padding: 110px 6%;\n}\n.p6fty-elements-inner{ max-width: 1200px; margin: 0 auto; }\n.p6fty-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.p6fty-elements-grid{\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n}\n.p6fty-element-card{\n  position: relative;\n  background: #fff;\n  border-radius: 14px;\n  padding: 44px 32px;\n  overflow: hidden;\n  border: 1px solid #e2e2e2;\n  transition: all 0.4s ease;\n}\n.p6fty-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.p6fty-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.p6fty-element-card:hover .p6fty-bg-number{\n  color: rgba(198,40,40,0.08);\n  transform: scale(1.08);\n}\n.p6fty-element-content{ position: relative; z-index: 1; }\n.p6fty-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.p6fty-element-card:hover .p6fty-element-icon{ background: rgba(198,40,40,0.1); }\n.p6fty-element-card h3{\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--nero);\n  margin: 0 0 12px 0;\n}\n.p6fty-element-card p{\n  font-size: 14.5px;\n  line-height: 1.7;\n  color: #555;\n  margin: 0;\n}\n.p6fty-element-card:nth-child(1){ animation-range: entry 0% entry 50%; }\n.p6fty-element-card:nth-child(2){ animation-range: entry 8% entry 58%; }\n.p6fty-element-card:nth-child(3){ animation-range: entry 16% entry 66%; }\n\n@media (max-width: 900px){\n  .p6fty-elements-grid{ grid-template-columns: 1fr; }\n}\n\n\/* ============ MANTO DI COPERTURA ============ *\/\n.p6fty-roof{\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n.p6fty-roof-text{\n  padding: 100px 7%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  box-sizing: border-box;\n}\n.p6fty-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.p6fty-roof-text p:last-child{ margin-bottom: 0; }\n.p6fty-roof-img{\n  position: relative;\n  min-height: 420px;\n  overflow: hidden;\n}\n.p6fty-roof-img img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n@media (max-width: 860px){\n  .p6fty-roof{ grid-template-columns: 1fr; }\n  .p6fty-roof-img{ min-height: 320px; order: -1; }\n}\n\n\/* ============ CHIUSURA: IMMAGINE CON ZOOM ALLO SCROLL ============ *\/\n.p6fty-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.p6fty-closing img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.08);\n  animation: p6fty-zoomout linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 100%;\n}\n@keyframes p6fty-zoomout{\n  to{ transform: scale(1.02); }\n}\n@supports not (animation-timeline: view()) {\n  .p6fty-closing img{ transform: scale(1.02) !important; }\n}\n.p6fty-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.p6fty-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 .p6fty-hero,\n.block-editor-writing-flow .p6fty-hero,\nbody.block-editor-page .p6fty-hero{\n  height: auto !important;\n  min-height: 400px !important;\n}\n.editor-styles-wrapper .p6fty-closing,\n.block-editor-writing-flow .p6fty-closing,\nbody.block-editor-page .p6fty-closing{\n  height: auto !important;\n  min-height: 300px !important;\n}\n<\/style>\n\n<div class=\"p6fty-page\">\n\n  <!-- HERO -->\n  <section class=\"p6fty-hero\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_p5yu0bp5yu0bp5yu.png\" alt=\"Sistema 6F\/TY\">\n    <div class=\"p6fty-hero-content\">\n      <span class=\"p6fty-hero-eyebrow\">Sistema 6F\/TY<\/span>\n      <h1>Sistema 6F\/TY per l&#8217;edilizia industriale ed artigianale<\/h1>\n    <\/div>\n    <div class=\"p6fty-scroll-cue\"><\/div>\n  <\/section>\n\n  <!-- INTRO \/ DESCRIZIONE -->\n  <section class=\"p6fty-intro\">\n    <span class=\"p6fty-eyebrow p6fty-reveal\">Descrizione del sistema<\/span>\n    <p class=\"p6fty-reveal\">\n      Il Sistema costruttivo 6F TY si caratterizza per la grande gradevolezza estetica associata a grandi doti di stabilit\u00e0, luminosit\u00e0 e isolamento termico. Queste caratteristiche rendono il sistema 6F TY ideale per costruzioni di edifici destinati ad attivit\u00e0 industriali ed artigianali. Il componente principale \u00e8 l&#8217;elemento <strong>&#8220;6F TY&#8221;<\/strong> precompresso a sezione filante e luce variabile fino a mt 30, avente anche funzione di raccolta delle acque piovane.\n    <\/p>\n    <p class=\"p6fty-reveal\">\n      A sostegno di tale elemento &#8220;6F TY&#8221; vi \u00e8 la trave canala <strong>TRH<\/strong>, a forma di calice, precompressa a sezione filante e luce variabile fino a mt 16. La trave TRH ha una triplice funzione: chiusura del telaio strutturale, sostegno e vincolo dei pannelli di tamponamento, rapido e sicuro deflusso delle acque meteoriche garantito dalle importanti sezioni idrauliche. All&#8217;intradosso la copertura con il sistema Y \u00e8 di tipo &#8220;piana&#8221;.\n    <\/p>\n  <\/section>\n\n  <!-- ELEMENTI DEL SISTEMA -->\n  <section class=\"p6fty-elements\">\n    <div class=\"p6fty-elements-inner\">\n      <h2 class=\"p6fty-elements-title p6fty-reveal\">Elementi del sistema 6F TY<\/h2>\n      <div class=\"p6fty-elements-grid\">\n\n        <div class=\"p6fty-element-card p6fty-reveal\">\n          <div class=\"p6fty-bg-number\">01<\/div>\n          <div class=\"p6fty-element-content\">\n            <div class=\"p6fty-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=\"p6fty-element-card p6fty-reveal\">\n          <div class=\"p6fty-bg-number\">02<\/div>\n          <div class=\"p6fty-element-content\">\n            <div class=\"p6fty-element-icon\">\ud83d\udcd0<\/div>\n            <h3>Elemento &#8220;TY&#8221;<\/h3>\n            <p>Elemento precompresso a sezione filante, luce variabile fino a 30 mt, con funzione di raccolta delle acque piovane.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"p6fty-element-card p6fty-reveal\">\n          <div class=\"p6fty-bg-number\">03<\/div>\n          <div class=\"p6fty-element-content\">\n            <div class=\"p6fty-element-icon\">\ud83d\udca7<\/div>\n            <h3>Trave canala TRH<\/h3>\n            <p>Trave a forma di calice con triplice funzione: chiusura del telaio, sostegno dei pannelli e rapido deflusso delle acque meteoriche.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MANTO DI COPERTURA -->\n  <section class=\"p6fty-roof\">\n    <div class=\"p6fty-roof-text p6fty-reveal\">\n      <span class=\"p6fty-eyebrow\">Manto di copertura<\/span>\n      <p>\n        Il sistema \u00e8 completato da una soffittatura che nella versione standard \u00e8 in lamiera grecata preverniciata o in fibrocemento non amianto. A richiesta \u00e8 possibile inserire diverse finiture per aggiungere valore alla finitura interna.\n      <\/p>\n      <p>\n        L&#8217;impermeabilizzazione della copertura \u00e8 realizzata con coppelle sandwich curve o in lamiera grecata in aluzinc. Il manto di copertura descritto \u00e8 solo esemplificativo e pu\u00f2 essere personalizzato e adattato alle specifiche esigenze del cliente.\n      <\/p>\n    <\/div>\n    <div class=\"p6fty-roof-img\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/6fty-3.png\" alt=\"Manto di copertura 6F\/TY\">\n    <\/div>\n  <\/section>\n\n  <!-- CHIUSURA -->\n  <section class=\"p6fty-closing\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/6fty-4.png\" alt=\"Struttura 6F\/TY\">\n    <span class=\"p6fty-closing-caption\">Sistema 6F\/TY \u2014 stabilit\u00e0, luminosit\u00e0 e precisione costruttiva<\/span>\n  <\/section>\n\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Sistema 6F\/TY Sistema 6F\/TY per l&#8217;edilizia industriale ed artigianale Descrizione del sistema Il Sistema costruttivo 6F TY si caratterizza per la grande gradevolezza estetica associata a grandi doti di stabilit\u00e0, luminosit\u00e0 e isolamento termico. Queste caratteristiche rendono il sistema 6F TY ideale per costruzioni di edifici destinati ad attivit\u00e0 industriali ed artigianali. Il componente principale [&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-1054","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1054","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=1054"}],"version-history":[{"count":10,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1054\/revisions"}],"predecessor-version":[{"id":1246,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1054\/revisions\/1246"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}