1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[645],{645:function(e,n,t){t.d(n,{default:function(){return l}});var i=t(7437),a=t(2265),o=t(8706);let s="Tobias, Georgia, serif",r="var(--font-gantari, sans-serif)";function l(e){var n,t,l;let{cases:c,accent:p,pocLabel:d,dashboardSlugs:g=[]}=e,m=(0,o.T)("useCases"),[f,x]=(0,a.useState)(0),[h,b]=(0,a.useState)(c.map((e,n)=>0===n)),[y,u]=(0,a.useState)(!1),v="".concat(p,"50"),j="rgba(".concat(function(e){let n=e.replace("#",""),t=parseInt(3===n.length?n.split("").map(e=>e+e).join(""):n,16);return"".concat(t>>16&255,",").concat(t>>8&255,",").concat(255&t)}(p),",0.18)");(0,a.useEffect)(()=>{let e=()=>{let e=document.querySelectorAll("[data-pcase-idx]"),n=0;e.forEach(e=>{e.getBoundingClientRect().top<=164&&(n=Number(e.dataset.pcaseIdx))}),x(n),b(n=>{let t=[...n];return e.forEach((e,n)=>{e.getBoundingClientRect().top<.9*window.innerHeight&&(t[n]=!0)}),t})};return window.addEventListener("scroll",e,{passive:!0}),e(),()=>window.removeEventListener("scroll",e)},[]);let S=e=>{let n=document.querySelector('[data-pcase-idx="'.concat(e,'"]'));n&&(window.scrollTo({top:n.getBoundingClientRect().top+window.scrollY-64-40,behavior:"smooth"}),u(!1))};return(0,i.jsxs)("section",{style:{backgroundColor:"#011218"},children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n /* ââ Sidebar nav ââ */\n .pcase-nav-btn {\n display: flex;\n flex-direction: column;\n gap: 4px;\n background: none;\n border: none;\n border-left: 2px solid rgba(255,255,255,0.08);\n padding: 14px 0 14px 20px;\n cursor: pointer;\n text-align: left;\n width: 100%;\n transition: border-color 0.2s ease, opacity 0.2s ease;\n }\n .pcase-nav-btn.is-active { border-left-color: ".concat(p,"; }\n .pcase-nav-btn:hover { opacity: 1 !important; border-left-color: rgba(255,255,255,0.25); }\n .pcase-nav-btn.is-active:hover { border-left-color: ").concat(p,"; }\n .pcase-nav-num {\n font-family: Tobias, Georgia, serif;\n font-weight: 700;\n font-size: 28px;\n color: ").concat(p,";\n line-height: 1;\n letter-spacing: -0.02em;\n transition: opacity 0.2s ease;\n }\n .pcase-nav-btn:not(.is-active) .pcase-nav-num {\n opacity: 0.45;\n color: #fcfcfc;\n }\n .pcase-nav-label {\n font-family: var(--font-gantari, sans-serif);\n font-size: 13px;\n line-height: 1.4;\n transition: color 0.2s ease, font-weight 0.2s ease;\n }\n\n /* ââ PoC button ââ */\n .pcase-poc-btn {\n height: 42px;\n padding: 0 22px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 400;\n font-family: var(--font-gantari, sans-serif);\n background-color: ").concat(p,";\n color: #011218;\n cursor: pointer;\n border: none;\n letter-spacing: 0.02em;\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n .pcase-poc-btn:hover { transform: scale(1.04); opacity: 0.9; }\n\n /* ââ Mobile bottom bar ââ */\n .pcase-mobile-bar {\n display: none;\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 50;\n background: rgba(1,12,18,0.97);\n backdrop-filter: blur(16px);\n border-top: 1px solid rgba(255,255,255,0.08);\n padding: 12px 20px;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n }\n .pcase-mobile-sheet {\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 60;\n background: #021b23;\n border-top: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px 16px 0 0;\n padding: 20px 20px 32px;\n transform: translateY(100%);\n transition: transform 0.3s cubic-bezier(0.22,1,0.36,1);\n }\n .pcase-mobile-sheet.is-open { transform: translateY(0); }\n .pcase-mobile-overlay {\n position: fixed;\n inset: 0;\n z-index: 55;\n background: rgba(0,0,0,0.5);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.25s ease;\n }\n .pcase-mobile-overlay.is-open { opacity: 1; pointer-events: all; }\n .pcase-sheet-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border: none;\n background: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n .pcase-sheet-item:last-child { border-bottom: none; }\n\n /* ââ Responsive ââ */\n @media (max-width: 768px) {\n .pcase-outer-grid { grid-template-columns: 1fr !important; }\n .pcase-sidebar { display: none !important; }\n .pcase-mobile-bar { display: flex !important; }\n .pcase-case-grid {\n grid-template-columns: 1fr !important;\n gap: 0 !important;\n padding-top: 56px !important;\n padding-bottom: 80px !important;\n }\n .pcase-sticky-title { position: static !important; margin-bottom: 28px; }\n .pcase-prob-valor-grid { grid-template-columns: 1fr !important; gap: 12px !important; }\n .pcase-prob-divider { display: none !important; }\n .pcase-kpi-grid { grid-template-columns: 1fr 1fr !important; gap: 24px 20px !important; }\n .pcase-last { padding-bottom: 96px !important; }\n }\n @media (max-width: 480px) {\n .pcase-kpi-grid { grid-template-columns: 1fr !important; }\n }\n ")}}),(0,i.jsxs)("div",{className:"pcase-outer-grid",style:{maxWidth:1512,margin:"0 auto",padding:"0 clamp(20px,8.2vw,124px)",display:"grid",gridTemplateColumns:"220px 1fr",gap:"0 56px",alignItems:"start"},children:[(0,i.jsxs)("div",{className:"pcase-sidebar",style:{position:"sticky",top:112,alignSelf:"start",paddingTop:96,paddingBottom:80},children:[(0,i.jsx)("p",{style:{fontFamily:r,fontSize:10,fontWeight:600,letterSpacing:"0.16em",textTransform:"uppercase",color:"".concat(p,"50"),marginBottom:16,paddingLeft:20},children:m("sectionTitle")}),(0,i.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:c.map((e,n)=>(0,i.jsxs)("button",{className:"pcase-nav-btn".concat(f===n?" is-active":""),onClick:()=>S(n),style:{opacity:f===n?1:.65},children:[(0,i.jsx)("span",{className:"pcase-nav-num",children:String(e.sort).padStart(2,"0")}),(0,i.jsx)("span",{className:"pcase-nav-label",style:{color:f===n?"#fcfcfc":"#7a9aac",fontWeight:f===n?600:400},children:e.name})]},e.slug))})]}),(0,i.jsx)("div",{children:c.map((e,n)=>(0,i.jsxs)("div",{"data-pcase-idx":n,className:"pcase-case-grid".concat(n===c.length-1?" pcase-last":""),style:{display:"grid",gridTemplateColumns:"240px 1fr",gap:"0 60px",paddingTop:96,paddingBottom:100,borderBottom:"1px solid ".concat(p,"08"),opacity:h[n]?f===n?1:.22:0,transform:h[n]?"translateY(0)":"translateY(24px)",transition:"opacity 0.65s ease, transform 0.65s ease"},children:[(0,i.jsxs)("div",{className:"pcase-sticky-title",style:{position:"sticky",top:112,alignSelf:"start"},children:[(0,i.jsx)("span",{"aria-hidden":!0,style:{fontFamily:s,fontWeight:700,fontSize:110,color:p,opacity:.045,position:"absolute",top:-28,left:-6,lineHeight:1,userSelect:"none",pointerEvents:"none"},children:String(e.sort).padStart(2,"0")}),(0,i.jsxs)("div",{style:{position:"relative",zIndex:1},children:[(0,i.jsxs)("p",{style:{fontFamily:r,fontSize:11,fontWeight:600,letterSpacing:"0.18em",textTransform:"uppercase",color:p,margin:"0 0 10px"},children:[m("caseLabel")," ",String(e.sort).padStart(2,"0")]}),(0,i.jsx)("h3",{style:{fontFamily:s,fontWeight:600,fontSize:"clamp(26px,2.8vw,38px)",color:"#fcfcfc",lineHeight:1.1,margin:0},children:e.name})]})]}),(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:44},children:[e.video_src&&(0,i.jsx)("div",{style:{width:"100%",borderRadius:12,overflow:"hidden",border:"1px solid ".concat(p,"14"),position:"relative",aspectRatio:"16/9",backgroundColor:"#000"},children:(0,i.jsx)("video",{src:e.video_src,autoPlay:!0,muted:!0,loop:!0,playsInl
1ine:!0,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})}),!e.video_src&&e.image_src&&g.includes(e.slug)&&(0,i.jsx)("div",{style:{width:"100%",position:"relative"},children:(0,i.jsxs)("div",{style:{width:"100%",borderRadius:10,overflow:"hidden",border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 32px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04), 0 0 40px ".concat(p,"0a")},children:[(0,i.jsxs)("div",{style:{height:34,backgroundColor:"#0a1e27",borderBottom:"1px solid rgba(255,255,255,0.07)",display:"flex",alignItems:"center",padding:"0 14px",gap:6,flexShrink:0},children:[(0,i.jsx)("span",{style:{width:10,height:10,borderRadius:"50%",background:"rgba(255,95,87,0.7)",display:"inline-block"}}),(0,i.jsx)("span",{style:{width:10,height:10,borderRadius:"50%",background:"rgba(255,189,68,0.7)",display:"inline-block"}}),(0,i.jsx)("span",{style:{width:10,height:10,borderRadius:"50%",background:"rgba(40,200,64,0.7)",display:"inline-block"}}),(0,i.jsx)("span",{style:{marginLeft:12,fontFamily:r,fontSize:11,color:"rgba(255,255,255,0.25)",letterSpacing:"0.02em"},children:"spotvision.ai / dashboard"})]}),(0,i.jsx)("img",{src:e.image_src,alt:e.name,style:{width:"100%",height:"auto",display:"block"}})]})}),!e.video_src&&e.image_src&&!g.includes(e.slug)&&(0,i.jsx)("div",{style:{width:"100%",borderRadius:12,overflow:"hidden",border:"1px solid ".concat(p,"14"),position:"relative"},children:(0,i.jsx)("img",{src:e.image_src,alt:e.name,style:{width:"100%",height:"auto",display:"block",objectFit:"cover"}})}),(0,i.jsxs)("div",{className:"pcase-prob-valor-grid",style:{display:"grid",gridTemplateColumns:"1fr 1px 1fr",gap:"0 36px",paddingTop:8},children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:18},children:[(0,i.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",backgroundColor:"#f87171",flexShrink:0,display:"inline-block"}}),(0,i.jsx)("p",{style:{fontFamily:r,fontSize:10,fontWeight:700,letterSpacing:"0.18em",textTransform:"uppercase",color:"#f87171",margin:0},children:m("problem")})]}),(0,i.jsx)("p",{style:{fontFamily:r,fontSize:15,fontWeight:300,color:"#8a9baa",lineHeight:1.85,margin:0},children:e.problema})]}),(0,i.jsx)("div",{className:"pcase-prob-divider",style:{background:"".concat(p,"08"),alignSelf:"stretch"}}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:18},children:[(0,i.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",backgroundColor:p,flexShrink:0,display:"inline-block"}}),(0,i.jsx)("p",{style:{fontFamily:r,fontSize:10,fontWeight:700,letterSpacing:"0.18em",textTransform:"uppercase",color:p,margin:0},children:m("value")})]}),(0,i.jsx)("p",{style:{fontFamily:r,fontSize:15,fontWeight:300,color:"#c8dce8",lineHeight:1.85,margin:0},children:e.valor})]})]}),(0,i.jsxs)("div",{style:{borderTop:"1px solid ".concat(p,"08"),paddingTop:40},children:[(0,i.jsx)("p",{style:{fontFamily:r,fontSize:10,fontWeight:700,letterSpacing:"0.18em",textTransform:"uppercase",color:v,margin:"0 0 32px"},children:"Resultados clave"}),(0,i.jsx)("div",{className:"pcase-kpi-grid",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"0 28px"},children:e.kpis.map((e,n)=>(0,i.jsxs)("div",{style:{borderLeft:"2px solid ".concat(j),paddingLeft:18},children:[(0,i.jsx)("p",{style:{fontFamily:s,fontWeight:600,fontSize:"clamp(24px,2.4vw,36px)",color:p,margin:"0 0 8px",lineHeight:1},children:e.value}),(0,i.jsx)("p",{style:{fontFamily:r,fontSize:13,fontWeight:500,color:"#fcfcfc",margin:"0 0 5px",lineHeight:1.35},children:e.label}),e.detail&&(0,i.jsx)("p",{style:{fontFamily:r,fontSize:12,fontWeight:300,fontStyle:"italic",color:"#4d6677",margin:0,lineHeight:1.4},children:e.detail})]},n))})]}),(0,i.jsxs)("div",{style:{borderTop:"1px solid ".concat(p,"08"),paddingTop:40},children:[(0,i.jsx)("p",{style:{fontFamily:r,fontSize:10,fontWeight:700,letterSpacing:"0.18em",textTransform:"uppercase",color:v,margin:"0 0 24px"},children:m("signals")}),(0,i.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:14},children:e.senales.map((e,n)=>(0,i.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",ga
1p:14},children:[(0,i.jsx)("span",{style:{fontFamily:r,fontSize:14,color:p,opacity:.5,lineHeight:"1.65",flexShrink:0,marginTop:1},children:"â"}),(0,i.jsx)("p",{style:{fontFamily:r,fontSize:15,fontWeight:300,fontStyle:"italic",color:"#7a9aac",lineHeight:1.65,margin:0},children:e})]},n))}),(0,i.jsx)("div",{style:{marginTop:36},children:(0,i.jsx)("button",{className:"pcase-poc-btn",children:null!=d?d:m("bookCase")})})]})]})]},e.slug))})]}),(0,i.jsxs)("div",{className:"pcase-mobile-bar",children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,minWidth:0},children:[(0,i.jsx)("span",{style:{fontFamily:s,fontWeight:600,fontSize:12,color:p,flexShrink:0},children:String(null!==(l=null===(n=c[f])||void 0===n?void 0:n.sort)&&void 0!==l?l:f+1).padStart(2,"0")}),(0,i.jsx)("span",{style:{fontFamily:r,fontSize:14,fontWeight:500,color:"#fcfcfc",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:null===(t=c[f])||void 0===t?void 0:t.name})]}),(0,i.jsx)("button",{onClick:()=>u(!0),style:{flexShrink:0,height:36,padding:"0 16px",borderRadius:999,border:"1px solid ".concat(p,"40"),background:"".concat(p,"10"),color:p,fontFamily:r,fontSize:12,fontWeight:500,cursor:"pointer",letterSpacing:"0.04em"},children:m("backToCases")})]}),(0,i.jsx)("div",{className:"pcase-mobile-overlay".concat(y?" is-open":""),onClick:()=>u(!1)}),(0,i.jsxs)("div",{className:"pcase-mobile-sheet".concat(y?" is-open":""),children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:16},children:[(0,i.jsx)("p",{style:{fontFamily:r,fontSize:11,fontWeight:600,letterSpacing:"0.16em",textTransform:"uppercase",color:"".concat(p,"70"),margin:0},children:m("sectionTitle")}),(0,i.jsx)("button",{onClick:()=>u(!1),style:{background:"none",border:"none",color:"rgba(255,255,255,0.4)",fontSize:20,cursor:"pointer",padding:"0 4px",lineHeight:1},children:"\xd7"})]}),c.map((e,n)=>(0,i.jsxs)("button",{className:"pcase-sheet-item",onClick:()=>S(n),children:[(0,i.jsx)("span",{style:{width:28,height:28,borderRadius:"50%",border:"1px solid ".concat(n===f?p:"rgba(255,255,255,0.12)"),background:n===f?"".concat(p,"18"):"transparent",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,i.jsx)("span",{style:{fontFamily:s,fontWeight:600,fontSize:10,color:n===f?p:"rgba(255,255,255,0.4)"},children:String(e.sort).padStart(2,"0")})}),(0,i.jsx)("span",{style:{fontFamily:r,fontSize:15,fontWeight:n===f?600:400,color:n===f?"#fcfcfc":"#6a8595"},children:e.name}),n===f&&(0,i.jsx)("span",{style:{marginLeft:"auto",width:6,height:6,borderRadius:"50%",background:p,flexShrink:0}})]},e.slug))]})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.