{"id":619,"date":"2026-06-06T10:50:58","date_gmt":"2026-06-06T10:50:58","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=619"},"modified":"2026-07-11T10:07:12","modified_gmt":"2026-07-11T10:07:12","slug":"architetture","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=619","title":{"rendered":"Architetture"},"content":{"rendered":"<style>.kb-row-layout-id619_038005-0e > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id619_038005-0e > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id619_038005-0e > .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-id619_038005-0e > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id619_038005-0e > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id619_038005-0e > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id619_038005-0e 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-column619_681567-d0 > .kt-inside-inner-col,.kadence-column619_681567-d0 > .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-column619_681567-d0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column619_681567-d0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column619_681567-d0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column619_681567-d0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column619_681567-d0{position:relative;}@media all and (max-width: 1024px){.kadence-column619_681567-d0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column619_681567-d0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column619_681567-d0\"><div class=\"kt-inside-inner-col\">\n<!-- SEIEFFE PREFABBRICATI \u2014 PAGINA ARCHITETTURE (blocco HTML personalizzato WP, senza header\/footer) -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');\n\nhtml, body{ overflow-x: hidden; }\n\n:root{\n  --rosso: #c62828;\n  --rosso-hover: #a31f1f;\n  --nero: #111111;\n  --grigio-scuro: #4b5563;\n  --grigio-chiaro: #f7f7f7;\n  --bordo: #e2e2e2;\n}\n\n\/* ============ REVEAL GENERICO ============ *\/\n.sf-reveal{\n  opacity: 0; transform: translateY(50px);\n  animation: sf-fadeup linear both; animation-timeline: view(); animation-range: entry 0% entry 55%;\n}\n@keyframes sf-fadeup{ to{ opacity:1; transform:translateY(0); } }\n@supports not (animation-timeline: view()) { .sf-reveal{ opacity: 1 !important; transform: none !important; } }\n\n\/* ============ PARTE 1 \u2014 HERO (layout identico a Fondazioni \/ Solai) ============ *\/\n.sfp{\n  --red:#c62828;--red-dark:#a31f1f;--red-soft:#ff5a4d;\n  --ink:#111214;--ink-2:#1a1c1f;\n  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\n  --font-head:'Space Grotesk','Manrope',-apple-system,sans-serif;\n  --wrap:1200px;--radius:14px;--shadow-soft:0 10px 30px -18px rgba(10,10,12,.4);\n  --ease:cubic-bezier(.16,.84,.44,1);\n  font-family:var(--font-body);color:#111214;background:#fff;\n  line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;\n  position:relative;width:100vw;max-width:100vw;left:50%;right:50%;\n  margin-left:-50vw;margin-right:-50vw;margin-top:-70px;overflow:hidden;\n}\n.sfp *,.sfp *::before,.sfp *::after{box-sizing:border-box;margin:0;padding:0}\n.sfp img{max-width:100%;display:block}\n.sfp a{color:inherit;text-decoration:none}\n.sfp h1,.sfp h2,.sfp h3,.sfp h4{font-family:var(--font-head);font-weight:700;line-height:1.1;letter-spacing:-.02em}\n.sfp .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}\n.sfp .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:600;font-size:14.5px;padding:15px 28px;border-radius:100px;transition:transform .3s var(--ease),background .3s,box-shadow .3s,border-color .3s;white-space:nowrap;cursor:pointer;border:none}\n.sfp .btn svg{width:17px;height:17px;transition:transform .3s var(--ease)}\n.sfp .btn:hover svg{transform:translateX(4px)}\n.sfp .btn--red{background:var(--red);color:#fff;box-shadow:0 14px 30px -12px rgba(198,40,40,.7)}\n.sfp .btn--red:hover{background:var(--red-dark);transform:translateY(-2px)}\n.sfp .btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35)}\n.sfp .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.16);transform:translateY(-2px)}\n.sfp .reveal{animation:sfp-in .7s var(--ease) both}\n@keyframes sfp-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}\n@media(prefers-reduced-motion:reduce){.sfp .reveal{animation:none}}\n.sfp .hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--ink);padding:130px 0 0}\n.sfp .hero__bg{position:absolute;inset:0;z-index:0}\n.sfp .hero__bg img{width:100%;height:100%;object-fit:cover}\n.sfp .hero__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.94) 0%,rgba(9,9,11,.74) 42%,rgba(9,9,11,.34) 100%),linear-gradient(0deg,rgba(9,9,11,.9) 0%,rgba(9,9,11,0) 46%)}\n.sfp .hero__grid{position:absolute;inset:0;z-index:1;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:radial-gradient(120% 100% at 0% 100%,#000 25%,transparent 75%);mask-image:radial-gradient(120% 100% at 0% 100%,#000 25%,transparent 75%)}\n.sfp .hero__shape{position:absolute;top:-120px;right:-120px;z-index:1;width:420px;height:420px;border-radius:50%;border:60px solid rgba(198,40,40,.14)}\n.sfp .hero .wrap{position:relative;z-index:3;padding-bottom:52px}\n.sfp .hero__crumbs{font-size:13px;letter-spacing:.02em;color:rgba(255,255,255,.6);margin-bottom:22px}\n.sfp .hero__crumbs a:hover{color:#fff}\n.sfp .hero__inner{max-width:760px}\n.sfp .hero__tag{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:9px 16px;background:rgba(198,40,40,.92);border-radius:5px;margin-bottom:24px}\n.sfp .hero h1{font-size:clamp(2.6rem,6vw,5rem);text-transform:uppercase;line-height:1.02;margin-bottom:22px;text-shadow:0 4px 30px rgba(0,0,0,.4)}\n.sfp .hero h1 .accent{color:var(--red-soft)}\n.sfp .hero p{font-size:clamp(1.02rem,1.5vw,1.22rem);color:rgba(255,255,255,.82);max-width:58ch;margin-bottom:34px}\n.sfp .hero__cta{display:flex;flex-wrap:wrap;gap:14px}\n.sfp .hero__scroll{position:absolute;right:24px;bottom:30px;z-index:3;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55)}\n.sfp .hero__scroll .l{width:46px;height:1px;background:rgba(255,255,255,.5);position:relative;overflow:hidden}\n.sfp .hero__scroll .l::after{content:\"\";position:absolute;inset:0;width:40%;background:var(--red-soft);animation:sfp-slide 1.8s infinite}\n@keyframes sfp-slide{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}\n@media(max-width:820px){ .sfp .hero__scroll{display:none} }\n\n\/* ============ PARTE 2 \u2014 FINITURE (selettore interattivo) ============ *\/\n.arch-fin{\n  background:#fff; padding:110px 6%; font-family:'Helvetica Neue', Arial, sans-serif;\n}\n.arch-fin-inner{\n  max-width:1300px; margin:0 auto; display:grid; grid-template-columns:1fr 1.15fr; gap:70px; align-items:center;\n}\n.arch-fin-eyebrow{\n  display:inline-block; color:var(--rosso); font-weight:800; font-size:13px; letter-spacing:3px;\n  text-transform:uppercase; margin-bottom:20px;\n}\n.arch-fin-title{\n  font-size:clamp(30px,3.4vw,50px); font-weight:900; color:var(--nero); text-transform:uppercase; line-height:1.1; margin:0 0 26px 0;\n}\n.arch-fin-title span{ color:var(--rosso); }\n.arch-fin-name{ font-size:clamp(18px,1.6vw,22px); font-weight:800; color:var(--nero); margin:0 0 18px 0; }\n.arch-fin-line{ width:52px; height:3px; background:var(--rosso); margin:0 0 24px; border-radius:2px; }\n.arch-fin-desc{ font-size:16px; line-height:1.8; color:var(--grigio-scuro); margin:0 0 36px 0; min-height:120px; }\n.arch-fin-cta{\n  display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:800; color:var(--nero);\n  text-transform:uppercase; letter-spacing:0.12em; text-decoration:none;\n  border-bottom:2px solid var(--rosso); padding-bottom:5px; transition:color 0.2s;\n}\n.arch-fin-cta:hover{ color:var(--rosso); }\n.arch-fin-cta span{ transition:transform 0.22s; }\n.arch-fin-cta:hover span{ transform:translateX(5px); }\n\n.arch-fin-visual{ display:flex; flex-direction:column; gap:24px; }\n.arch-fin-image{\n  width:100%; height:420px; border-radius:6px; overflow:hidden; box-shadow:0 24px 50px rgba(0,0,0,0.14);\n}\n.arch-fin-image img{ width:100%; height:100%; object-fit:cover; display:block; transition:opacity 0.35s ease; }\n.arch-fin-buttons{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }\n.arch-fin-btn{\n  background:#fff; border:1px solid var(--bordo); border-radius:8px; padding:14px 10px; cursor:pointer;\n  font-family:'Helvetica Neue', Arial, sans-serif; font-size:11px; font-weight:800; letter-spacing:0.5px;\n  text-transform:uppercase; color:var(--nero); transition:all 0.25s ease; text-align:center; line-height:1.3;\n}\n.arch-fin-btn:hover{ border-color:var(--rosso); color:var(--rosso); }\n.arch-fin-btn.active{ background:var(--rosso); border-color:var(--rosso); color:#fff; }\n\n@media (max-width:960px){\n  .arch-fin-inner{ grid-template-columns:1fr; gap:44px; }\n  .arch-fin-desc{ min-height:0; }\n  .arch-fin-buttons{ grid-template-columns:repeat(2,1fr); }\n  .arch-fin-image{ height:300px; }\n}\n\n\/* ============ PARTE 3 \u2014 DUE SCHEDE (con immagine di sfondo) ============ *\/\n.arch-cards{\n  background:var(--grigio-chiaro); padding:110px 6%; font-family:'Helvetica Neue', Arial, sans-serif;\n}\n.arch-cards-grid{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:30px; }\n.arch-card{\n  position:relative; overflow:hidden; border-radius:14px; min-height:460px; padding:48px 40px;\n  display:flex; flex-direction:column; justify-content:flex-end; color:#fff; isolation:isolate;\n  background:#111; transition:transform 0.4s ease, box-shadow 0.4s ease;\n}\n.arch-card-bg{\n  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2;\n  transition:transform 0.6s ease;\n}\n.arch-card::after{\n  content:\"\"; position:absolute; inset:0; z-index:-1;\n  background:linear-gradient(180deg, rgba(17,17,17,0.10) 0%, rgba(17,17,17,0.55) 45%, rgba(17,17,17,0.92) 100%);\n}\n.arch-card:hover{ transform:translateY(-8px); box-shadow:0 24px 50px rgba(0,0,0,0.2); }\n.arch-card:hover .arch-card-bg{ transform:scale(1.06); }\n.arch-card-tag{\n  display:inline-block; align-self:flex-start; font-size:12px; font-weight:800; letter-spacing:2px;\n  text-transform:uppercase; color:#fff; background:var(--rosso); padding:6px 12px; border-radius:4px; margin-bottom:18px;\n}\n.arch-card h3{ font-size:clamp(20px,2vw,26px); font-weight:900; color:#fff; margin:0 0 16px 0; text-shadow:0 2px 20px rgba(0,0,0,0.45); }\n.arch-card p{ font-size:15.5px; line-height:1.8; color:rgba(255,255,255,0.88); margin:0 0 20px 0; }\n.arch-card ul{ list-style:none; margin:0; padding:0; }\n.arch-card li{ position:relative; padding-left:24px; margin-bottom:12px; font-size:15px; color:#fff; font-weight:600; line-height:1.5; }\n.arch-card li::before{ content:\"\"; position:absolute; left:0; top:8px; width:8px; height:8px; background:var(--rosso); border-radius:50%; }\n\n@media (max-width:800px){ .arch-cards-grid{ grid-template-columns:1fr; } }\n\n\/* ============ PARTE 4 \u2014 GALLERY 9 FOTO ============ *\/\n.arch-gallery{\n  background:#fff; padding:110px 6%; font-family:'Helvetica Neue', Arial, sans-serif;\n}\n.arch-gallery-head{ max-width:800px; margin:0 auto 60px; text-align:center; }\n.arch-gallery-head .arch-fin-eyebrow{ display:inline-block; }\n.arch-gallery-head h2{ font-size:clamp(26px,3vw,40px); font-weight:900; color:var(--nero); text-transform:uppercase; margin:0; }\n.arch-gallery-grid{\n  max-width:1300px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:16px;\n}\n.arch-gallery-item{\n  position:relative; overflow:hidden; border-radius:8px; aspect-ratio:4\/3;\n}\n.arch-gallery-item img{\n  width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.6s ease; filter:grayscale(10%);\n}\n.arch-gallery-item:hover img{ transform:scale(1.08); filter:grayscale(0%); }\n.arch-gallery-item::after{\n  content:\"\"; position:absolute; inset:0; border:0 solid var(--rosso); transition:border-width 0.3s ease; pointer-events:none;\n}\n.arch-gallery-item:hover::after{ border-width:4px; }\n\n@media (max-width:800px){ .arch-gallery-grid{ grid-template-columns:1fr 1fr; } }\n@media (max-width:480px){ .arch-gallery-grid{ grid-template-columns:1fr; } }\n\n\/* ============ PARTE 7 \u2014 Modulo Richiedi Preventivo ============ *\/\n.sf-preventivo-form{ background:var(--grigio-chiaro); 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-kicker{ display:inline-block; color:var(--rosso); font-weight:800; font-size:13px; letter-spacing:3px; text-transform:uppercase; }\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<!-- PARTE 1 \u2014 HERO (layout Fondazioni \/ Solai) -->\n<div class=\"sfp\">\n  <section class=\"hero\">\n    <div class=\"hero__bg\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/architettura_prefabbricata_pulita.png\" alt=\"Architetture prefabbricate Seieffe\"><\/div>\n    <div class=\"hero__grid\"><\/div>\n    <div class=\"hero__shape\"><\/div>\n    <div class=\"wrap\">\n      <div class=\"hero__crumbs\"><a href=\"\/\">Home<\/a> \/ <a href=\"\/prodotti\">Prodotti<\/a> \/ <span>Architetture<\/span><\/div>\n      <div class=\"hero__inner\">\n        <span class=\"hero__tag\">Edilizia Industrializzata<\/span>\n        <h1>Le Architetture<br><span class=\"accent\">Prefabbricate<\/span><\/h1>\n        <p>Eccellenza costruttiva e precisione industriale al servizio del tuo progetto. Dal pannello prefabbricato pieno o alleggerito a quello a taglio termico, a sviluppo verticale od orizzontale, questi sono gli elementi di tamponamento di una struttura prefabbricata.<\/p>\n        <div class=\"hero__cta\">\n          <a class=\"btn 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=\"btn btn--ghost\" href=\"#finiture\">Scopri le finiture<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero__scroll\"><span>Scorri<\/span><span class=\"l\"><\/span><\/div>\n  <\/section>\n<\/div>\n\n<!-- PARTE 2 \u2014 FINITURE (invariata) -->\n<section class=\"arch-fin\" id=\"finiture\">\n  <div class=\"arch-fin-inner sf-reveal\">\n    <div class=\"arch-fin-left\">\n      <span class=\"arch-fin-eyebrow\">Finiture Architettoniche<\/span>\n      <h2 class=\"arch-fin-title\">Sistemi di facciata <span>ed evoluzione materica<\/span><\/h2>\n      <h3 class=\"arch-fin-name\" id=\"archFinName\">Botticino e Rosso Verona<\/h3>\n      <div class=\"arch-fin-line\"><\/div>\n      <p class=\"arch-fin-desc\" id=\"archFinDesc\">Questo pannello presenta una finitura granigliata a rilievo marcato, realizzata con una miscela combinata di ciottoli di marmo pregiato: Bianco Botticino e Rosso Verona. \u00c8 ideale per facciate che richiedono un contrasto cromatico caldo, una texture rustica ma geometricamente controllata e un&#8217;elevata resistenza al degrado atmosferico.<\/p>\n      <a href=\"https:\/\/test.okite.com\/?page_id=68\" class=\"arch-fin-cta\">Richiedi campionatura materica <span>\u2192<\/span><\/a>\n    <\/div>\n\n    <div class=\"arch-fin-visual\">\n      <div class=\"arch-fin-image\">\n        <img decoding=\"async\" id=\"archFinImg\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_1.jpg\" alt=\"Finitura architettonica\">\n      <\/div>\n      <div class=\"arch-fin-buttons\" id=\"archFinButtons\">\n        <button class=\"arch-fin-btn active\" data-fin=\"0\">Botticino &amp; Rosso<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"1\">Verde Alpi &amp; Bianco<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"2\">Pietra Spaccata<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"3\">Onde Bicromatiche<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"4\">Bugnato Diamante<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"5\">Giallo Mori<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"6\">Bugnato Quadro<\/button>\n        <button class=\"arch-fin-btn\" data-fin=\"7\">Roccia &amp; Canneto<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTE 3 \u2014 DUE SCHEDE (icone sostituite da immagini di sfondo) -->\n<section class=\"arch-cards\">\n  <div class=\"arch-cards-grid\">\n    <div class=\"arch-card sf-reveal\">\n      <img decoding=\"async\" class=\"arch-card-bg\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/sistemi_apertura_integrati.png\" alt=\"Sistemi di apertura integrati\">\n      <span class=\"arch-card-tag\">01 \u2014 Aperture<\/span>\n      <h3>Sistemi di Apertura Integrati<\/h3>\n      <p>Ogni pannello pu\u00f2 contenere all&#8217;interno un&#8217;apertura come finestre e\/o passi d&#8217;uomo con finitura bombata e con rompi goccia per la migliore protezione degli infissi.<\/p>\n    <\/div>\n\n    <div class=\"arch-card sf-reveal\">\n      <img decoding=\"async\" class=\"arch-card-bg\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/elementi_coronamento.png\" alt=\"Elementi di coronamento\">\n      <span class=\"arch-card-tag\">02 \u2014 Coronamento<\/span>\n      <h3>Elementi di Coronamento<\/h3>\n      <p>Soluzioni strutturali e finiture complementari per l&#8217;ottimizzazione estetica e funzionale dell&#8217;edificio:<\/p>\n      <ul>\n        <li>Portale scanalato<\/li>\n        <li>Pensiline<\/li>\n        <li>Cornicioni e velette di coronamento<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTE 4 \u2014 GALLERY (invariata) -->\n<section class=\"arch-gallery\">\n  <div class=\"arch-gallery-head sf-reveal\">\n    <span class=\"arch-fin-eyebrow\">Realizzazioni<\/span>\n    <h2>Progetti realizzati<\/h2>\n  <\/div>\n  <div class=\"arch-gallery-grid sf-reveal\">\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_12.jpg\" alt=\"Realizzazione 1\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_13.jpg\" alt=\"Realizzazione 2\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_14.jpg\" alt=\"Realizzazione 3\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_15.jpg\" alt=\"Realizzazione 4\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_16.jpg\" alt=\"Realizzazione 5\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_17.jpg\" alt=\"Realizzazione 6\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_18.jpg\" alt=\"Realizzazione 7\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_9.jpg\" alt=\"Realizzazione 8\"><\/div>\n    <div class=\"arch-gallery-item\"><img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_10.jpg\" alt=\"Realizzazione 9\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTE 7 \u2014 MODULO RICHIEDI PREVENTIVO -->\n<section class=\"sf-preventivo-form\" id=\"preventivo\">\n  <div class=\"sf-pf-inner sf-reveal\">\n    <span class=\"sf-pf-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      <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      <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      <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        <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      <div class=\"sf-pf-message\" id=\"sfpfMessage\"><\/div>\n    <\/form>\n  <\/div>\n<\/section>\n\n<script>\n\/* ===== FINITURE: selettore interattivo ===== *\/\n(function(){\n  var finiture = [\n    { nome: \"Botticino e Rosso Verona\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_1.jpg\",\n      desc: \"Questo pannello presenta una finitura granigliata a rilievo marcato, realizzata con una miscela combinata di ciottoli di marmo pregiato: Bianco Botticino e Rosso Verona. \u00c8 ideale per facciate che richiedono un contrasto cromatico caldo, una texture rustica ma geometricamente controllata e un'elevata resistenza al degrado atmosferico.\" },\n    { nome: \"Verde Alpi e Bianco\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_2.jpg\",\n      desc: \"Finitura granigliata dal raffinato contrasto tra il Verde Alpi e il bianco, per facciate eleganti e dal carattere naturale. Combina profondit\u00e0 cromatica e resistenza agli agenti atmosferici.\" },\n    { nome: \"Pietra Spaccata\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_3.jpg\",\n      desc: \"Effetto pietra spaccata dal forte impatto materico, che restituisce alla facciata un aspetto naturale e tridimensionale, ideale per contesti rustici e architetture di pregio.\" },\n    { nome: \"Onde Bicromatiche\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_4.jpg\",\n      desc: \"Motivo a onde bicromatiche che dona dinamismo e movimento alla superficie, per facciate contemporanee dal forte carattere estetico.\" },\n    { nome: \"Bugnato Diamante\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_5.jpg\",\n      desc: \"Lavorazione a bugnato diamante dalle geometrie nette e regolari, che crea un raffinato gioco di luci e ombre sulla facciata dell'edificio.\" },\n    { nome: \"Giallo Mori\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_6.jpg\",\n      desc: \"Finitura dalle calde tonalit\u00e0 del Giallo Mori, perfetta per conferire luminosit\u00e0 e carattere mediterraneo alle superfici architettoniche.\" },\n    { nome: \"Bugnato Quadro\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_7.jpg\",\n      desc: \"Bugnato a corsi quadri dal ritmo geometrico rigoroso, per facciate ordinate e di grande equilibrio compositivo.\" },\n    { nome: \"Roccia e Canneto\", img: \"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/architetture_8.jpg\",\n      desc: \"Texture ispirata alla roccia e al canneto, dall'aspetto organico e materico, ideale per integrare l'edificio nel paesaggio naturale.\" }\n  ];\n\n  var buttons = document.querySelectorAll('.arch-fin-btn');\n  var imgEl = document.getElementById('archFinImg');\n  var nameEl = document.getElementById('archFinName');\n  var descEl = document.getElementById('archFinDesc');\n\n  buttons.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var i = parseInt(btn.dataset.fin, 10);\n      var f = finiture[i];\n      buttons.forEach(function(b){ b.classList.remove('active'); });\n      btn.classList.add('active');\n      imgEl.style.opacity = '0';\n      setTimeout(function(){\n        imgEl.src = f.img;\n        imgEl.style.opacity = '1';\n      }, 200);\n      nameEl.textContent = f.nome;\n      descEl.textContent = f.desc;\n    });\n  });\n})();\n\n\/* ===== Invio modulo preventivo ===== *\/\n(function(){\n  var form = document.getElementById('sf-preventivo-form');\n  if (!form) return;\n\n  var messageEl = document.getElementById('sfpfMessage');\n  var submitBtn = form.querySelector('.sf-pf-submit');\n  var submitText = form.querySelector('.sf-pf-submit-text');\n\n  function setFieldValidity(field, valid){\n    if (valid) field.classList.remove('sf-pf-invalid');\n    else field.classList.add('sf-pf-invalid');\n  }\n  function showMessage(text, type){\n    messageEl.textContent = text;\n    messageEl.className = 'sf-pf-message is-' + type;\n  }\n\n  form.addEventListener('submit', async function(e){\n    e.preventDefault();\n    messageEl.className = 'sf-pf-message';\n\n    var nome = form.querySelector('#sfpf-nome');\n    var azienda = form.querySelector('#sfpf-azienda');\n    var email = form.querySelector('#sfpf-email');\n    var telefono = form.querySelector('#sfpf-telefono');\n    var descrizione = form.querySelector('#sfpf-descrizione');\n    var privacy = form.querySelector('#sfpf-privacy');\n\n    var valid = true;\n    [nome, azienda, telefono, descrizione].forEach(function(field){\n      var ok = field.value.trim().length > 0;\n      setFieldValidity(field, ok);\n      if (!ok) valid = false;\n    });\n\n    var emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email.value.trim());\n    setFieldValidity(email, emailOk);\n    if (!emailOk) valid = false;\n\n    if (!privacy.checked){\n      valid = false;\n      showMessage('Devi accettare la Privacy Policy per inviare la richiesta.', 'error');\n    }\n    if (!valid){\n      if (privacy.checked) showMessage('Compila tutti i campi obbligatori con dati validi.', 'error');\n      return;\n    }\n\n    submitBtn.disabled = true;\n    submitText.textContent = 'INVIO IN CORSO...';\n\n    try {\n      var res = await fetch('\/wp-json\/okite\/v1\/preventivo', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify({\n          nome: nome.value.trim(),\n          azienda: azienda.value.trim(),\n          email: email.value.trim(),\n          telefono: telefono.value.trim(),\n          descrizione: descrizione.value.trim(),\n          privacy: privacy.checked\n        })\n      });\n      var data = await res.json();\n\n      if (res.ok && data.success){\n        showMessage('Richiesta inviata con successo! Ti contatteremo al pi\u00f9 presto.', 'success');\n        form.reset();\n      } else {\n        showMessage(data.error || \"Errore durante l'invio. Riprova pi\u00f9 tardi.\", 'error');\n      }\n    } catch(err){\n      showMessage('Errore di connessione. Riprova pi\u00f9 tardi.', 'error');\n    } finally {\n      submitBtn.disabled = false;\n      submitText.textContent = 'INVIA RICHIESTA PROGETTO';\n    }\n  });\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Home \/ Prodotti \/ Architetture Edilizia Industrializzata Le ArchitetturePrefabbricate Eccellenza costruttiva e precisione industriale al servizio del tuo progetto. Dal pannello prefabbricato pieno o alleggerito a quello a taglio termico, a sviluppo verticale od orizzontale, questi sono gli elementi di tamponamento di una struttura prefabbricata. Richiedi un preventivo Scopri le finiture Scorri Finiture Architettoniche Sistemi [&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-619","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/619","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=619"}],"version-history":[{"count":27,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/619\/revisions"}],"predecessor-version":[{"id":1294,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/619\/revisions\/1294"}],"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=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}