{"id":1033,"date":"2026-07-08T08:38:12","date_gmt":"2026-07-08T08:38:12","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=1033"},"modified":"2026-07-10T10:35:51","modified_gmt":"2026-07-10T10:35:51","slug":"6ftv","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=1033","title":{"rendered":"6FTV"},"content":{"rendered":"<style>.kb-row-layout-id1033_efd8f0-9c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1033_efd8f0-9c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1033_efd8f0-9c > .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-id1033_efd8f0-9c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1033_efd8f0-9c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1033_efd8f0-9c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1033_efd8f0-9c 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-column1033_df372c-47 > .kt-inside-inner-col,.kadence-column1033_df372c-47 > .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-column1033_df372c-47 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1033_df372c-47 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1033_df372c-47 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1033_df372c-47 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1033_df372c-47{position:relative;}@media all and (max-width: 1024px){.kadence-column1033_df372c-47 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1033_df372c-47 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1033_df372c-47\"><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.p6ftv-page{\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  background: #ffffff;\n  color: var(--nero);\n}\n\n\/* ============ HERO ============ *\/\n.p6ftv-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: 92vh;\n  min-height: 560px;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n}\n.p6ftv-hero img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.p6ftv-hero::after{\n  content:\"\";\n  position:absolute; inset:0;\n  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.8) 100%);\n}\n.p6ftv-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.p6ftv-hero-eyebrow{\n  display:inline-block;\n  color: var(--rosso);\n  font-weight: 800;\n  font-size: 14px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n.p6ftv-hero h1{\n  font-size: clamp(28px, 4.2vw, 62px);\n  font-weight: 900;\n  line-height: 1.25;\n  max-width: 1100px;\n  margin: 0;\n  text-shadow: 0 4px 20px rgba(0,0,0,0.4);\n}\n\n.p6ftv-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.p6ftv-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: p6ftv-scroll-dot 1.6s ease infinite;\n}\n@keyframes p6ftv-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.p6ftv-reveal{\n  opacity: 0;\n  transform: translateY(50px);\n  animation: p6ftv-fadeup linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 55%;\n}\n@keyframes p6ftv-fadeup{\n  to{ opacity:1; transform: translateY(0); }\n}\n@supports not (animation-timeline: view()) {\n  .p6ftv-reveal{ opacity: 1 !important; transform: none !important; }\n}\n\n\/* ============ INTRO \/ DESCRIZIONE ============ *\/\n.p6ftv-intro{\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 110px 6% 90px;\n}\n.p6ftv-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.p6ftv-eyebrow::after{\n  content:\"\";\n  position:absolute; left:0; bottom:0;\n  width: 40px; height: 2px;\n  background: var(--rosso);\n}\n.p6ftv-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.p6ftv-intro p:last-child{ margin-bottom: 0; }\n.p6ftv-intro strong{ color: var(--rosso); }\n\n\/* ============ DIAGRAMMA TECNICO ============ *\/\n.p6ftv-diagram{\n  background: var(--grigio-chiaro);\n  padding: 100px 6%;\n}\n.p6ftv-diagram-inner{\n  max-width: 1100px;\n  margin: 0 auto;\n  text-align: center;\n}\n.p6ftv-diagram-frame{\n  margin-top: 40px;\n  border: 1px solid #ddd;\n  background: #fff;\n  padding: 24px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\n}\n.p6ftv-diagram-frame img{\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* ============ ELEMENTI DEL SISTEMA ============ *\/\n.p6ftv-elements{\n  padding: 110px 6%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.p6ftv-elements-title{\n  font-size: clamp(26px, 3vw, 40px);\n  font-weight: 900;\n  margin: 0 0 50px 0;\n  text-align: center;\n}\n.p6ftv-elements-grid{\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 2px;\n  background: #e5e5e5;\n}\n.p6ftv-element-card{\n  background: #fff;\n  padding: 40px 28px;\n  transition: all 0.35s ease;\n  border-bottom: 3px solid transparent;\n}\n.p6ftv-element-card:hover{\n  background: var(--nero);\n  border-bottom-color: var(--rosso);\n  transform: translateY(-6px);\n}\n.p6ftv-element-num{\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--rosso);\n  letter-spacing: 2px;\n  margin-bottom: 18px;\n  display: block;\n}\n.p6ftv-element-card h3{\n  font-size: 19px;\n  font-weight: 800;\n  margin: 0;\n  color: var(--nero);\n  transition: color 0.35s ease;\n}\n.p6ftv-element-card:hover h3{ color: #fff; }\n\n@media (max-width: 900px){\n  .p6ftv-elements-grid{ grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 520px){\n  .p6ftv-elements-grid{ grid-template-columns: 1fr; }\n}\n\n\/* ============ MANTO DI COPERTURA ============ *\/\n.p6ftv-roof{\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n.p6ftv-roof-text{\n  padding: 100px 7%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  box-sizing: border-box;\n}\n.p6ftv-roof-text p{\n  font-size: clamp(16px, 1.3vw, 19px);\n  line-height: 1.8;\n  color: #262626;\n  margin: 0;\n}\n.p6ftv-roof-img{\n  position: relative;\n  min-height: 420px;\n  overflow: hidden;\n}\n.p6ftv-roof-img img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n@media (max-width: 860px){\n  .p6ftv-roof{ grid-template-columns: 1fr; }\n  .p6ftv-roof-img{ min-height: 320px; order: -1; }\n}\n\n\/* ============ CHIUSURA: IMMAGINE CON ZOOM ALLO SCROLL ============ *\/\n.p6ftv-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.p6ftv-closing img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.15);\n  animation: p6ftv-zoomout linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 100%;\n}\n@keyframes p6ftv-zoomout{\n  to{ transform: scale(1); }\n}\n@supports not (animation-timeline: view()) {\n  .p6ftv-closing img{ transform: scale(1) !important; }\n}\n.p6ftv-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.p6ftv-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 .p6ftv-hero,\n.block-editor-writing-flow .p6ftv-hero,\nbody.block-editor-page .p6ftv-hero{\n  height: auto !important;\n  min-height: 400px !important;\n}\n.editor-styles-wrapper .p6ftv-closing,\n.block-editor-writing-flow .p6ftv-closing,\nbody.block-editor-page .p6ftv-closing{\n  height: auto !important;\n  min-height: 300px !important;\n}\n<\/style>\n\n<div class=\"p6ftv-page\">\n\n  <!-- HERO -->\n  <section class=\"p6ftv-hero\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-10-giu-2026-17_25_13.png\" alt=\"Sistema 6F\/TV\">\n    <div class=\"p6ftv-hero-content\">\n      <span class=\"p6ftv-hero-eyebrow\">Sistema 6F\/TV<\/span>\n      <h1>La soluzione classica a doppia pendenza, imbattibile nello smaltimento delle acque piovane<\/h1>\n    <\/div>\n    <div class=\"p6ftv-scroll-cue\"><\/div>\n  <\/section>\n\n  <!-- INTRO \/ DESCRIZIONE -->\n  <section class=\"p6ftv-intro\">\n    <span class=\"p6ftv-eyebrow p6ftv-reveal\">Descrizione del sistema<\/span>\n    <p class=\"p6ftv-reveal\">\n      L&#8217;elemento principale del Sistema 6F TV \u00e8 la trave <strong>&#8220;6F\/TV&#8221;<\/strong> che sostiene la struttura secondaria costituita da tegoli a doppio &#8220;T&#8221;, precompressi, a sezione costante e di lunghezza fino a mt 20. Questi tegoli possono essere accostati o intervallati quando si rende necessaria l&#8217;illuminazione zenitale. Una caratteristica esclusiva del Sistema 6F TV \u00e8 la doppia falda con un&#8217;inclinazione dell&#8217;11% che permette un rapido smaltimento delle acque piovane.\n    <\/p>\n    <p class=\"p6ftv-reveal\">\n      L&#8217;elemento principale \u00e8 la trave doppia pendenza <strong>&#8220;TV&#8221;<\/strong> precompressa a sezione variabile con luci da 12 fino a 40 mt. La caratteristica principale di tale elemento \u00e8 la realizzazione del bulbo superiore che funge anche da chiusura (timpano) dei gambi dei tegoli, assicurando nel contempo il vincolo antisismico. Nel bulbo superiore sono ricavate anche delle tasche per l&#8217;alloggiamento dei gambi dei tegoli di copertura. Efficace smaltimento delle acque piovane. Le canali di gronde, anch&#8217;esse precompresse, hanno tre funzioni: chiusura del telaio strutturale, appoggio e vincolo dei pannelli di tamponamento, rapido e sicuro deflusso delle acque meteoriche garantito dalle importanti sezioni idrauliche.\n    <\/p>\n  <\/section>\n\n  <!-- DIAGRAMMA TECNICO -->\n  <section class=\"p6ftv-diagram\">\n    <div class=\"p6ftv-diagram-inner\">\n      <span class=\"p6ftv-eyebrow p6ftv-reveal\">Schema strutturale<\/span>\n      <div class=\"p6ftv-diagram-frame p6ftv-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/technical_structure_diagram.png\" alt=\"Schema tecnico struttura 6F\/TV\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ELEMENTI DEL SISTEMA -->\n  <section class=\"p6ftv-elements\">\n    <h2 class=\"p6ftv-elements-title p6ftv-reveal\">Elementi del sistema 6F TV<\/h2>\n    <div class=\"p6ftv-elements-grid\">\n      <div class=\"p6ftv-element-card p6ftv-reveal\">\n        <span class=\"p6ftv-element-num\">01<\/span>\n        <h3>Pilastri<\/h3>\n      <\/div>\n      <div class=\"p6ftv-element-card p6ftv-reveal\">\n        <span class=\"p6ftv-element-num\">02<\/span>\n        <h3>Elemento Trave &#8220;TV&#8221;<\/h3>\n      <\/div>\n      <div class=\"p6ftv-element-card p6ftv-reveal\">\n        <span class=\"p6ftv-element-num\">03<\/span>\n        <h3>Canala di Gronda<\/h3>\n      <\/div>\n      <div class=\"p6ftv-element-card p6ftv-reveal\">\n        <span class=\"p6ftv-element-num\">04<\/span>\n        <h3>Tegoli di copertura<\/h3>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MANTO DI COPERTURA -->\n  <section class=\"p6ftv-roof\">\n    <div class=\"p6ftv-roof-text p6ftv-reveal\">\n      <span class=\"p6ftv-eyebrow\">Manto di copertura<\/span>\n      <p>\n        Il manto di copertura prevede una lastra retta in lamiera grecata &#8220;Aluzinc&#8221; che, previa stesura di materassino isolante, viene fissata alla struttura prefabbricata. 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=\"p6ftv-roof-img\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/roof_exterior.png\" alt=\"Manto di copertura esterno\">\n    <\/div>\n  <\/section>\n\n  <!-- CHIUSURA -->\n  <section class=\"p6ftv-closing\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/structural_interior.png\" alt=\"Struttura interna 6F\/TV\">\n    <span class=\"p6ftv-closing-caption\">Sistema 6F\/TV \u2014 solidit\u00e0 e precisione in ogni dettaglio<\/span>\n  <\/section>\n\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Sistema 6F\/TV La soluzione classica a doppia pendenza, imbattibile nello smaltimento delle acque piovane Descrizione del sistema L&#8217;elemento principale del Sistema 6F TV \u00e8 la trave &#8220;6F\/TV&#8221; che sostiene la struttura secondaria costituita da tegoli a doppio &#8220;T&#8221;, precompressi, a sezione costante e di lunghezza fino a mt 20. Questi tegoli possono essere accostati o [&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-1033","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1033","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=1033"}],"version-history":[{"count":3,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1033\/revisions"}],"predecessor-version":[{"id":1245,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/1033\/revisions\/1245"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}