{"id":617,"date":"2026-06-06T10:50:26","date_gmt":"2026-06-06T10:50:26","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=617"},"modified":"2026-06-12T09:04:33","modified_gmt":"2026-06-12T09:04:33","slug":"solai","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=617","title":{"rendered":"Solai"},"content":{"rendered":"<style>.kb-row-layout-id617_693c88-33 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id617_693c88-33 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id617_693c88-33 > .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-id617_693c88-33 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id617_693c88-33 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id617_693c88-33 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id617_693c88-33 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-column617_5a809d-c0 > .kt-inside-inner-col,.kadence-column617_5a809d-c0 > .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-column617_5a809d-c0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column617_5a809d-c0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column617_5a809d-c0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column617_5a809d-c0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column617_5a809d-c0{position:relative;}@media all and (max-width: 1024px){.kadence-column617_5a809d-c0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column617_5a809d-c0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column617_5a809d-c0\"><div class=\"kt-inside-inner-col\">\n<!-- ============================================================\n     SEZIONE HERO \u2014 I SOLAI PREFABBRICATI\n     Incolla questo codice in un blocco \"HTML Personalizzato\"\n     di WordPress (Gutenberg, Elementor, WPBakery, ecc.)\n     ============================================================ -->\n\n<style>\n\/* --- Reset e full-width break-out dal container WordPress --- *\/\n.sp-section-wrap {\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n\/* --- Layout principale --- *\/\n.sp-hero {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 100vh;\n  padding: 100px 8vw 80px;\n  background: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* --- Colonna sinistra --- *\/\n.sp-left {\n  flex: 0 0 50%;\n  z-index: 2;\n}\n\n.sp-tag {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #d71920;\n  margin-bottom: 22px;\n  font-family: sans-serif;\n  display: block;\n}\n\n.sp-title {\n  font-size: clamp(40px, 5.5vw, 82px);\n  line-height: 1.0;\n  font-weight: 900;\n  color: #111111;\n  text-transform: uppercase;\n  letter-spacing: -0.01em;\n  font-family: sans-serif;\n  margin: 0 0 0 0;\n}\n\n.sp-title .sp-red {\n  color: #C8281E;\n}\n\n.sp-divider {\n  width: 52px;\n  height: 3px;\n  background: #C8281E;\n  margin: 30px 0 28px;\n  border-radius: 2px;\n  border: none;\n}\n\n.sp-subtitle {\n  font-size: 16.5px;\n  line-height: 1.8;\n  color: #555555;\n  max-width: 440px;\n  font-family: sans-serif;\n  margin: 0;\n}\n\n.sp-cta {\n  margin-top: 44px;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #111111;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  text-decoration: none;\n  border-bottom: 2px solid #C8281E;\n  padding-bottom: 5px;\n  cursor: pointer;\n  font-family: sans-serif;\n  background: none;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  transition: color 0.2s, border-color 0.2s;\n}\n\n.sp-cta:hover {\n  color: #C8281E;\n}\n\n.sp-cta-arrow {\n  display: inline-block;\n  transition: transform 0.22s;\n}\n\n.sp-cta:hover .sp-cta-arrow {\n  transform: translateX(5px);\n}\n\n\/* --- Colonna destra (canvas) --- *\/\n.sp-right {\n  flex: 0 0 46%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 500px;\n  position: relative;\n}\n\n#sp-canvas {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 900px) {\n  .sp-hero {\n    flex-direction: column;\n    padding: 80px 6vw 60px;\n    min-height: auto;\n  }\n  .sp-left {\n    flex: none;\n    width: 100%;\n    margin-bottom: 40px;\n  }\n  .sp-right {\n    flex: none;\n    width: 100%;\n    height: 320px;\n  }\n  .sp-title {\n    font-size: clamp(36px, 10vw, 60px);\n  }\n  .sp-subtitle {\n    max-width: 100%;\n  }\n}\n<\/style>\n\n<div class=\"sp-section-wrap\">\n  <section class=\"sp-hero\" id=\"sp-hero\">\n\n    <!-- TESTO SX -->\n    <div class=\"sp-left\">\n      <span class=\"sp-tag\">Edilizia Industrializzata<\/span>\n      <h1 class=\"sp-title\">\n        I SOLAI<br>\n        <span class=\"sp-red\">PREFABBRICATI<\/span>\n      <\/h1>\n      <hr class=\"sp-divider\">\n      <p class=\"sp-subtitle\">\n        Elementi strutturali realizzati con precisione industriale: resistenti, pronti alla posa\n        e progettati per rispondere alle esigenze di ogni cantiere \u2014 dal residenziale\n        al commerciale, senza compromessi sulla qualit\u00e0.\n      <\/p>\n      <a href=\"#contatti\" class=\"sp-cta\">\n        Scopri di pi\u00f9 <span class=\"sp-cta-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- CANVAS 3D DX -->\n    <div class=\"sp-right\">\n      <canvas id=\"sp-canvas\" width=\"520\" height=\"480\"><\/canvas>\n    <\/div>\n\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var canvas = document.getElementById('sp-canvas');\n  if (!canvas) return;\n  var ctx = canvas.getContext('2d');\n  var hero = document.getElementById('sp-hero');\n\n  var targetRotX = -0.18, targetRotY = 0.38;\n  var rotX = -0.18, rotY = 0.38;\n  var animT = 0;\n\n  hero.addEventListener('mousemove', function (e) {\n    var r = hero.getBoundingClientRect();\n    var nx = (e.clientX - r.left) \/ r.width;\n    var ny = (e.clientY - r.top) \/ r.height;\n    targetRotY = (nx - 0.5) * 1.1 + 0.25;\n    targetRotX = (ny - 0.5) * 0.55 - 0.1;\n  });\n\n  function project(x, y, z, rx, ry, cx, cy, fov) {\n    var cY = Math.cos(ry), sY = Math.sin(ry);\n    var cX = Math.cos(rx), sX = Math.sin(rx);\n    var x1 = x * cY - z * sY;\n    var z1 = x * sY + z * cY;\n    var y1 = y * cX - z1 * sX;\n    var z2 = y * sX + z1 * cX;\n    var sc = fov \/ (fov + z2 + 300);\n    return { x: cx + x1 * sc, y: cy + y1 * sc, z: z2, s: sc };\n  }\n\n  function face3d(pts3, rx, ry, cx, cy, fov) {\n    return pts3.map(function (p) {\n      return project(p[0], p[1], p[2], rx, ry, cx, cy, fov);\n    });\n  }\n\n  function avgZ(pts2) {\n    return pts2.reduce(function (s, p) { return s + p.z; }, 0) \/ pts2.length;\n  }\n\n  function drawFace(pts2, fill, strokeC, lw) {\n    ctx.beginPath();\n    ctx.moveTo(pts2[0].x, pts2[0].y);\n    for (var i = 1; i < pts2.length; i++) ctx.lineTo(pts2[i].x, pts2[i].y);\n    ctx.closePath();\n    ctx.fillStyle = fill;\n    ctx.fill();\n    if (strokeC) {\n      ctx.strokeStyle = strokeC;\n      ctx.lineWidth = lw || 1;\n      ctx.stroke();\n    }\n  }\n\n  function buildFaces(ox, oy, oz, W, D, H) {\n    var hw = W \/ 2, hd = D \/ 2, hh = H \/ 2;\n    var faces = [];\n    var o = function (v) { return [v[0] + ox, v[1] + oy, v[2] + oz]; };\n\n    faces.push({ id: 'top',   pts: [[-hw,-hh,-hd],[hw,-hh,-hd],[hw,-hh,hd],[-hw,-hh,hd]].map(o) });\n    faces.push({ id: 'front', pts: [[-hw,-hh,hd],[hw,-hh,hd],[hw,hh,hd],[-hw,hh,hd]].map(o) });\n    faces.push({ id: 'right', pts: [[hw,-hh,-hd],[hw,-hh,hd],[hw,hh,hd],[hw,hh,-hd]].map(o) });\n    faces.push({ id: 'left',  pts: [[-hw,-hh,-hd],[-hw,-hh,hd],[-hw,hh,hd],[-hw,hh,-hd]].map(o) });\n    faces.push({ id: 'bot',   pts: [[-hw,hh,-hd],[hw,hh,-hd],[hw,hh,hd],[-hw,hh,hd]].map(o) });\n    faces.push({ id: 'back',  pts: [[-hw,-hh,-hd],[hw,-hh,-hd],[hw,hh,-hd],[-hw,hh,-hd]].map(o) });\n\n    \/\/ Nervature sul fronte (alveoli rettangolari visibili)\n    var rCount = 5;\n    var rW = 12, rH = H * 0.58;\n    for (var i = 0; i < rCount; i++) {\n      var rx = -hw + (W \/ (rCount + 1)) * (i + 1);\n      var rTop = hh - rH;\n      var rfPts = [[rx-rW\/2,rTop,hd+0.3],[rx+rW\/2,rTop,hd+0.3],[rx+rW\/2,hh,hd+0.3],[rx-rW\/2,hh,hd+0.3]];\n      faces.push({ id: 'rib', pts: rfPts.map(o) });\n    }\n\n    return faces;\n  }\n\n  function render() {\n    var CW = canvas.width, CH = canvas.height;\n    ctx.clearRect(0, 0, CW, CH);\n\n    rotX += (targetRotX - rotX) * 0.07;\n    rotY += (targetRotY - rotY) * 0.07;\n    animT += 0.009;\n\n    var fov = 700;\n    var cx = CW * 0.5, cy = CH * 0.5;\n    var floatY = Math.sin(animT) * 8;\n\n    var slabW = 310, slabD = 145, slabH = 52;\n    var faces = buildFaces(0, floatY, 0, slabW, slabD, slabH);\n\n    var projected = faces.map(function (f) {\n      var p2 = face3d(f.pts, rotX, rotY, cx, cy, fov);\n      return { id: f.id, p2: p2, az: avgZ(p2) };\n    });\n    projected.sort(function (a, b) { return b.az - a.az; });\n\n    var colorMap = {\n      top:   { fill: '#e6e6e6', stroke: '#1a1a1a', lw: 1.3 },\n      front: { fill: '#adadad', stroke: '#1a1a1a', lw: 0.9 },\n      right: { fill: '#808080', stroke: '#111',    lw: 0.8 },\n      left:  { fill: '#6a6a6a', stroke: '#111',    lw: 0.7 },\n      bot:   { fill: '#484848', stroke: '#111',    lw: 0.6 },\n      back:  { fill: '#606060', stroke: '#111',    lw: 0.6 },\n      rib:   { fill: '#525252', stroke: '#222',    lw: 0.6 }\n    };\n\n    projected.forEach(function (f) {\n      var c = colorMap[f.id] || { fill: '#888', stroke: '#222', lw: 0.8 };\n      drawFace(f.p2, c.fill, c.stroke, c.lw);\n    });\n\n    \/\/ Griglia armatura sul top\n    var topY = floatY - slabH \/ 2 - 1.5;\n    var hw = slabW \/ 2, hd = slabD \/ 2;\n\n    var lCount = 5;\n    for (var i = 0; i < lCount; i++) {\n      var bx = -hw + (slabW \/ (lCount + 1)) * (i + 1);\n      var p1 = project(bx, topY, -hd + 8, rotX, rotY, cx, cy, fov);\n      var p2 = project(bx, topY,  hd - 8, rotX, rotY, cx, cy, fov);\n      ctx.beginPath();\n      ctx.moveTo(p1.x, p1.y);\n      ctx.lineTo(p2.x, p2.y);\n      ctx.strokeStyle = 'rgba(30,30,30,0.4)';\n      ctx.lineWidth = 1.2;\n      ctx.stroke();\n    }\n\n    var tCount = 8;\n    for (var j = 0; j < tCount; j++) {\n      var bz = -hd + (slabD \/ (tCount + 1)) * (j + 1);\n      var pa = project(-hw + 10, topY, bz, rotX, rotY, cx, cy, fov);\n      var pb = project( hw - 10, topY, bz, rotX, rotY, cx, cy, fov);\n      ctx.beginPath();\n      ctx.moveTo(pa.x, pa.y);\n      ctx.lineTo(pb.x, pb.y);\n      ctx.strokeStyle = 'rgba(30,30,30,0.3)';\n      ctx.lineWidth = 0.9;\n      ctx.stroke();\n    }\n\n    \/\/ Ombra sotto\n    var sc = project(0, floatY + slabH \/ 2 + 55, 0, rotX, rotY, cx, cy, fov);\n    var grad = ctx.createRadialGradient(sc.x, sc.y, 4, sc.x, sc.y, 140);\n    grad.addColorStop(0, 'rgba(0,0,0,0.12)');\n    grad.addColorStop(1, 'rgba(0,0,0,0)');\n    ctx.beginPath();\n    ctx.ellipse(sc.x, sc.y, 140, 30, 0, 0, Math.PI * 2);\n    ctx.fillStyle = grad;\n    ctx.fill();\n\n    requestAnimationFrame(render);\n  }\n\n  render();\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id617_490956-1a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id617_490956-1a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id617_490956-1a > .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-id617_490956-1a > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id617_490956-1a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id617_490956-1a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id617_490956-1a 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-column617_ce5656-da > .kt-inside-inner-col,.kadence-column617_ce5656-da > .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-column617_ce5656-da > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column617_ce5656-da > .kt-inside-inner-col{flex-direction:column;}.kadence-column617_ce5656-da > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column617_ce5656-da > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column617_ce5656-da{position:relative;}@media all and (max-width: 1024px){.kadence-column617_ce5656-da > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column617_ce5656-da > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column617_ce5656-da\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"877\" height=\"472\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/san-pietro.png\" alt=\"\" class=\"wp-image-893\" srcset=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/san-pietro.png 877w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/san-pietro-300x161.png 300w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/san-pietro-768x413.png 768w\" sizes=\"auto, (max-width: 877px) 100vw, 877px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kb-row-layout-id617_1b39eb-3c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id617_1b39eb-3c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id617_1b39eb-3c > .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-id617_1b39eb-3c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id617_1b39eb-3c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id617_1b39eb-3c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id617_1b39eb-3c 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-column617_a9ab76-da > .kt-inside-inner-col,.kadence-column617_a9ab76-da > .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-column617_a9ab76-da > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column617_a9ab76-da > .kt-inside-inner-col{flex-direction:column;}.kadence-column617_a9ab76-da > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column617_a9ab76-da > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column617_a9ab76-da{position:relative;}@media all and (max-width: 1024px){.kadence-column617_a9ab76-da > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column617_a9ab76-da > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column617_a9ab76-da\"><div class=\"kt-inside-inner-col\">\n<style>\n\n:root{\n    --red:#c40000;\n    --black:#0f0f0f;\n    --white:#ffffff;\n}\n\n.solai-premium{\n    width:100%;\n    height:85vh;\n    min-height:700px;\n    display:flex;\n    overflow:hidden;\n    background:#fff;\n    font-family:Arial, Helvetica, sans-serif;\n}\n\n.solaio-panel{\n    flex:1;\n    position:relative;\n    transition:all .7s cubic-bezier(.2,.8,.2,1);\n    overflow:hidden;\n    cursor:pointer;\n}\n\n.solaio-panel:hover{\n    flex:4;\n}\n\n.solaio-bg{\n    position:absolute;\n    inset:0;\n}\n\n.solaio-bg img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transition:transform 1.2s ease;\n}\n\n.solaio-panel:hover img{\n    transform:scale(1.1);\n}\n\n.solaio-bg::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n    linear-gradient(\n        180deg,\n        rgba(0,0,0,.20),\n        rgba(0,0,0,.85)\n    );\n}\n\n.numero{\n    position:absolute;\n    top:30px;\n    left:30px;\n    font-size:120px;\n    font-weight:900;\n    color:rgba(255,255,255,.08);\n    z-index:2;\n    transition:.5s;\n}\n\n.solaio-panel:hover .numero{\n    color:rgba(196,0,0,.25);\n}\n\n.panel-content{\n    position:absolute;\n    bottom:50px;\n    left:40px;\n    right:40px;\n    z-index:3;\n}\n\n.panel-content h3{\n    color:#fff;\n    font-size:34px;\n    text-transform:uppercase;\n    margin:0;\n    line-height:1.1;\n}\n\n.line{\n    width:70px;\n    height:5px;\n    background:var(--red);\n    margin-top:20px;\n}\n\n.panel-info{\n    max-height:0;\n    opacity:0;\n    overflow:hidden;\n    transition:all .6s ease;\n}\n\n.solaio-panel:hover .panel-info{\n    max-height:300px;\n    opacity:1;\n    margin-top:25px;\n}\n\n.panel-info p{\n    color:#e8e8e8;\n    font-size:16px;\n    line-height:1.8;\n    max-width:450px;\n}\n\n.scopri{\n    display:inline-block;\n    margin-top:20px;\n    padding:16px 34px;\n    text-decoration:none;\n    color:#fff;\n    background:var(--red);\n    font-weight:700;\n    letter-spacing:1px;\n    border-radius:60px;\n    transition:.3s;\n}\n\n.scopri:hover{\n    background:#ff0000;\n    transform:translateY(-3px);\n}\n\n.titolo-solai{\n    text-align:center;\n    padding:60px 20px;\n    background:#fff;\n}\n\n.titolo-solai h2{\n    font-size:60px;\n    margin:0;\n    color:#111;\n    text-transform:uppercase;\n    letter-spacing:3px;\n}\n\n.titolo-solai p{\n    color:#666;\n    margin-top:15px;\n    font-size:18px;\n}\n\n@media(max-width:991px){\n\n    .solai-premium{\n        flex-direction:column;\n        height:auto;\n    }\n\n    .solaio-panel{\n        height:550px;\n    }\n\n    .solaio-panel:hover{\n        flex:1;\n    }\n\n    .panel-info{\n        opacity:1;\n        max-height:300px;\n        margin-top:20px;\n    }\n\n    .numero{\n        font-size:80px;\n    }\n\n    .titolo-solai h2{\n        font-size:40px;\n    }\n}\n\n<\/style>\n\n\n<div class=\"titolo-solai\">\n    <h2>LA NOSTRA OFFERTA<\/h2>\n    <p>Tecnologia, resistenza e innovazione per ogni esigenza costruttiva.<\/p>\n<\/div>\n\n<section class=\"solai-premium\">\n\n    <div class=\"solaio-panel\">\n\n        <div class=\"solaio-bg\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/TECA-2.png\">\n        <\/div>\n\n        <div class=\"numero\">01<\/div>\n\n        <div class=\"panel-content\">\n            <h3>TECA<\/h3>\n            <div class=\"line\"><\/div>\n\n            <div class=\"panel-info\">\n                <p>\n                    Utilizzato prevalentemente per edifici in cui c\u2019\u00e8 l\u2019esigenza di spazi di grandi dimensioni ed elevati sovraccarichi, offre prestazioni strutturali di livello superiore.\n                <\/p>\n\n                <a href=\"LINK-TECA\" class=\"scopri\">\n                    SCOPRI DI PI\u00d9 \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"solaio-panel\">\n\n        <div class=\"solaio-bg\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/MULTIPLO-2.png\">\n        <\/div>\n\n        <div class=\"numero\">02<\/div>\n\n        <div class=\"panel-content\">\n            <h3>MULTIPLO<\/h3>\n            <div class=\"line\"><\/div>\n\n            <div class=\"panel-info\">\n                <p>\n                    Con 28 configurazioni disponibili, resistenza al fuoco fino a R240 e massima libert\u00e0 progettuale, \u00e8 la soluzione ideale per edifici moderni, complessi e ad alte prestazioni.\n                <\/p>\n\n                <a href=\"LINK-MULTIPLO\" class=\"scopri\">\n                    SCOPRI DI PI\u00d9 \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"solaio-panel\">\n\n        <div class=\"solaio-bg\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/SOLIO-2.png\">\n        <\/div>\n\n        <div class=\"numero\">03<\/div>\n\n        <div class=\"panel-content\">\n            <h3>SOLIO<\/h3>\n            <div class=\"line\"><\/div>\n\n            <div class=\"panel-info\">\n                <p>\n                   Progettato per offrire sicurezza strutturale, comfort abitativo e prestazioni elevate anche in zona sismica, combina innovazione tecnologica e massima versatilit\u00e0 in un unico sistema.\n                <\/p>\n\n                <a href=\"LINK-SOLIO\" class=\"scopri\">\n                    SCOPRI DI PI\u00d9 \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"solaio-panel\">\n\n        <div class=\"solaio-bg\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/ALVEOLARE.jpg\">\n        <\/div>\n\n        <div class=\"numero\">04<\/div>\n\n        <div class=\"panel-content\">\n            <h3>ALVEOLARE<\/h3>\n            <div class=\"line\"><\/div>\n\n            <div class=\"panel-info\">\n                <p>\n                     Prodotto in 10 modelli di sezioni,  permette una posa in opera rapida e senza costi aggiuntivi\n                <\/p>\n\n                <a href=\"LINK-ALVEOLARE\" class=\"scopri\">\n                    SCOPRI DI PI\u00d9 \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kb-row-layout-id617_74c3d3-97 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id617_74c3d3-97 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id617_74c3d3-97 > .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-id617_74c3d3-97 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id617_74c3d3-97 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id617_74c3d3-97 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id617_74c3d3-97 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-column617_ad42e6-8f > .kt-inside-inner-col,.kadence-column617_ad42e6-8f > .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-column617_ad42e6-8f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column617_ad42e6-8f > .kt-inside-inner-col{flex-direction:column;}.kadence-column617_ad42e6-8f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column617_ad42e6-8f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column617_ad42e6-8f{position:relative;}@media all and (max-width: 1024px){.kadence-column617_ad42e6-8f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column617_ad42e6-8f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column617_ad42e6-8f\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* \u2500\u2500 CONFIGURAZIONE CHIARA E COMPLETA SU TUTTA LA LARGHEZZA \u2500\u2500 *\/\n.sf-full-width-preventivo-wrapper {\n    --seieffe-red: #C8102E;\n    --seieffe-red-hover: #9A0B21;\n    --bg-sezione-chiaro: #F9FAFB; \/* Sfondo generale chiaro *\/\n    --bg-scheda-bianco: #FFFFFF;  \/* Sfondo scheda interno bianco *\/\n    --border-neutral: #D1D5DB;    \/* Bordo caselle di base neutro *\/\n    --text-dark: #111827;         \/* Nero\/Grigio scuro per testi *\/\n    --text-muted: #4B5563;        \/* Grigio per sottotitoli *\/\n    --text-label: #374151;        \/* Colore etichette campi *\/\n    \n    width: 100vw !important;\n    position: relative;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow-x: hidden;\n    padding: 120px 48px;\n    background-color: var(--bg-sezione-chiaro) !important; \/* Sfondo chiaro *\/\n    font-family: 'Inter', -apple\n<\/style>\n\n\n<style data-wp-block-html=\"css\">\n\/* \u2500\u2500 CONFIGURAZIONE CHIARA E COMPLETA SU TUTTA LA LARGHEZZA \u2500\u2500 *\/\n.sf-full-width-preventivo-wrapper {\n    --seieffe-red: #C8102E;\n    --seieffe-red-hover: #9A0B21;\n    --bg-sezione-chiaro: #F9FAFB; \/* Sfondo generale chiaro *\/\n    --bg-scheda-bianco: #FFFFFF;  \/* Sfondo scheda interno bianco *\/\n    --border-neutral: #D1D5DB;    \/* Bordo caselle di base neutro *\/\n    --text-dark: #111827;         \/* Nero\/Grigio scuro per testi *\/\n    --text-muted: #4B5563;        \/* Grigio per sottotitoli *\/\n    --text-label: #374151;        \/* Colore etichette campi *\/\n    \n    width: 100vw !important;\n    position: relative;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow-x: hidden;\n    padding: 120px 48px;\n    background-color: var(--bg-sezione-chiaro) !important; \/* Sfondo chiaro *\/\n    font-family: 'Inter', -apple-system, sans-serif;\n}\n\n.sf-full-width-preventivo-wrapper * { \n    box-sizing: border-box; \n    margin: 0; \n    padding: 0; \n}\n\n.sf-full-width-preventivo-wrapper .sf-display { \n    font-family: 'Barlow Condensed', sans-serif; \n    font-weight: 900; \n    text-transform: uppercase; \n    letter-spacing: -0.01em; \n}\n\n\/* CONTENITORE FLUIDO ACCENTRATO *\/\n.sf-preventivo-container-fluid {\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n}\n\n\/* LA SCHEDA BIANCA *\/\n.sf-clean-preventivo-card {\n    background-color: var(--bg-scheda-bianco) !important; \/* Scheda bianca *\/\n    border: 1px solid #E5E7EB;\n    border-radius: 16px;\n    padding: 60px 50px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); \/* Ombra morbida e pulita *\/\n}\n\n\/* INTESTAZIONE SCHEDA E COLORAZIONE TITOLI *\/\n.sf-clean-card-header {\n    margin-bottom: 50px;\n    text-align: left;\n}\n.sf-form-tagline {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .25em;\n    color: #6B7280;\n    display: block;\n    margin-bottom: 12px;\n}\n.sf-form-main-title {\n    font-size: clamp(34px, 5vw, 54px);\n    line-height: 1.05;\n    margin-bottom: 15px !important;\n}\n\/* Richiedi Nera *\/\n.sf-form-main-title .text-black {\n    color: var(--text-dark) !important;\n}\n\/* Preventivo Rossa *\/\n.sf-form-main-title .text-red {\n    color: var(--seieffe-red) !important;\n}\n.sf-form-red-line {\n    width: 60px;\n    height: 4px;\n    background-color: var(--seieffe-red);\n    margin: 15px 0 20px 0;\n    border-radius: 2px;\n}\n.sf-form-lead-text {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.65;\n    color: var(--text-muted);\n    max-width: 850px;\n}\n\n\/* DIVISIONI DEL FORM *\/\n.sf-clean-form-layout {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n}\n.sf-form-section-block {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n.sf-section-subtitle {\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--text-dark);\n    border-bottom: 1px solid #E5E7EB;\n    padding-bottom: 10px;\n    text-align: left;\n}\n\n\/* GRIGLIA CAMPI *\/\n.sf-form-fields-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n}\n\n.sf-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    text-align: left;\n}\n.sf-form-group.full-width-field {\n    width: 100%;\n}\n\n.sf-form-group label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-label);\n}\n\n\/* CASELLE DI TESTO DI BASE (SOLO BORDO) E COMPORTAMENTO HOVER\/FOCUS IN ROSSO *\/\n.sf-clean-form-layout input[type=\"text\"],\n.sf-clean-form-layout input[type=\"email\"],\n.sf-clean-form-layout input[type=\"tel\"],\n.sf-clean-form-layout textarea {\n    background-color: #FFFFFF !important; \/* Sfondo caselle bianco di base *\/\n    border: 1px solid var(--border-neutral); \/* Solo il bordo visibile neutro *\/\n    border-radius: 6px;\n    padding: 16px 20px;\n    color: var(--text-dark);\n    font-family: 'Inter', sans-serif;\n    font-size: 14.5px;\n    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);\n    width: 100%;\n}\n\n\/* Quando l'utente va sopra o seleziona le caselle, diventano rosse (bordo e ombra) *\/\n.sf-clean-form-layout input:hover,\n.sf-clean-form-layout textarea:hover,\n.sf-clean-form-layout input:focus,\n.sf-clean-form-layout textarea:focus {\n    outline: none;\n    border-color: var(--seieffe-red) !important; \/* Il bordo diventa rosso *\/\n    box-shadow: 0 0 10px rgba(200, 16, 46, 0.12); \/* Sfumatura rossa di contorno *\/\n}\n\n\/* INFORMATIVA PRIVACY E BOTTONE *\/\n.sf-form-action-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 40px;\n    margin-top: 10px;\n    padding-top: 30px;\n    border-top: 1px solid #E5E7EB;\n}\n\n.sf-form-privacy-consent {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    max-width: 65%;\n    text-align: left;\n}\n.sf-form-privacy-consent input[type=\"checkbox\"] {\n    margin-top: 3px;\n    accent-color: var(--seieffe-red);\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n    flex-shrink: 0;\n}\n.sf-form-privacy-consent label {\n    font-size: 13px;\n    line-height: 1.5;\n    color: var(--text-muted);\n    cursor: pointer;\n}\n\n\/* PULSANTE ROSSO DI INVIO *\/\n.sf-btn-form-submit {\n    background-color: var(--seieffe-red);\n    color: #ffffff;\n    border: none;\n    padding: 18px 40px;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: .12em;\n    border-radius: 6px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    white-space: nowrap;\n    transition: background-color 0.25s, transform 0.2s;\n    box-shadow: 0 8px 20px rgba(200, 16, 46, 0.15);\n}\n\n.sf-btn-form-submit:hover {\n    background-color: var(--seieffe-red-hover);\n    transform: translateY(-2px);\n}\n\n.sf-btn-arrow-icon {\n    font-size: 16px;\n    font-weight: 900;\n    transition: transform 0.2s;\n}\n.sf-btn-form-submit:hover .sf-btn-arrow-icon {\n    transform: translateX(5px);\n}\n\n\/* RESPONSIVE PER APPARATI MOBILE *\/\n@media (max-width: 900px) {\n    .sf-full-width-preventivo-wrapper { padding: 80px 20px; }\n    .sf-clean-preventivo-card { padding: 40px 24px; }\n    .sf-form-fields-grid { grid-template-columns: 1fr; gap: 20px; }\n    .sf-form-action-footer { flex-direction: column; align-items: flex-start; gap: 30px; }\n    .sf-form-privacy-consent { max-width: 100%; }\n    .sf-btn-form-submit { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function() {\n    function caricaMotoreGsap(url, callback) {\n        if (typeof gsap !== \"undefined\") { callback(); return; }\n        let 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    caricaMotoreGsap(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\", function() {\n        let scriptST = document.createElement(\"script\");\n        scriptST.src = \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\";\n        scriptST.onload = function() {\n            gsap.registerPlugin(ScrollTrigger);\n            \n            \/\/ Apparizione controllata fluida quando l'utente raggiunge il modulo nello scorrimento della pagina\n            gsap.from('.sf-clean-preventivo-card', {\n                opacity: 0,\n                y: 40,\n                duration: 0.8,\n                ease: 'power2.out',\n                scrollTrigger: {\n                    trigger: '.sf-clean-preventivo-card',\n                    start: 'top 88%',\n                    once: true\n                }\n            });\n        };\n        document.head.appendChild(scriptST);\n    });\n})();\n<\/script>\n\n<div class=\"sf-full-width-preventivo-wrapper\">\n    <div class=\"sf-preventivo-container-fluid\">\n        \n        <div class=\"sf-clean-preventivo-card\">\n            \n            <!-- INTESTAZIONE CHIARA -->\n            <div class=\"sf-clean-card-header\">\n                <span class=\"sf-form-tagline\">UFFICIO TECNICO & COMMERCIALE<\/span>\n                <!-- Titolo con \"Richiedi\" in nero e \"Preventivo\" in rosso -->\n                <h2 class=\"sf-form-main-title sf-display\">\n                    <span class=\"text-black\">Richiedi<\/span> <span class=\"text-red\">Preventivo<\/span>\n                <\/h2>\n                <div class=\"sf-form-red-line\"><\/div>\n                <p class=\"sf-form-lead-text\">\n                    Compila i campi sottostanti per sottoporre il tuo progetto ai nostri ingegneri. Riceverai un'analisi preliminare e un piano di spesa preciso e definitivo per la tua struttura.\n                <\/p>\n            <\/div>\n\n            <!-- BLOCCO FORM -->\n            <form class=\"sf-clean-form-layout\" onsubmit=\"event.preventDefault(); alert('Richiesta inviata con successo all\\'Ufficio Tecnico Seieffe.');\">\n                \n                <!-- SEZIONE 1: DATI CONTATTO -->\n                <div class=\"sf-form-section-block\">\n                    <h4 class=\"sf-section-subtitle\">1. Informazioni di Contatto<\/h4>\n                    <div class=\"sf-form-fields-grid\">\n                        <div class=\"sf-form-group\">\n                            <label for=\"sf-nome\">Nome e Cognome *<\/label>\n                            <input type=\"text\" id=\"sf-nome\" placeholder=\"Es. Mario Rossi\" required>\n                        <\/div>\n                        <div class=\"sf-form-group\">\n                            <label for=\"sf-azienda\">Azienda \/ Societ\u00e0 *<\/label>\n                            <input type=\"text\" id=\"sf-azienda\" placeholder=\"Es. Seieffe Costruzioni S.r.l.\" required>\n                        <\/div>\n                        <div class=\"sf-form-group\">\n                            <label for=\"sf-email\">Email Aziendale *<\/label>\n                            <input type=\"email\" id=\"sf-email\" placeholder=\"Es. nome@azienda.it\" required>\n                        <\/div>\n                        <div class=\"sf-form-group\">\n                            <label for=\"sf-tel\">Telefono \/ Contatto Diretto *<\/label>\n                            <input type=\"tel\" id=\"sf-tel\" placeholder=\"Es. +39 0824 XXXXXX\" required>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- SEZIONE 2: DETTAGLI OPERA -->\n                <div class=\"sf-form-section-block\">\n                    <h4 class=\"sf-section-subtitle\">2. Specifiche del Progetto<\/h4>\n                    <div class=\"sf-form-group full-width-field\">\n                        <label for=\"sf-messaggio\">Descrizione dei lavori e Localit\u00e0 del Cantiere *<\/label>\n                        <textarea id=\"sf-messaggio\" 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                <\/div>\n\n                <!-- SEZIONE 3: CONFERMA E INVIO -->\n                <div class=\"sf-form-action-footer\">\n                    <div class=\"sf-form-privacy-consent\">\n                        <input type=\"checkbox\" id=\"sf-privacy-check\" required>\n                        <label for=\"sf-privacy-check\">Acconsento al trattamento dei dati personali secondo la Privacy Policy di Seieffe Prefabbricati S.p.A.<\/label>\n                    <\/div>\n                    \n                    <button type=\"submit\" class=\"sf-btn-form-submit\">\n                        <span>Invia Richiesta Progetto<\/span>\n                        <span class=\"sf-btn-arrow-icon\">\u2192<\/span>\n                    <\/button>\n                <\/div>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Edilizia Industrializzata I SOLAI PREFABBRICATI Elementi strutturali realizzati con precisione industriale: resistenti, pronti alla posa e progettati per rispondere alle esigenze di ogni cantiere \u2014 dal residenziale al commerciale, senza compromessi sulla qualit\u00e0. Scopri di pi\u00f9 \u2192 LA NOSTRA OFFERTA Tecnologia, resistenza e innovazione per ogni esigenza costruttiva. 01 TECA Utilizzato prevalentemente per edifici in [&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-617","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/617","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=617"}],"version-history":[{"count":8,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/617\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/617\/revisions\/894"}],"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=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}