{"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-07-11T09:12:39","modified_gmt":"2026-07-11T09:12:39","slug":"strutture","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=615","title":{"rendered":"Strutture"},"content":{"rendered":"<style>.kb-row-layout-id615_18d5b9-24 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id615_18d5b9-24 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id615_18d5b9-24 > .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_18d5b9-24 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id615_18d5b9-24 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id615_18d5b9-24 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id615_18d5b9-24 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_639343-46 > .kt-inside-inner-col,.kadence-column615_639343-46 > .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_639343-46 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column615_639343-46 > .kt-inside-inner-col{flex-direction:column;}.kadence-column615_639343-46 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column615_639343-46 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column615_639343-46{position:relative;}@media all and (max-width: 1024px){.kadence-column615_639343-46 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column615_639343-46 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column615_639343-46\"><div class=\"kt-inside-inner-col\">\n<!-- SEIEFFE PREFABBRICATI \u2014 PAGINA STRUTTURE (blocco HTML personalizzato WP, senza header\/footer) -->\n<style>\nhtml, body{ overflow-x: hidden; }\n\n:root{\n  --rosso: #c62828;\n  --rosso-hover: #a31f1f;\n  --rosso-soft: #ff5a4d;\n  --nero: #111111;\n  --nero-2: #1a1c20;\n  --nero-3: #24272c;\n  --grigio-scuro: #4b5563;\n  --grigio-chiaro: #f7f7f7;\n  --bordo: #e2e2e2;\n}\n\n\/* ============ REVEAL GENERICO (scroll-driven, no JS) ============ *\/\n.sf-reveal{\n  opacity: 0;\n  transform: translateY(50px);\n  animation: sf-fadeup linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 55%;\n}\n@keyframes sf-fadeup{ to{ opacity:1; transform:translateY(0); } }\n@supports not (animation-timeline: view()) {\n  .sf-reveal{ opacity: 1 !important; transform: none !important; }\n}\n\n\/* ================= HERO (stile Fondazioni) ================= *\/\n\/* wrapper a tutta larghezza (come nel codice delle fondazioni) *\/\n.stx-page{\n  position:relative; width:100vw; max-width:100vw;\n  left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; margin-top:-70px;\n}\n.stx-hero{\n  position:relative; min-height:90vh; display:flex; align-items:flex-end;\n  overflow:hidden; color:#fff; background:var(--nero);\n  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\n}\n.stx-hero__bg{ position:absolute; inset:0; z-index:0; }\n.stx-hero__bg img{ width:100%; height:100%; object-fit:cover; }\n.stx-hero__bg::after{\n  content:\"\"; position:absolute; inset:0;\n  background:\n    linear-gradient(90deg, rgba(10,10,12,.94) 0%, rgba(10,10,12,.7) 45%, rgba(10,10,12,.3) 100%),\n    linear-gradient(0deg, rgba(10,10,12,.92) 0%, rgba(10,10,12,0) 46%);\n}\n.stx-hero__shape{\n  position:absolute; top:-120px; right:-120px; z-index:1; width:420px; height:420px;\n  border-radius:50%; border:60px solid rgba(198,40,40,.14);\n}\n.stx-hero__inner{\n  position:relative; z-index:2; width:100%; max-width:1300px;\n  margin:0 auto; padding:150px 6% 56px;\n}\n.stx-crumbs{ font-size:13px; letter-spacing:.02em; color:rgba(255,255,255,.6); margin-bottom:22px; }\n.stx-crumbs a{ color:rgba(255,255,255,.6); text-decoration:none; }\n.stx-crumbs a:hover{ color:#fff; }\n.stx-tag{\n  display:inline-flex; align-items:center; gap:10px; font-family:'Space Grotesk','Manrope',sans-serif;\n  font-size:12.5px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#fff;\n  background:var(--rosso); padding:9px 16px; border-radius:5px; margin-bottom:24px;\n}\n.stx-hero h1{\n  font-family:'Space Grotesk','Manrope',sans-serif;\n  font-size:clamp(36px,6.4vw,74px); font-weight:700; line-height:1.02; letter-spacing:-.02em;\n  text-transform:uppercase; margin:0 0 22px; max-width:16ch;\n  text-shadow:0 4px 30px rgba(0,0,0,.4);\n}\n.stx-hero h1 span{ color:var(--rosso-soft); }\n.stx-hero p{\n  font-size:clamp(16px,1.5vw,19px); color:rgba(255,255,255,.82);\n  max-width:60ch; margin:0 0 34px; line-height:1.75;\n}\n.stx-cta{ display:flex; flex-wrap:wrap; gap:14px; }\n.stx-btn{\n  display:inline-flex; align-items:center; gap:10px; font-family:'Space Grotesk','Manrope',sans-serif;\n  font-weight:600; font-size:14.5px; letter-spacing:0; text-transform:none;\n  padding:15px 28px; border-radius:100px; text-decoration:none; cursor:pointer; border:none;\n  transition:transform .3s ease, background .3s ease, box-shadow .3s ease, border-color .3s ease;\n}\n.stx-btn svg{ width:17px; height:17px; transition:transform .3s ease; }\n.stx-btn:hover svg{ transform:translateX(4px); }\n.stx-btn-red{ background:var(--rosso); color:#fff; box-shadow:0 14px 30px -12px rgba(198,40,40,.7); }\n.stx-btn-red:hover{ background:var(--rosso-hover); transform:translateY(-2px); }\n.stx-btn-ghost{ background:rgba(255,255,255,.08); color:#fff; border:1.5px solid rgba(255,255,255,.35); }\n.stx-btn-ghost:hover{ background:rgba(255,255,255,.16); border-color:#fff; transform:translateY(-2px); }\n.stx-specs{\n  display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px;\n  border-top:1px solid rgba(255,255,255,.16);\n}\n.stx-spec{ padding:30px 32px 8px 32px; border-right:1px solid rgba(255,255,255,.12); }\n.stx-spec:first-child{ padding-left:0; }\n.stx-spec:last-child{ border-right:none; padding-right:0; }\n.stx-spec b{ display:block; font-family:'Space Grotesk','Manrope',sans-serif; font-size:clamp(22px,3vw,34px); font-weight:700; color:#fff; line-height:1; }\n.stx-spec b i{ color:var(--rosso-soft); font-style:normal; }\n.stx-spec span{ display:block; margin-top:10px; font-size:12px; letter-spacing:.03em; color:rgba(255,255,255,.6); text-transform:uppercase; }\n.stx-scroll{\n  position:absolute; right:24px; bottom:28px; z-index:2; display:flex; align-items:center; gap:12px;\n  font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.55);\n}\n.stx-scroll .l{ width:46px; height:1px; background:rgba(255,255,255,.5); position:relative; overflow:hidden; }\n.stx-scroll .l::after{ content:\"\"; position:absolute; inset:0; width:40%; background:var(--rosso-soft); animation:stx-slide 1.8s infinite; }\n@keyframes stx-slide{ 0%{transform:translateX(-120%)} 100%{transform:translateX(280%)} }\n@media(max-width:820px){\n  .stx-specs{ grid-template-columns:repeat(2,1fr); }\n  .stx-spec:nth-child(2){ border-right:none; }\n  .stx-spec:nth-child(3),.stx-spec:nth-child(4){ border-top:1px solid rgba(255,255,255,.12); }\n  .stx-spec:nth-child(3){ padding-left:0; }\n  .stx-scroll{ display:none; }\n}\n\n\/* ================= PANORAMICA + FINITURE ================= *\/\n.sf-structure{ background:#fff; padding:110px 6%; font-family:'Helvetica Neue', Arial, sans-serif; }\n.sf-wrap{ max-width:1300px; margin:0 auto; display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; }\n.sf-kicker{\n  display:inline-block; color:var(--rosso); font-weight:800; font-size:13px;\n  letter-spacing:3px; text-transform:uppercase; margin-bottom:18px;\n  position:relative; padding-bottom:8px;\n}\n.sf-kicker::after{ content:\"\"; position:absolute; left:0; bottom:0; width:36px; height:2px; background:var(--rosso); }\n.sf-left h2{ font-size:clamp(28px,3.4vw,44px); font-weight:900; line-height:1.25; color:var(--nero); margin:0 0 22px 0; text-transform:uppercase; }\n.sf-left h2 span{ color:var(--rosso); display:block; }\n.sf-left p{ font-size:17px; line-height:1.85; color:var(--grigio-scuro); margin:0 0 30px 0; }\n.sf-badges{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:44px; }\n.sf-badges span{\n  display:inline-flex; align-items:center; gap:6px; padding:9px 16px;\n  border:1px solid var(--bordo); border-radius:30px; font-size:13px; font-weight:700;\n  color:var(--nero); transition: all 0.3s ease;\n}\n.sf-badges span:hover{ border-color:var(--rosso); background:var(--rosso); color:#fff; transform:translateY(-3px); }\n.sf-finiture h3{ font-size:18px; font-weight:800; color:var(--nero); margin:0 0 20px 0; }\n.sf-finiture ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }\n.sf-finiture li{ position:relative; padding-left:22px; font-size:14.5px; color:var(--grigio-scuro); transition: color 0.3s ease, transform 0.3s ease; }\n.sf-finiture li::before{ content:\"\"; position:absolute; left:0; top:7px; width:8px; height:8px; background:var(--rosso); border-radius:50%; }\n.sf-finiture li:hover{ color:var(--nero); transform:translateX(4px); }\n.sf-right{\n  opacity:0; transform:scale(0.92);\n  animation: sf-scalein linear both;\n  animation-timeline: view();\n  animation-range: entry 0% entry 60%;\n}\n@keyframes sf-scalein{ to{ opacity:1; transform:scale(1); } }\n@supports not (animation-timeline: view()) { .sf-right{ opacity:1 !important; transform:none !important; } }\n.sf-right img{ width:100%; height:100%; object-fit:cover; border-radius:6px; box-shadow:0 30px 60px rgba(0,0,0,0.15); display:block; }\n@media (max-width: 900px){\n  .sf-wrap{ grid-template-columns:1fr; }\n  .sf-finiture ul{ grid-template-columns:1fr; }\n}\n\n\/* ================= VANTAGGI (foto di sfondo per scheda) ================= *\/\n.stx-adv{ background:var(--nero); color:#fff; padding:110px 6%; font-family:'Helvetica Neue', Arial, sans-serif; }\n.stx-adv__head{ max-width:800px; margin:0 auto 58px; text-align:center; }\n.stx-adv__kick{ display:inline-block; color:var(--rosso-soft); font-weight:800; font-size:13px; letter-spacing:3px; text-transform:uppercase; margin-bottom:18px; position:relative; padding-bottom:8px; }\n.stx-adv__kick::after{ content:\"\"; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:36px; height:2px; background:var(--rosso); }\n.stx-adv__head h2{ font-size:clamp(26px,3vw,42px); font-weight:900; line-height:1.28; margin:0; color:#fff; }\n.stx-adv__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1200px; margin:0 auto; }\n.stx-advcard{ position:relative; border-radius:16px; overflow:hidden; min-height:460px; display:flex; flex-direction:column; justify-content:flex-end; isolation:isolate; border:1px solid rgba(255,255,255,.08); background:var(--nero-2); transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease; }\n.stx-advcard > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .6s ease; }\n.stx-advcard::after{ content:\"\"; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(10,10,12,.2) 10%, rgba(10,10,12,.6) 55%, rgba(10,10,12,.92) 100%); }\n.stx-advcard:hover{ transform:translateY(-8px); border-color:var(--rosso); box-shadow:0 26px 55px rgba(0,0,0,.5); }\n.stx-advcard:hover > img{ transform:scale(1.06); }\n.stx-advcard__in{ position:relative; z-index:1; padding:34px; }\n.stx-advcard h3{ font-size:21px; font-weight:800; margin:0 0 12px; color:#fff; }\n.stx-advcard p{ font-size:14.5px; line-height:1.7; color:rgba(255,255,255,.85); margin:0 0 20px; }\n.stx-advcard .hl{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#fff; background:var(--rosso); padding:9px 16px; border-radius:100px; }\n.stx-adv__cta{ text-align:center; margin-top:66px; }\n.stx-adv__cta h3{ font-size:clamp(20px,2.4vw,30px); font-weight:800; color:#fff; margin:0 0 26px; }\n@media(max-width:900px){ .stx-adv__grid{ grid-template-columns:1fr; } }\n\n\/* ================= SISTEMI COSTRUTTIVI (invariato) ================= *\/\n.sf-strutture{ padding:110px 6%; background:#fff; font-family:'Helvetica Neue', Arial, sans-serif; }\n.sf-head{ max-width:800px; margin:0 auto 60px; text-align:center; }\n.sf-label{ display:inline-block; color:var(--rosso); font-weight:800; font-size:13px; letter-spacing:3px; text-transform:uppercase; margin-bottom:18px; position:relative; padding-bottom:8px; }\n.sf-label::after{ content:\"\"; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:36px; height:2px; background:var(--rosso); }\n.sf-head h2{ font-size:clamp(26px,3vw,40px); font-weight:900; margin:0 0 20px 0; color:var(--nero); }\n.sf-head h2 span{ color:var(--rosso); }\n.sf-head p{ font-size:16px; color:var(--grigio-scuro); line-height:1.7; margin:0 auto; max-width:650px; }\n.sf-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; max-width:1300px; margin:0 auto; align-items:stretch; }\n.sf-card{ display:flex; flex-direction:column; height:100%; overflow:hidden; border-radius:10px; border:1px solid var(--bordo); background:#fff; transition: all 0.35s ease; }\n.sf-card:hover{ box-shadow:0 20px 40px rgba(0,0,0,0.1); transform:translateY(-6px); }\n.sf-card img{ display:block; width:100%; height:200px; object-fit:cover; transition: transform 0.5s ease; }\n.sf-card:hover img{ transform:scale(1.06); }\n.sf-content{ display:flex; flex-direction:column; flex:1; padding:22px; }\n.sf-content h3{ margin:0 0 10px 0; font-size:18px; font-weight:800; color:var(--nero); }\n.sf-content p{ flex:1; font-size:14px; color:var(--grigio-scuro); line-height:1.6; margin:0 0 18px 0; }\n.sf-card .sf-btn{ margin-top:auto; align-self:flex-start; padding:10px 22px; font-size:12.5px; box-shadow:none; }\n.sf-card .sf-btn:hover{ box-shadow:0 8px 20px rgba(198,40,40,0.3); }\n.sf-card:nth-child(4n+1){ animation-range: entry 0% entry 50%; }\n.sf-card:nth-child(4n+2){ animation-range: entry 5% entry 55%; }\n.sf-card:nth-child(4n+3){ animation-range: entry 10% entry 60%; }\n.sf-card:nth-child(4n+4){ animation-range: entry 15% entry 65%; }\n@media (max-width:1100px){ .sf-grid{ grid-template-columns:repeat(2,1fr); } }\n@media (max-width:560px){ .sf-grid{ grid-template-columns:1fr; } }\n\n\/* ============ BOTTONE ROSSO (condiviso) ============ *\/\n.sf-btn{\n  display:inline-block; background:var(--rosso); color:#fff; font-weight:700; font-size:14px;\n  text-transform:uppercase; letter-spacing:1px; padding:16px 40px; border-radius:40px;\n  text-decoration:none; transition: all 0.3s ease; box-shadow:0 10px 25px rgba(198,40,40,0.3);\n}\n.sf-btn:hover{ background:var(--rosso-hover); transform:translateY(-3px); box-shadow:0 14px 30px rgba(198,40,40,0.45); }\n\n\/* ================= MODULO RICHIEDI PREVENTIVO (invariato) ================= *\/\n.sf-preventivo-form{ background:#fff; padding:100px 6%; font-family:'Helvetica Neue', Arial, sans-serif; }\n.sf-pf-inner{ max-width:1000px; margin:0 auto; }\n.sf-pf-title{\n  font-size:clamp(32px,4.2vw,56px); font-weight:900; color:var(--nero);\n  margin:14px 0 0 0; line-height:1.1; text-transform:uppercase;\n  position:relative; display:inline-block; padding-bottom:20px;\n}\n.sf-pf-title span{ color:var(--rosso); }\n.sf-pf-title::after{ content:\"\"; position:absolute; left:2px; bottom:0; width:50px; height:4px; background:var(--rosso); }\n.sf-pf-desc{ font-size:16px; color:var(--grigio-scuro); line-height:1.7; max-width:700px; margin:26px 0 50px 0; }\n.sf-pf-section-label{ font-size:13px; font-weight:800; letter-spacing:1.5px; color:var(--nero); text-transform:uppercase; margin:0 0 14px 0; }\n.sf-pf-divider{ border:none; border-top:1px solid var(--bordo); margin:0 0 32px 0; }\n.sf-pf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px 40px; margin-bottom:44px; }\n.sf-pf-field{ display:flex; flex-direction:column; }\n.sf-pf-field-full{ margin-bottom:12px; }\n.sf-pf-field label{ font-size:12.5px; font-weight:800; letter-spacing:1px; color:var(--nero); text-transform:uppercase; margin-bottom:10px; }\n.sf-pf-field input, .sf-pf-field textarea{\n  border:1px solid var(--bordo); border-radius:6px; padding:14px 16px; font-size:15px;\n  font-family:inherit; color:var(--nero); background:#fff;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease; resize:none;\n}\n.sf-pf-field textarea{ resize:vertical; min-height:120px; }\n.sf-pf-field input:focus, .sf-pf-field textarea:focus{\n  outline:none; border-color:var(--rosso); box-shadow:0 0 0 3px rgba(198,40,40,0.12);\n}\n.sf-pf-field input.sf-pf-invalid, .sf-pf-field textarea.sf-pf-invalid{\n  border-color:#d33; box-shadow:0 0 0 3px rgba(211,51,51,0.12);\n}\n.sf-pf-footer{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; margin-top:20px; }\n.sf-pf-checkbox{ display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:var(--grigio-scuro); cursor:pointer; max-width:600px; }\n.sf-pf-checkbox input{ margin-top:3px; width:16px; height:16px; accent-color:var(--rosso); flex-shrink:0; cursor:pointer; }\n.sf-pf-checkbox a{ color:var(--nero); font-weight:700; text-decoration:underline; }\n.sf-pf-submit{\n  display:inline-flex; align-items:center; gap:10px; background:var(--nero); color:#fff;\n  border:none; padding:18px 32px; font-size:14px; font-weight:800; letter-spacing:0.5px;\n  text-transform:uppercase; border-radius:8px; cursor:pointer; transition: all 0.3s ease; white-space:nowrap;\n}\n.sf-pf-arrow{ transition: transform 0.3s ease; }\n.sf-pf-submit:hover{ background:var(--rosso); transform:translateY(-3px); box-shadow:0 14px 30px rgba(198,40,40,0.35); }\n.sf-pf-submit:hover .sf-pf-arrow{ transform:translateX(5px); }\n.sf-pf-submit:disabled{ opacity:0.6; cursor:not-allowed; transform:none; }\n.sf-pf-message{ margin-top:24px; padding:16px 20px; border-radius:8px; font-size:14px; font-weight:600; display:none; }\n.sf-pf-message.is-success{ display:block; background:rgba(34,140,80,0.08); color:#1d7a45; border:1px solid rgba(34,140,80,0.25); }\n.sf-pf-message.is-error{ display:block; background:rgba(211,51,51,0.08); color:#b02a2a; border:1px solid rgba(211,51,51,0.25); }\n@media (max-width:700px){\n  .sf-pf-grid{ grid-template-columns:1fr; }\n  .sf-pf-footer{ flex-direction:column; align-items:flex-start; }\n  .sf-pf-submit{ width:100%; justify-content:center; }\n}\n<\/style>\n\n<div class=\"stx-page\">\n\n<!-- HERO (stile Fondazioni) -->\n<section class=\"stx-hero\">\n  <div class=\"stx-hero__bg\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/dyapason_2.jpg\" alt=\"Struttura prefabbricata Seieffe\"><\/div>\n  <div class=\"stx-hero__shape\"><\/div>\n  <div class=\"stx-hero__inner\">\n    <div class=\"stx-crumbs\"><a href=\"\/\">Home<\/a> \/ <a href=\"\/prodotti\">Prodotti<\/a> \/ <span>Strutture<\/span><\/div>\n    <span class=\"stx-tag\">Edilizia Industrializzata<\/span>\n    <h1>Le Strutture <span>Prefabbricate<\/span><\/h1>\n    <p>Sistemi costruttivi che valorizzano la funzionalit\u00e0 dell&#8217;opera garantendo la massima versatilit\u00e0 negli ambienti e nelle destinazioni d&#8217;uso. Il tutto secondo rigorosi criteri di costruzione antisismica, senza rinunciare all&#8217;estetica e al rilievo architettonico.<\/p>\n    <div class=\"stx-cta\">\n      <a class=\"stx-btn stx-btn-red\" href=\"https:\/\/test.okite.com\/?page_id=1235\">Richiedi un preventivo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n      <a class=\"stx-btn stx-btn-ghost\" href=\"#sf-sistemi\">Scopri i sistemi<\/a>\n    <\/div>\n    <div class=\"stx-specs\">\n      <div class=\"stx-spec\"><b>Zona 1<i>\u2013<\/i>4<\/b><span>Progettazione antisismica<\/span><\/div>\n      <div class=\"stx-spec\"><b>R240<\/b><span>Resistenza al fuoco<\/span><\/div>\n      <div class=\"stx-spec\"><b>8<i>+<\/i><\/b><span>Finiture personalizzabili<\/span><\/div>\n      <div class=\"stx-spec\"><b>100<i>%<\/i><\/b><span>Trasporto e montaggio<\/span><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"stx-scroll\"><span>Scorri<\/span><span class=\"l\"><\/span><\/div>\n<\/section>\n\n<!-- PANORAMICA + FINITURE -->\n<section class=\"sf-structure\">\n  <div class=\"sf-wrap\">\n    <div class=\"sf-left\">\n      <span class=\"sf-kicker sf-reveal\">Versatilit\u00e0 &amp; personalizzazione<\/span>\n      <h2 class=\"sf-reveal\">Un involucro <span>su misura<\/span><\/h2>\n      <p class=\"sf-reveal\">\n        Ogni struttura \u00e8 pensata per adattarsi al progetto: grandi luci libere, layout riconfigurabili e un&#8217;ampia gamma di finiture per dare carattere all&#8217;edificio. Prestazione strutturale ed estetica architettonica convivono in un unico sistema.\n      <\/p>\n      <div class=\"sf-badges sf-reveal\">\n        <span>\u2713 Antisismica<\/span>\n        <span>\u2713 Massima versatilit\u00e0<\/span>\n        <span>\u2713 Design architettonico<\/span>\n      <\/div>\n      <div class=\"sf-finiture sf-reveal\">\n        <h3>Finiture e personalizzazioni<\/h3>\n        <ul>\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        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"sf-right\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Dyapason.jpg\" alt=\"Struttura prefabbricata Seieffe\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- VANTAGGI (foto di sfondo per scheda) -->\n<section class=\"stx-adv\">\n  <div class=\"stx-adv__head sf-reveal\">\n    <span class=\"stx-adv__kick\">I vantaggi Seieffe<\/span>\n    <h2>Strutture progettate per affrontare ogni sfida.<\/h2>\n  <\/div>\n  <div class=\"stx-adv__grid\">\n    <div class=\"stx-advcard sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/resistenza_sismica.png\" alt=\"Resistenza sismica\">\n      <div class=\"stx-advcard__in\">\n        <h3>Resistenza sismica<\/h3>\n        <p>Progettazione strutturale conforme alle normative antisismiche per tutte le zone italiane.<\/p>\n        <span class=\"hl\">Dalla Zona 1 alla Zona 4<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"stx-advcard sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/resistenza_fuoco.png\" alt=\"Resistenza al fuoco\">\n      <div class=\"stx-advcard__in\">\n        <h3>Resistenza al fuoco<\/h3>\n        <p>Prestazioni certificate fino a R240 per le applicazioni industriali pi\u00f9 esigenti.<\/p>\n        <span class=\"hl\">Da R60 fino a R240<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"stx-advcard sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/servizio_completo.png\" alt=\"Servizio completo\">\n      <div class=\"stx-advcard__in\">\n        <h3>Servizio completo<\/h3>\n        <p>Gestiamo direttamente progettazione, trasporto, logistica e montaggio in cantiere.<\/p>\n        <span class=\"hl\">Trasporto e montaggio inclusi<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"stx-adv__cta sf-reveal\">\n    <h3>Un unico partner dalla progettazione alla consegna dell&#8217;opera.<\/h3>\n    <a href=\"#sf-preventivo\" class=\"sf-btn\">Richiedi un preventivo<\/a>\n  <\/div>\n<\/section>\n\n<!-- ancora per il pulsante \"Scopri i sistemi\" -->\n<div id=\"sf-sistemi\"><\/div>\n\n<!-- SISTEMI COSTRUTTIVI (invariato \u2014 con i tuoi link) -->\n<section class=\"sf-strutture\">\n  <div class=\"sf-head sf-reveal\">\n    <span class=\"sf-label\">SISTEMI COSTRUTTIVI<\/span>\n    <h2>Le nostre <span>strutture<\/span><\/h2>\n    <p>Soluzioni prefabbricate progettate per garantire prestazioni elevate, velocit\u00e0 di realizzazione e massima libert\u00e0 architettonica.<\/p>\n  <\/div>\n\n  <div class=\"sf-grid\">\n    <article class=\"sf-card sf-reveal\">\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      <div class=\"sf-content\">\n        <h3>6F\/TV<\/h3>\n        <p>Sistema con copertura a doppia pendenza ideale per grandi luci e spazi industriali.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1033\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\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      <div class=\"sf-content\">\n        <h3>6F\/TY<\/h3>\n        <p>Soluzione evoluta con elevate prestazioni strutturali ed estetiche.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1054\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\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      <div class=\"sf-content\">\n        <h3>ESPACE<\/h3>\n        <p>Ideale per strutture commerciali, retail e grandi superfici.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1057\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Electo.jpg\" alt=\"ELECTO\">\n      <div class=\"sf-content\">\n        <h3>ELECTO<\/h3>\n        <p>Design distintivo e massima luminosit\u00e0 interna.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1060\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Electo_Light.jpg\" alt=\"ELECTO LIGHT\">\n      <div class=\"sf-content\">\n        <h3>ELECTO LIGHT<\/h3>\n        <p>Versione alleggerita con elevate performance.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1063\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Pluripiano.jpg\" alt=\"PLURIPIANO\">\n      <div class=\"sf-content\">\n        <h3>PLURIPIANO<\/h3>\n        <p>Sistema prefabbricato per edifici multipiano.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1066\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Wing.jpg\" alt=\"WING\">\n      <div class=\"sf-content\">\n        <h3>WING<\/h3>\n        <p>Tecnologia avanzata per coperture innovative.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1077\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n\n    <article class=\"sf-card sf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/Dyapason.jpg\" alt=\"DYAPASON\">\n      <div class=\"sf-content\">\n        <h3>DYAPASON<\/h3>\n        <p>Soluzione dal forte impatto architettonico.<\/p>\n        <a href=\"https:\/\/test.okite.com\/?page_id=1072\" class=\"sf-btn\">Scopri di pi\u00f9<\/a>\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\n\n<!-- MODULO RICHIEDI PREVENTIVO (invariato) -->\n<section class=\"sf-preventivo-form\" id=\"sf-preventivo\">\n  <div class=\"sf-pf-inner sf-reveal\">\n    <span class=\"sf-kicker\">UFFICIO TECNICO &amp; COMMERCIALE<\/span>\n    <h2 class=\"sf-pf-title\">RICHIEDI <span>PREVENTIVO<\/span><\/h2>\n    <p class=\"sf-pf-desc\">Compila i campi sottostanti per sottoporre il tuo progetto ai nostri ingegneri. Riceverai un&#8217;analisi preliminare e un piano di spesa preciso e definitivo per la tua struttura.<\/p>\n\n    <form id=\"sf-preventivo-form\" class=\"sf-pf-form\" novalidate=\"\">\n      <div class=\"sf-pf-section-label\">1. INFORMAZIONI DI CONTATTO<\/div>\n      <hr class=\"sf-pf-divider\">\n\n      <div class=\"sf-pf-grid\">\n        <div class=\"sf-pf-field\">\n          <label for=\"sfpf-nome\">Nome e Cognome *<\/label>\n          <input type=\"text\" id=\"sfpf-nome\" name=\"nome\" placeholder=\"Es. Mario Rossi\" required=\"\">\n        <\/div>\n        <div class=\"sf-pf-field\">\n          <label for=\"sfpf-azienda\">Azienda \/ Societ\u00e0 *<\/label>\n          <input type=\"text\" id=\"sfpf-azienda\" name=\"azienda\" placeholder=\"Es. Seieffe Costruzioni S.r.l.\" required=\"\">\n        <\/div>\n        <div class=\"sf-pf-field\">\n          <label for=\"sfpf-email\">Email aziendale *<\/label>\n          <input type=\"email\" id=\"sfpf-email\" name=\"email\" placeholder=\"Es. nome@azienda.it\" required=\"\">\n        <\/div>\n        <div class=\"sf-pf-field\">\n          <label for=\"sfpf-telefono\">Telefono \/ Contatto diretto *<\/label>\n          <input type=\"tel\" id=\"sfpf-telefono\" name=\"telefono\" placeholder=\"Es. +39 0824 XXXXXX\" required=\"\">\n        <\/div>\n      <\/div>\n\n      <div class=\"sf-pf-section-label\">2. SPECIFICHE DEL PROGETTO<\/div>\n      <hr class=\"sf-pf-divider\">\n\n      <div class=\"sf-pf-field sf-pf-field-full\">\n        <label for=\"sfpf-descrizione\">Descrizione dei lavori e localit\u00e0 del cantiere *<\/label>\n        <textarea id=\"sfpf-descrizione\" name=\"descrizione\" rows=\"5\" placeholder=\"Indica le dimensioni di massima del fabbricato, la destinazione d'uso, l'area dello scavo o le specifiche classi di carico richieste se gi\u00e0 definite...\" required=\"\"><\/textarea>\n      <\/div>\n\n      <hr class=\"sf-pf-divider\">\n\n      <div class=\"sf-pf-footer\">\n        <label class=\"sf-pf-checkbox\">\n          <input type=\"checkbox\" id=\"sfpf-privacy\" name=\"privacy\" required=\"\">\n          <span>Acconsento al trattamento dei dati personali secondo la <a href=\"\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a> di Seieffe Prefabbricati S.p.A.<\/span>\n        <\/label>\n\n        <button type=\"submit\" class=\"sf-pf-submit\">\n          <span class=\"sf-pf-submit-text\">INVIA RICHIESTA PROGETTO<\/span>\n          <span class=\"sf-pf-arrow\">\u2192<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"sf-pf-message\" id=\"sfpfMessage\"><\/div>\n    <\/form>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/.stx-page -->\n\n<script>\n(function(){\n  var form=document.getElementById('sf-preventivo-form');if(!form)return;\n  var msg=document.getElementById('sfpfMessage');\n  var btn=form.querySelector('.sf-pf-submit');\n  var btnText=form.querySelector('.sf-pf-submit-text');\n  function setV(f,ok){f.classList.toggle('sf-pf-invalid',!ok);}\n  function show(t,type){msg.textContent=t;msg.className='sf-pf-message is-'+type;}\n  form.addEventListener('submit',async function(e){\n    e.preventDefault();msg.className='sf-pf-message';\n    var nome=form.querySelector('#sfpf-nome'),azienda=form.querySelector('#sfpf-azienda'),email=form.querySelector('#sfpf-email'),tel=form.querySelector('#sfpf-telefono'),desc=form.querySelector('#sfpf-descrizione'),priv=form.querySelector('#sfpf-privacy');\n    var valid=true;\n    [nome,azienda,tel,desc].forEach(function(f){var ok=f.value.trim().length>0;setV(f,ok);if(!ok)valid=false;});\n    var emOk=\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email.value.trim());setV(email,emOk);if(!emOk)valid=false;\n    if(!priv.checked){valid=false;show('Devi accettare la Privacy Policy per inviare la richiesta.','error');}\n    if(!valid){if(priv.checked)show('Compila tutti i campi obbligatori con dati validi.','error');return;}\n    if(btn){btn.disabled=true;} if(btnText){btnText.textContent='INVIO IN CORSO...';}\n    try{\n      var res=await fetch('\/wp-json\/okite\/v1\/preventivo',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({nome:nome.value.trim(),azienda:azienda.value.trim(),email:email.value.trim(),telefono:tel.value.trim(),descrizione:desc.value.trim(),privacy:priv.checked})});\n      var data=await res.json();\n      if(res.ok&&data.success){show('Richiesta inviata con successo! Ti contatteremo al pi\u00f9 presto.','success');form.reset();}\n      else{show(data.error||\"Errore durante l'invio. Riprova pi\u00f9 tardi.\",'error');}\n    }catch(err){show('Errore di connessione. Riprova pi\u00f9 tardi.','error');}\n    finally{if(btn){btn.disabled=false;} if(btnText){btnText.textContent='INVIA RICHIESTA PROGETTO';}}\n  });\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Home \/ Prodotti \/ Strutture Edilizia Industrializzata Le Strutture Prefabbricate Sistemi costruttivi che valorizzano la funzionalit\u00e0 dell&#8217;opera garantendo la massima versatilit\u00e0 negli ambienti e nelle destinazioni d&#8217;uso. Il tutto secondo rigorosi criteri di costruzione antisismica, senza rinunciare all&#8217;estetica e al rilievo architettonico. Richiedi un preventivo Scopri i sistemi Zona 1\u20134Progettazione antisismica R240Resistenza al fuoco 8+Finiture [&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":25,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/615\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/615\/revisions\/1290"}],"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}]}}