{"id":615,"date":"2026-06-06T10:50:10","date_gmt":"2026-06-06T10:50:10","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=615"},"modified":"2026-06-12T09:15:43","modified_gmt":"2026-06-12T09:15:43","slug":"strutture","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=615","title":{"rendered":"Strutture"},"content":{"rendered":"<style>.kb-row-layout-id615_ad6ab4-b9 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id615_ad6ab4-b9 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id615_ad6ab4-b9 > .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-id615_ad6ab4-b9 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id615_ad6ab4-b9 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id615_ad6ab4-b9 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id615_ad6ab4-b9 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-column615_732668-44 > .kt-inside-inner-col,.kadence-column615_732668-44 > .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-column615_732668-44 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column615_732668-44 > .kt-inside-inner-col{flex-direction:column;}.kadence-column615_732668-44 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column615_732668-44 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column615_732668-44{position:relative;}@media all and (max-width: 1024px){.kadence-column615_732668-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column615_732668-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column615_732668-44\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n.sf-structure{\n    background:#f5f5f5;\n    padding:120px 5%;\n}\n\n.sf-wrap{\n    max-width:1700px;\n    margin:auto;\n\n    display:grid;\n    grid-template-columns:45% 55%;\n    align-items:center;\n    gap:80px;\n}\n\n.sf-kicker{\n    display:block;\n\n    font-size:13px;\n    letter-spacing:4px;\n    color:#D3D3D3;\n\n    margin-bottom:20px;\n}\n\n.sf-left h2{\n\n    font-size:clamp(60px,6vw,110px);\n    line-height:.95;\n    font-weight:900;\n\n    color:#111;\n\n    margin-bottom:40px;\n}\n\n.sf-left h2 span{\n\n    display:block;\n    color:#d71920;\n\n}\n\n.sf-left p{\n\n    font-size:21px;\n    line-height:1.9;\n\n    color:#555;\n\n    max-width:850px;\n\n    margin-bottom:40px;\n}\n\n.sf-badges{\n\n    display:flex;\n    gap:15px;\n\n    flex-wrap:wrap;\n\n    margin-bottom:50px;\n}\n\n.sf-badges span{\n\n    padding:14px 22px;\n\n    background:white;\n\n    border:1px solid #ddd;\n\n    border-radius:6px;\n\n    font-size:13px;\n\n    font-weight:700;\n\n    letter-spacing:1px;\n}\n\n.sf-finiture h3{\n\n    font-size:32px;\n    margin-bottom:30px;\n\n    color:#111;\n}\n\n.sf-finiture ul{\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:18px;\n\n    list-style:none;\n\n    padding:0;\n}\n\n.sf-finiture li{\n\n    position:relative;\n\n    padding-left:24px;\n\n    color:#444;\n\n    line-height:1.6;\n}\n\n.sf-finiture li:before{\n\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:#d71920;\n\n    position:absolute;\n\n    left:0;\n    top:10px;\n}\n\n.sf-right{\n\n    text-align:center;\n}\n\n.sf-right img{\n\n    width:100%;\n    max-width:900px;\n\n    transition:.6s ease;\n}\n\n.sf-right img:hover{\n\n    transform:scale(1.03);\n}\n\n@media(max-width:1200px){\n\n    .sf-wrap{\n\n        grid-template-columns:1fr;\n    }\n\n    .sf-right{\n\n        order:-1;\n    }\n\n}\n<\/style>\n\n<section class=\"sf-structure\">\n\n    <div class=\"sf-wrap\">\n\n        <div class=\"sf-left\">\n\n            <span class=\"sf-kicker\">\n                EDILIZIA INDUSTRIALIZZATA\n            <\/span>\n\n            <h2>\n\n                LE STRUTTURE\n\n                <span>\n                    PREFABBRICATE\n                <\/span>\n\n            <\/h2>\n\n            <p>\n\n                Tutti i sistemi costruttivi valorizzano la funzionalit\u00e0\n                dell\u2019opera garantendo nel contempo la massima versatilit\u00e0\n                nella proposizione degli ambienti e destinazioni d\u2019uso.\n\n                Il tutto secondo rigorosi criteri di costruzione\n                antisismica senza rinunciare all\u2019estetica e al rilievo\n                architettonico.\n\n            <\/p>\n\n            <div class=\"sf-badges\">\n\n                <span>\u2713 ANTISISMICA<\/span>\n\n                <span>\u2713 MASSIMA VERSATILIT\u00c0<\/span>\n\n                <span>\u2713 DESIGN ARCHITETTONICO<\/span>\n\n            <\/div>\n\n            <div class=\"sf-finiture\">\n\n                <h3>\n                    Finiture e personalizzazioni\n                <\/h3>\n\n                <ul>\n\n                    <li>Legno e pietra<\/li>\n                    <li>Listelli in cotto o pietra<\/li>\n                    <li>Cemento colorato in massa<\/li>\n                    <li>Scurettature decorative<\/li>\n                    <li>Rigato con finti giunti<\/li>\n                    <li>Fugati verticali e orizzontali<\/li>\n                    <li>Vernici acriliche<\/li>\n                    <li>Pannello comprensivo di infisso<\/li>\n\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"sf-right\">\n\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/dyapason_2.jpg\" alt=\"STRUTURA\">\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id615_12c384-b1 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id615_12c384-b1 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id615_12c384-b1 > .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-id615_12c384-b1 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id615_12c384-b1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id615_12c384-b1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id615_12c384-b1 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-column615_a560ec-ad > .kt-inside-inner-col,.kadence-column615_a560ec-ad > .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-column615_a560ec-ad > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column615_a560ec-ad > .kt-inside-inner-col{flex-direction:column;}.kadence-column615_a560ec-ad > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column615_a560ec-ad > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column615_a560ec-ad{position:relative;}@media all and (max-width: 1024px){.kadence-column615_a560ec-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column615_a560ec-ad > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column615_a560ec-ad\"><div class=\"kt-inside-inner-col\">\n<div class=\"wing-3d-wrapper\" style=\"background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:25px; max-width:900px; margin:30px auto; font-family:sans-serif; text-align:center;\">\n    <h3 style=\"color:#e53e3e; margin:0 0 5px 0; font-size:1.75rem; font-weight:700; text-transform:uppercase;\">Modello 3D Interattivo &#8211; Sistema Wing<\/h3>\n    <p style=\"color:#718096; margin:0 0 20px 0; font-size:0.95rem;\">Usa il mouse per ruotare e zoomare la struttura prefabbricata nera.<\/p>\n    <div id=\"wing-canvas-container\" style=\"width:100%; height:500px; border-radius:8px; background:#ffffff; border:1px solid #edf2f7; cursor:grab;\"><\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Caricamento dinamico delle librerie per evitare blocchi di WordPress\n    function loadScript(url, callback) {\n        var script = document.createElement(\"script\");\n        script.type = \"text\/javascript\";\n        script.src = url;\n        script.onload = callback;\n        document.head.appendChild(script);\n    }\n\n    loadScript(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\", function() {\n        loadScript(\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/controls\/OrbitControls.js\", function() {\n            initThreeJS();\n        });\n    });\n\n    function initThreeJS() {\n        const container = document.getElementById('wing-canvas-container');\n        if(!container) return;\n        \n        const scene = new THREE.Scene();\n        scene.background = new THREE.Color(0xffffff);\n        \n        const camera = new THREE.PerspectiveCamera(45, container.clientWidth \/ container.clientHeight, 0.1, 1000);\n        camera.position.set(15, 12, 20);\n\n        const renderer = new THREE.WebGLRenderer({ antialias: true });\n        renderer.setSize(container.clientWidth, container.clientHeight);\n        renderer.shadowMap.enabled = true;\n        container.appendChild(renderer.domElement);\n\n        const controls = new THREE.OrbitControls(camera, renderer.domElement);\n        controls.enableDamping = true;\n        controls.dampingFactor = 0.05;\n        controls.maxPolarAngle = Math.PI \/ 2 - 0.05;\n\n        scene.add(new THREE.AmbientLight(0x555555));\n        const dirLight = new THREE.DirectionalLight(0xffffff, 0.8);\n        dirLight.position.set(15, 25, 15);\n        dirLight.castShadow = true;\n        scene.add(dirLight);\n        \n        const dirLight2 = new THREE.DirectionalLight(0xe0e0e0, 0.5);\n        dirLight2.position.set(-15, 10, -15);\n        scene.add(dirLight2);\n\n        const blackMaterial = new THREE.MeshStandardMaterial({ color: 0x151515, roughness: 0.4, metalness: 0.2 });\n        const strutturaGruppo = new THREE.Group();\n\n        const floor = new THREE.Mesh(new THREE.BoxGeometry(30, 0.1, 30), new THREE.MeshStandardMaterial({ color: 0xf5f5f5 }));\n        floor.position.y = -0.05;\n        floor.receiveShadow = true;\n        scene.add(floor);\n\n        [{x: -8, z: -8}, {x: 8, z: -8}, {x: -8, z: 8}, {x: 8, z: 8}].forEach(pos => {\n            const p = new THREE.Mesh(new THREE.BoxGeometry(1, 8, 1), blackMaterial);\n            p.position.set(pos.x, 4, pos.z);\n            p.castShadow = true;\n            strutturaGruppo.add(p);\n        });\n\n        const t1 = new THREE.Mesh(new THREE.BoxGeometry(18, 1.2, 1), blackMaterial); t1.position.set(0, 8.6, -8); t1.castShadow = true; strutturaGruppo.add(t1);\n        const t2 = new THREE.Mesh(new THREE.BoxGeometry(18, 1.2, 1), blackMaterial); t2.position.set(0, 8.6, 8); t2.castShadow = true; strutturaGruppo.add(t2);\n\n        const wingShape = new THREE.Shape();\n        wingShape.moveTo(-1.5, 0); wingShape.lineTo(-1.2, 0.6); wingShape.lineTo(0, 0.2); wingShape.lineTo(1.2, 0.6); wingShape.lineTo(1.5, 0); wingShape.lineTo(1.0, -0.4); wingShape.lineTo(-1.0, -0.4); wingShape.lineTo(-1.5, 0);\n\n        const wingGeo = new THREE.ExtrudeGeometry(wingShape, { steps: 1, depth: 15.4, bevelEnabled: false });\n        for(let i = 0; i < 5; i++) {\n            const w = new THREE.Mesh(wingGeo, blackMaterial);\n            w.position.set(-6 + (i * 3), 9.2, -7.7);\n            w.castShadow = true;\n            strutturaGruppo.add(w);\n        }\n\n        scene.add(strutturaGruppo);\n\n        function animate() {\n            requestAnimationFrame(animate);\n            if (!controls.state == -1) strutturaGruppo.rotation.y += 0.0015;\n            controls.update();\n            renderer.render(scene, camera);\n        }\n        animate();\n\n        window.addEventListener('resize', function() {\n            camera.aspect = container.clientWidth \/ container.clientHeight;\n            camera.updateProjectionMatrix();\n            renderer.setSize(container.clientWidth, container.clientHeight);\n        });\n    }\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id615_2a292a-88 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id615_2a292a-88 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id615_2a292a-88 > .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);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id615_2a292a-88 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id615_2a292a-88 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id615_2a292a-88 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id615_2a292a-88 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-column615_916587-11 > .kt-inside-inner-col,.kadence-column615_916587-11 > .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-column615_916587-11 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column615_916587-11 > .kt-inside-inner-col{flex-direction:column;}.kadence-column615_916587-11 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column615_916587-11 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column615_916587-11{position:relative;}@media all and (max-width: 1024px){.kadence-column615_916587-11 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column615_916587-11 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column615_916587-11\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n.sf-strengths{\n    padding:140px 6%;\n    background:#ffffff;\n    overflow:hidden;\n}\n\n.sf-header{\n    text-align:center;\n    max-width:1100px;\n    margin:auto auto 90px;\n}\n\n.sf-kicker{\n    color:#d71920;\n    font-size:14px;\n    font-weight:700;\n    letter-spacing:3px;\n}\n\n.sf-header h2{\n    font-size:clamp(42px,5vw,80px);\n    color:#111;\n    line-height:1.1;\n    margin-top:20px;\n    font-weight:800;\n}\n\n.sf-panels{\n    display:grid;\n    grid-template-columns:1fr 1fr 1fr;\n    gap:35px;\n}\n\n.sf-panel{\n    position:relative;\n    min-height:500px;\n    background:#fff;\n    border-radius:30px;\n    overflow:hidden;\n    border:1px solid #ececec;\n    transition:.5s;\n    cursor:pointer;\n}\n\n.sf-panel:hover{\n    transform:translateY(-15px);\n    box-shadow:0 40px 80px rgba(0,0,0,.12);\n}\n\n.sf-panel:before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:6px;\n    background:#d71920;\n}\n\n.sf-bg-number{\n    position:absolute;\n    right:-20px;\n    top:20px;\n    font-size:170px;\n    font-weight:900;\n    color:rgba(215,25,32,.06);\n    line-height:1;\n}\n\n.sf-content{\n    padding:60px 45px;\n    position:relative;\n    z-index:2;\n}\n\n.sf-icon{\n    font-size:70px;\n    margin-bottom:30px;\n}\n\n.sf-content h3{\n    font-size:36px;\n    color:#111;\n    margin-bottom:20px;\n}\n\n.sf-content p{\n    color:#666;\n    line-height:1.9;\n    font-size:18px;\n}\n\n.sf-highlight{\n    margin-top:35px;\n    display:inline-block;\n    background:#d71920;\n    color:#fff;\n    padding:14px 22px;\n    border-radius:50px;\n    font-weight:700;\n}\n\n.sf-bottom-cta{\n    margin-top:90px;\n    text-align:center;\n    padding:70px;\n    background:#111;\n    border-radius:30px;\n}\n\n.sf-bottom-cta h3{\n    color:#fff;\n    font-size:clamp(28px,3vw,48px);\n    margin-bottom:30px;\n}\n\n.sf-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    background:#d71920;\n    color:#fff;\n    text-decoration:none;\n    padding:18px 40px;\n    border-radius:60px;\n    font-weight:700;\n    transition:.3s;\n}\n\n.sf-btn:hover{\n    transform:translateY(-3px);\n    background:#b8141a;\n}\n\n@media(max-width:991px){\n\n    .sf-panels{\n        grid-template-columns:1fr;\n    }\n\n    .sf-panel{\n        min-height:auto;\n    }\n\n    .sf-bg-number{\n        font-size:120px;\n    }\n\n}\n<\/style>\n\n<section class=\"sf-strengths\">\n\n    <div class=\"sf-header\">\n\n        <span class=\"sf-kicker\">\n            I VANTAGGI SEIEFFE\n        <\/span>\n\n        <h2>\n            Costruiamo strutture progettate\n            per affrontare ogni sfida.\n        <\/h2>\n\n    <\/div>\n\n    <div class=\"sf-panels\">\n\n        <!-- SISMICA -->\n\n        <div class=\"sf-panel\">\n\n            <div class=\"sf-bg-number\">\n                1-4\n            <\/div>\n\n            <div class=\"sf-content\">\n\n                <div class=\"sf-icon\">\n                    \ud83c\udf0d\n                <\/div>\n\n                <h3>\n                    Resistenza Sismica\n                <\/h3>\n\n                <p>\n                    Progettazione strutturale conforme alle normative\n                    antisismiche per tutte le zone italiane.\n                <\/p>\n\n                <div class=\"sf-highlight\">\n                    Certificata dalla Zona 1 alla Zona 4\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- FUOCO -->\n\n        <div class=\"sf-panel\">\n\n            <div class=\"sf-bg-number\">\n                R240\n            <\/div>\n\n            <div class=\"sf-content\">\n\n                <div class=\"sf-icon\">\n                    \ud83d\udd25\n                <\/div>\n\n                <h3>\n                    Resistenza al Fuoco\n                <\/h3>\n\n                <p>\n                    Prestazioni certificate fino a R240\n                    per applicazioni industriali avanzate.\n                <\/p>\n\n                <div class=\"sf-highlight\">\n                    Da R60 fino a R240\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- MONTAGGIO -->\n\n        <div class=\"sf-panel\">\n\n            <div class=\"sf-bg-number\">\n                100%\n            <\/div>\n\n            <div class=\"sf-content\">\n\n                <div class=\"sf-icon\">\n                    \ud83d\ude9b\n                <\/div>\n\n                <h3>\n                    Servizio Completo\n                <\/h3>\n\n                <p>\n                    Gestiamo direttamente trasporto,\n                    logistica e montaggio in cantiere.\n                <\/p>\n\n                <div class=\"sf-highlight\">\n                    Trasporto e montaggio inclusi\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"sf-bottom-cta\">\n\n        <h3>\n            Un unico partner dalla progettazione\n            alla consegna dell'opera.\n        <\/h3>\n\n        <a href=\"\/contatti\/\" class=\"sf-btn\">\n            Richiedi un Preventivo\n        <\/a>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id615_e8ac62-aa > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id615_e8ac62-aa > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id615_e8ac62-aa > .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-id615_e8ac62-aa > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id615_e8ac62-aa > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id615_e8ac62-aa > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id615_e8ac62-aa 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-column615_b6cf0a-30 > .kt-inside-inner-col,.kadence-column615_b6cf0a-30 > .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-column615_b6cf0a-30 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column615_b6cf0a-30 > .kt-inside-inner-col{flex-direction:column;}.kadence-column615_b6cf0a-30 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column615_b6cf0a-30 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column615_b6cf0a-30{position:relative;}@media all and (max-width: 1024px){.kadence-column615_b6cf0a-30 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column615_b6cf0a-30 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column615_b6cf0a-30\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n.sf-strutture{\n    padding:100px 5%;\n    background:#ffffff;\n}\n\n.sf-head{\n    text-align:center;\n    max-width:900px;\n    margin:auto auto 80px;\n}\n\n.sf-label{\n    color:#d71920;\n    font-weight:700;\n    letter-spacing:3px;\n    font-size:14px;\n}\n\n.sf-head h2{\n    font-size:clamp(42px,6vw,72px);\n    color:#111;\n    margin:15px 0;\n    font-weight:800;\n}\n\n.sf-head h2 span{\n    color:#d71920;\n}\n\n.sf-head p{\n    font-size:20px;\n    color:#555;\n    line-height:1.7;\n}\n\n.sf-grid{\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));\n    gap:35px;\n}\n\n.sf-card{\n    background:#fff;\n    border-radius:20px;\n    overflow:hidden;\n    box-shadow:0 15px 40px rgba(0,0,0,.08);\n    transition:.4s;\n}\n\n.sf-card:hover{\n    transform:translateY(-12px);\n    box-shadow:0 25px 50px rgba(0,0,0,.15);\n}\n\n.sf-card img{\n    width:100%;\n    height:260px;\n    object-fit:cover;\n    transition:.5s;\n}\n\n.sf-card:hover img{\n    transform:scale(1.08);\n}\n\n.sf-content{\n    padding:30px;\n}\n\n.sf-content h3{\n    color:#111;\n    font-size:30px;\n    margin-bottom:15px;\n}\n\n.sf-content p{\n    color:#666;\n    line-height:1.7;\n    margin-bottom:25px;\n}\n\n.sf-btn{\n    display:inline-block;\n    background:#d71920;\n    color:#fff;\n    padding:14px 28px;\n    border-radius:50px;\n    text-decoration:none;\n    font-weight:700;\n    transition:.3s;\n}\n\n.sf-btn:hover{\n    background:#b11218;\n    transform:translateY(-2px);\n}\n<\/style>\n\n<section class=\"sf-strutture\">\n\n    <div class=\"sf-head\">\n        <span class=\"sf-label\">SISTEMI COSTRUTTIVI<\/span>\n\n        <h2>\n            Le nostre <span>strutture<\/span>\n        <\/h2>\n\n        <p>\n            Soluzioni prefabbricate progettate per garantire\n            prestazioni elevate, velocit\u00e0 di realizzazione\n            e massima libert\u00e0 architettonica.\n        <\/p>\n    <\/div>\n\n    <div class=\"sf-grid\">\n\n        <!-- 6F\/TV -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-10-giu-2026-17_25_13.png\" alt=\"6F TV\">\n\n            <div class=\"sf-content\">\n                <h3>6F\/TV<\/h3>\n\n                <p>\n                    Sistema con copertura a doppia pendenza\n                    ideale per grandi luci e spazi industriali.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- 6F\/TY -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-10-giu-2026-17_30_13.png\" alt=\"6F TY\">\n\n            <div class=\"sf-content\">\n                <h3>6F\/TY<\/h3>\n\n                <p>\n                    Soluzione evoluta con elevate prestazioni\n                    strutturali ed estetiche.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- ESPACE -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-10-giu-2026-17_34_12.png\" alt=\"ESPACE\">\n\n            <div class=\"sf-content\">\n                <h3>ESPACE<\/h3>\n\n                <p>\n                    Ideale per strutture commerciali,\n                    retail e grandi superfici.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- ELECTO -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Electo.jpg\" alt=\"ELECTO\">\n\n            <div class=\"sf-content\">\n                <h3>ELECTO<\/h3>\n\n                <p>\n                    Design distintivo e massima luminosit\u00e0 interna.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- ELECTO LIGHT -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Electo_Light.jpg\" alt=\"ELECTO LIGHT\">\n\n            <div class=\"sf-content\">\n                <h3>ELECTO LIGHT<\/h3>\n\n                <p>\n                    Versione alleggerita con elevate performance.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- PLURIPIANO -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Pluripiano.jpg\" alt=\"PLURIPIANO\">\n\n            <div class=\"sf-content\">\n                <h3>PLURIPIANO<\/h3>\n\n                <p>\n                    Sistema prefabbricato per edifici multipiano\n<span>\n\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- WING -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Wing.jpg\" alt=\"WING\">\n\n            <div class=\"sf-content\">\n                <h3>WING<\/h3>\n\n                <p>\n                    Tecnologia avanzata per coperture innovative.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n        <!-- DYAPASON -->\n        <article class=\"sf-card\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Dyapason.jpg\" alt=\"DYAPASON\">\n\n            <div class=\"sf-content\">\n                <h3>DYAPASON<\/h3>\n\n                <p>\n                    Soluzione dal forte impatto architettonico.\n                <\/p>\n\n                <a href=\"#\" class=\"sf-btn\">\n                    Scopri di pi\u00f9\n                <\/a>\n            <\/div>\n        <\/article>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kb-row-layout-id615_a2ca1a-c3 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id615_a2ca1a-c3 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id615_a2ca1a-c3 > .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-id615_a2ca1a-c3 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id615_a2ca1a-c3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id615_a2ca1a-c3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id615_a2ca1a-c3 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-column615_bba234-92 > .kt-inside-inner-col,.kadence-column615_bba234-92 > .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-column615_bba234-92 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column615_bba234-92 > .kt-inside-inner-col{flex-direction:column;}.kadence-column615_bba234-92 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column615_bba234-92 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column615_bba234-92{position:relative;}@media all and (max-width: 1024px){.kadence-column615_bba234-92 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column615_bba234-92 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column615_bba234-92\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>EDILIZIA INDUSTRIALIZZATA LE STRUTTURE PREFABBRICATE Tutti i sistemi costruttivi valorizzano la funzionalit\u00e0 dell\u2019opera garantendo nel contempo la massima versatilit\u00e0 nella proposizione degli ambienti e destinazioni d\u2019uso. Il tutto secondo rigorosi criteri di costruzione antisismica senza rinunciare all\u2019estetica e al rilievo architettonico. \u2713 ANTISISMICA \u2713 MASSIMA VERSATILIT\u00c0 \u2713 DESIGN ARCHITETTONICO Finiture e personalizzazioni Legno e pietra [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":64,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/align-wide-fix-trasparent.php","meta":{"footnotes":""},"class_list":["post-615","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/615","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=615"}],"version-history":[{"count":17,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/615\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/615\/revisions\/877"}],"up":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/64"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}