{"version":3,"file":"Test.DHCvF6_e.mjs","names":["useState","_Fragment","c","React.useState","React.useRef","useState","__esmMin","init_npm_react_18_3_1","_e","de","init_jsx_runtime","c","p","ce","motion","init_framer_motion_DhsWWWsN","init_framer_DymZktPS","addPropertyControls","ControlType","buildPlans","rates","interest","amount","fee","total","monthly","TimelineItem","hasNext","isLast","colors","isFirst","index","date","fmt","Row","label","value","SelectorCuotasDemo","props","plans","purchaseAmount","caePercent","defaultIdx","defaultPlan","selected","setSelected","accordionOpen","setAccordionOpen","animKey","setAnimKey","colorPrimary","colorBanking","colorMint","colorMintText","colorInk","colorMuted","colorSurface","colorBorder","idx","ir1","ir2","ir3","ir6","ir12","fr1","fr2","fr3","fr6","fr12","k","middleCuotas","i","addMonths","TODAY","steps","step1Label","step1Desc","step2Label","step2Desc","step3Label","step3Desc","resolvedCta","ctaText","fonts","sectionBg","showBgGradient","bgGradientColor","showSteps","eyebrow","eyebrowBg","eyebrowText","title","subtitle","s","stepActiveBg","stepDefaultBg","stepActiveText","stepInteractiveBadgeBg","stepInteractiveBadgeText","stepDefaultText","demoBg","demoHeaderBg","logoImage","logoText","l","shieldBg","shieldText","shieldLabel","cardsBg","purchaseLabel","purchaseCategory","planSectionTitle","planSectionSubtitle","isSel","plan","cardSelectedBg","cardDefaultBg","cardSelectedText","cardDefaultText","selectedBadgeText","popularBadgeText","calendarLabel","timelineDashedLine","c$1","purchaseAmountLabel","interestLabel","feeLabel","totalLabel","totalValueColor","ctaUrl","ctaBg","ctaTextColor","ctaRadius","disclaimerText","showReassurance","reassurance1","reassurance2","reassurance3","t","init_Simulador_Credito","n","d","base","ZipCarouselCentered","activeTab","setActiveTab","containerRef","containerWidth","setContainerWidth","isMobile","activeItem","typography","buildOptions","numericPrice","item","installments","useCustom","customAmt","numericActivePrice","paymentSettings","paddingTop","paddingBottom","headlineMarginBottom","tabsMarginBottom","carouselMarginBottom","mobCardWidth","mobGap","deskCardWidth","deskGap","cardHeight","topCardX","topCardY","botCardX","botCardY","xOffset","isActive","COLORS","PaymentRings","init_Slider_events","calculateDashOffset","fillPercentage","optionAmount","opt","rc","colorMap","tw","fb","formatCLP","digits","ReviewsCarousel","reviews","setReviews","fallbackReviews","apiUrl","r","rows","paddingX","eyebrowColor","starColor","titleSize","titleWeight","titleColor","subtitleSize","subtitleColor","fadeColor","bgC","review","txC","cardWidth","cardBg","cardRadius","cardPadding","cardBorder","cardShadow","nameWeight","nameColor","nameSize","metaSize","metaColor","j","textSize","textColor","textLineHeight","dividerColor","badgeBg","badgeTextColor","badgeIconColor","badgeLabel","init_Test"],"sources":["https:/framerusercontent.com/modules/kEXl59aQekbPha5zdnlH/8WAzjoDEZjlE2iuBuRXD/Simulador_Credito.js","https:/framerusercontent.com/modules/HsdBav4Sp3HzjqQr1ppt/AwpalmXgjnaxlL3AZEIX/Slider_events.js","https:/framerusercontent.com/modules/0SF6lWcYrisCVUVL5FtD/swyAlwfHMPVesdfqd4Xf/Test.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";// ─── HELPERS ───\nconst fmt=n=>new Intl.NumberFormat(\"es-CL\",{style:\"currency\",currency:\"CLP\",minimumFractionDigits:0}).format(n);const addMonths=(base,n)=>{const d=new Date(base);d.setMonth(d.getMonth()+n);return d.toLocaleDateString(\"es-CL\",{day:\"numeric\",month:\"short\",year:\"numeric\"});};const TODAY=new Date;const fonts=`'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif`;// ─── PLAN GENERATOR ───\nfunction buildPlans(amount,cae,rates){const raw=[{id:1,installments:1,interestRate:rates.ir1,feeRate:rates.fr1},{id:2,installments:2,interestRate:rates.ir2,feeRate:rates.fr2},{id:3,installments:3,interestRate:rates.ir3,feeRate:rates.fr3,isBest:true},{id:4,installments:6,interestRate:rates.ir6,feeRate:rates.fr6},{id:5,installments:12,interestRate:rates.ir12,feeRate:rates.fr12}];return raw.map(p=>{const interest=Math.round(amount*p.interestRate);const fee=Math.round(amount*p.feeRate);const total=amount+interest+fee;const monthly=Math.round(total/p.installments);return{...p,interest,fee,total,monthly,cae};});}// ─── SUBCOMPONENTS ───\nfunction TimelineItem({index,date,amount,isFirst,isLast,hasNext,colors}){return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",gap:12,position:\"relative\"},children:[hasNext&&!isLast&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:15,top:32,bottom:-16,width:2,background:colors.timelineLine}}),/*#__PURE__*/_jsx(\"div\",{style:{width:32,height:32,borderRadius:\"50%\",border:`2px solid ${isFirst?colors.primary:colors.border}`,background:isFirst?colors.primary:\"#FFFFFF\",color:isFirst?\"#FFFFFF\":colors.muted,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:12,fontWeight:700,flexShrink:0,zIndex:1},children:index}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,paddingBottom:isLast?0:16},children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\"},children:[/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontWeight:700,color:colors.ink},children:date}),isFirst&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:4,marginTop:2,fontSize:11,color:colors.primary,fontWeight:600},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"11\",height:\"11\",viewBox:\"0 0 24 24\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\",stroke:colors.primary,strokeWidth:\"2.5\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 7v5l3 3\",stroke:colors.primary,strokeWidth:\"2.5\",strokeLinecap:\"round\"})]}),\"Primera cuota\"]}),isLast&&/*#__PURE__*/_jsx(\"div\",{style:{fontSize:11,color:colors.muted,fontWeight:500,marginTop:2},children:\"\\xdaltima cuota\"})]}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontWeight:700,color:colors.ink},children:fmt(amount)})]})})]});}function Row({label,value,colors}){return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",fontSize:13},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:colors.muted},children:label}),/*#__PURE__*/_jsx(\"span\",{style:{fontWeight:600,color:colors.ink},children:value})]});}// ─── MAIN COMPONENT ───\nexport default function SelectorCuotasDemo(props){const{// Section\nsectionBg=\"#FFFFFF\",eyebrow=\"As\\xed de f\\xe1cil\",title=\"Elige tus cuotas en segundos\",subtitle=\"Sin letra chica. Ves el inter\\xe9s, la comisi\\xf3n y el total antes de decidir. Pru\\xe9balo t\\xfa mismo.\",showSteps=true,// Steps\nstep1Label=\"Elige tu marca\",step1Desc=\"Navega entre 877+ comercios afiliados y elige lo que quieras comprar.\",step2Label=\"Selecciona tus cuotas\",step2Desc=\"Elige el plan que m\\xe1s te acomode. Todo transparente, sin letra chica.\",step3Label=\"Listo, a pagar\",step3Desc=\"Confirma y paga en cuotas sin tarjeta. As\\xed de smooth.\",// Demo financial\npurchaseAmount=149990,purchaseLabel=\"Tu compra\",purchaseCategory=\"Electr\\xf3nica \\xb7 Online\",caePercent=54,defaultPlan=3,// Rates — interest\nir1=0,ir2=0,ir3=0,ir6=.0233,ir12=.086,// Rates — fees\nfr1=0,fr2=0,fr3=.0073,fr6=.0073,fr12=.0073,// Labels\ninterestLabel=\"Intereses\",feeLabel=\"Comisi\\xf3n servicio\",totalLabel=\"Total a pagar\",calendarLabel=\"Calendario de pagos\",planSectionTitle=\"Elige tu plan de pago\",planSectionSubtitle=\"Flexibilidad total, sin letras chicas.\",selectedBadgeText=\"Seleccionado\",popularBadgeText=\"Popular\",firstPaymentLabel=\"Primera cuota\",lastPaymentLabel=\"\\xdaltima cuota\",purchaseAmountLabel=\"Monto compra\",// CTA\nctaText=\"Pagar {amount} al mes\",ctaUrl=\"\",// Reassurance\nshowReassurance=true,reassurance1=\"0% inter\\xe9s en 3 cuotas\",reassurance2=\"CAE siempre visible\",reassurance3=\"Sin letra chica\",// Disclaimer\ndisclaimerText=\"Demo interactiva \\xb7 En la app real, aqu\\xed confirmas tu compra.\",// Logo\nlogoImage=\"\",logoText=\"banca.me\",// Colors — Primary\ncolorPrimary=\"#332675\",colorBanking=\"#755DDF\",colorMint=\"#99FF99\",colorMintText=\"#022c22\",colorInk=\"#14111F\",colorMuted=\"#6B6680\",colorSurface=\"#F5F3FA\",colorBorder=\"#E4E1EC\",// Colors — Demo\ndemoBg=\"#F8F9FA\",demoHeaderBg=\"rgba(255,255,255,0.85)\",cardsBg=\"#FFFFFF\",// Colors — Cards\ncardSelectedBg=\"#332675\",cardSelectedText=\"#FFFFFF\",cardDefaultBg=\"#FFFFFF\",cardDefaultText=\"#14111F\",// Colors — CTA\nctaBg=\"#332675\",ctaTextColor=\"#FFFFFF\",ctaRadius=14,// Colors — Steps\nstepActiveBg=\"#332675\",stepActiveText=\"#FFFFFF\",stepDefaultBg=\"#FFFFFF\",stepDefaultText=\"#14111F\",stepInteractiveBadgeBg=\"#99FF99\",stepInteractiveBadgeText=\"#022c22\",// Colors — Timeline\ntimelineLine=\"#E8E8E8\",timelineDashedLine=\"#E0E0E0\",// Colors — Badges\nshieldBg=\"#dbeafe\",shieldText=\"#1d4ed8\",shieldLabel=\"Compra protegida\",// Colors — Total highlight\ntotalValueColor=\"#14111F\",// Backgrounds\nshowBgGradient=true,bgGradientColor=\"#F5F3FA\",// Eyebrow\neyebrowBg=\"#F5F3FA\",eyebrowText=\"#755DDF\"}=props;const rates={ir1,ir2,ir3,ir6,ir12,fr1,fr2,fr3,fr6,fr12};const plans=buildPlans(purchaseAmount,caePercent,rates);const defaultIdx=plans.findIndex(p=>p.installments===defaultPlan)??2;const[selected,setSelected]=useState(plans[defaultIdx>=0?defaultIdx:2]);const[accordionOpen,setAccordionOpen]=useState(false);const[animKey,setAnimKey]=useState(0);const colors={primary:colorPrimary,banking:colorBanking,mint:colorMint,mintText:colorMintText,ink:colorInk,muted:colorMuted,surface:colorSurface,border:colorBorder,timelineLine};useEffect(()=>{const idx=plans.findIndex(p=>p.installments===defaultPlan);if(idx>=0)setSelected(plans[idx]);},[purchaseAmount,defaultPlan,ir1,ir2,ir3,ir6,ir12,fr1,fr2,fr3,fr6,fr12]);useEffect(()=>{setAccordionOpen(false);setAnimKey(k=>k+1);},[selected]);const middleCuotas=selected.installments>2?Array.from({length:selected.installments-2},(_,i)=>({index:i+2,date:addMonths(TODAY,i+2),amount:selected.monthly})):[];const steps=[{num:\"01\",label:step1Label,desc:step1Desc,icon:/*#__PURE__*/_jsxs(\"svg\",{width:\"28\",height:\"28\",viewBox:\"0 0 28 28\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"rect\",{x:\"3\",y:\"6\",width:\"22\",height:\"16\",rx:\"3\",stroke:\"currentColor\",strokeWidth:\"2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M3 11h22\",stroke:\"currentColor\",strokeWidth:\"2\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"6\",y:\"15\",width:\"6\",height:\"3\",rx:\"1\",fill:\"currentColor\",opacity:\"0.4\"})]})},{num:\"02\",label:step2Label,desc:step2Desc,active:true,icon:/*#__PURE__*/_jsxs(\"svg\",{width:\"28\",height:\"28\",viewBox:\"0 0 28 28\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"rect\",{x:\"2\",y:\"4\",width:\"10\",height:\"20\",rx:\"2.5\",stroke:\"currentColor\",strokeWidth:\"2\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"16\",y:\"4\",width:\"10\",height:\"20\",rx:\"2.5\",stroke:\"currentColor\",strokeWidth:\"2\",opacity:\"0.35\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"7\",cy:\"10\",r:\"2\",fill:colorMint})]})},{num:\"03\",label:step3Label,desc:step3Desc,icon:/*#__PURE__*/_jsxs(\"svg\",{width:\"28\",height:\"28\",viewBox:\"0 0 28 28\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"14\",cy:\"14\",r:\"10\",stroke:\"currentColor\",strokeWidth:\"2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M9 14.5l3 3 7-7\",stroke:\"currentColor\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})]})}];const resolvedCta=ctaText.replace(\"{amount}\",fmt(selected.monthly));return /*#__PURE__*/_jsxs(\"section\",{style:{fontFamily:fonts,background:sectionBg,padding:\"96px 20px\",position:\"relative\",overflow:\"hidden\",width:\"100%\"},children:[showBgGradient&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,background:`radial-gradient(ellipse 80% 60% at 50% 0%, ${bgGradientColor} 0%, transparent 70%)`,pointerEvents:\"none\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:1100,margin:\"0 auto\",position:\"relative\",zIndex:1},children:[/*#__PURE__*/_jsxs(\"div\",{style:{textAlign:\"center\",marginBottom:showSteps?64:40},children:[eyebrow&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",padding:\"6px 16px\",background:eyebrowBg,color:eyebrowText,fontSize:13,fontWeight:600,borderRadius:999,marginBottom:20,letterSpacing:\"0.02em\"},children:eyebrow}),/*#__PURE__*/_jsx(\"h2\",{style:{fontSize:\"clamp(2rem, 4vw, 2.75rem)\",fontWeight:800,color:colorInk,lineHeight:1.1,letterSpacing:\"-0.03em\",margin:\"0 0 16px\"},children:title}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:\"clamp(1rem, 1.5vw, 1.2rem)\",color:colorMuted,maxWidth:520,margin:\"0 auto\",lineHeight:1.55},children:subtitle})]}),showSteps&&/*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(auto-fit, minmax(240px, 1fr))\",gap:20,marginBottom:56},children:steps.map((s,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{background:s.active?stepActiveBg:stepDefaultBg,border:s.active?\"none\":`1px solid ${colorBorder}`,borderRadius:16,padding:\"28px 24px\",position:\"relative\",overflow:\"hidden\",color:s.active?stepActiveText:colorBanking},children:[s.active&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:12,right:12,background:stepInteractiveBadgeBg,color:stepInteractiveBadgeText,fontSize:9,fontWeight:700,padding:\"3px 10px\",borderRadius:999,textTransform:\"uppercase\",letterSpacing:\"0.05em\"},children:\"Interactivo\"}),/*#__PURE__*/_jsx(\"div\",{style:{marginBottom:16,opacity:s.active?1:.7},children:s.icon}),/*#__PURE__*/_jsxs(\"span\",{style:{fontSize:11,fontWeight:700,color:s.active?\"rgba(255,255,255,0.5)\":colorMuted,letterSpacing:\"0.08em\",textTransform:\"uppercase\"},children:[\"Paso \",s.num]}),/*#__PURE__*/_jsx(\"h3\",{style:{fontSize:18,fontWeight:800,color:s.active?stepActiveText:stepDefaultText,margin:\"6px 0 8px\",letterSpacing:\"-0.01em\"},children:s.label}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:14,color:s.active?\"rgba(255,255,255,0.7)\":colorMuted,lineHeight:1.5,margin:0},children:s.desc})]},i))}),/*#__PURE__*/_jsxs(\"div\",{style:{background:demoBg,borderRadius:24,border:`1px solid ${colorBorder}`,maxWidth:480,margin:\"0 auto\",overflow:\"hidden\",boxShadow:`0 16px 64px ${colorPrimary}14, 0 2px 8px rgba(0,0,0,0.04)`},children:[/*#__PURE__*/_jsxs(\"div\",{style:{background:demoHeaderBg,backdropFilter:\"blur(12px)\",WebkitBackdropFilter:\"blur(12px)\",borderBottom:`1px solid ${colorBorder}`,padding:\"14px 20px\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:10},children:logoImage?/*#__PURE__*/_jsx(\"img\",{src:logoImage,alt:logoText,style:{height:30,width:\"auto\",maxWidth:160,objectFit:\"contain\"}}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:{width:30,height:30,background:colorInk,borderRadius:8,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"#fff\",fontSize:16,fontWeight:900},children:\"b\"}),/*#__PURE__*/_jsx(\"span\",{style:{fontWeight:900,fontSize:16,color:colorInk,letterSpacing:\"-0.3px\"},children:logoText})]})}),/*#__PURE__*/_jsxs(\"div\",{style:{background:shieldBg,color:shieldText,fontSize:11,fontWeight:700,padding:\"4px 10px\",borderRadius:999,display:\"flex\",alignItems:\"center\",gap:4},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"12\",height:\"12\",viewBox:\"0 0 24 24\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 2L3 7v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-9-5z\",fill:shieldText}),/*#__PURE__*/_jsx(\"path\",{d:\"M10 15.17l-3.59-3.58L5 13l5 5 9-9-1.41-1.42L10 15.17z\",fill:\"white\"})]}),shieldLabel]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{padding:\"28px 20px 20px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:12,marginBottom:24,padding:\"12px 16px\",background:cardsBg,borderRadius:12,border:`1px solid ${colorBorder}`},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:40,height:40,borderRadius:10,background:`linear-gradient(135deg, ${colorSurface}, ${colorBorder})`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:18},children:\"🛍️\"}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontWeight:700,color:colorInk},children:purchaseLabel}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:12,color:colorMuted},children:purchaseCategory})]}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:18,fontWeight:900,color:colorInk},children:fmt(purchaseAmount)})]}),/*#__PURE__*/_jsx(\"h3\",{style:{fontSize:22,fontWeight:900,color:colorInk,textAlign:\"center\",margin:\"0 0 4px\",letterSpacing:\"-0.5px\"},children:planSectionTitle}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:14,color:colorMuted,textAlign:\"center\",margin:\"0 0 24px\",fontWeight:500},children:planSectionSubtitle}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",marginBottom:24},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",right:0,top:0,bottom:0,width:40,background:`linear-gradient(to left, ${demoBg}, transparent)`,zIndex:2,pointerEvents:\"none\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",gap:10,overflowX:\"auto\",scrollSnapType:\"x mandatory\",paddingTop:16,paddingBottom:8,scrollbarWidth:\"none\",msOverflowStyle:\"none\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`.bm-scroll::-webkit-scrollbar{display:none}`}),plans.map(plan=>{const isSel=selected.id===plan.id;return /*#__PURE__*/_jsxs(\"div\",{onClick:()=>setSelected(plan),style:{flex:\"0 0 auto\",width:116,minHeight:160,padding:\"16px 12px\",borderRadius:14,cursor:\"pointer\",position:\"relative\",transition:\"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)\",background:isSel?cardSelectedBg:cardDefaultBg,color:isSel?cardSelectedText:cardDefaultText,border:isSel?`2px solid ${cardSelectedBg}`:`1px solid ${colorBorder}`,transform:isSel?\"translateY(-6px)\":\"translateY(0)\",boxShadow:isSel?`0 12px 32px ${colorPrimary}40`:\"0 1px 3px rgba(0,0,0,0.04)\",scrollSnapAlign:\"start\",display:\"flex\",flexDirection:\"column\",justifyContent:\"space-between\"},children:[isSel&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:-10,left:\"50%\",transform:\"translateX(-50%)\",background:colorMint,color:colorMintText,fontSize:8,fontWeight:700,padding:\"2px 8px\",borderRadius:999,textTransform:\"uppercase\",letterSpacing:\"0.04em\",whiteSpace:\"nowrap\",boxShadow:\"0 2px 6px rgba(0,0,0,0.12)\"},children:selectedBadgeText}),plan.isBest&&!isSel&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:-10,left:\"50%\",transform:\"translateX(-50%)\",background:colorSurface,color:colorBanking,fontSize:8,fontWeight:700,padding:\"2px 8px\",borderRadius:999,textTransform:\"uppercase\",letterSpacing:\"0.04em\",whiteSpace:\"nowrap\",border:`1px solid ${colorBorder}`},children:popularBadgeText}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:13,fontWeight:700,opacity:isSel?.8:.6,marginBottom:8},children:[plan.installments,\"x de\"]}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:22,fontWeight:900,lineHeight:1.1,letterSpacing:\"-0.5px\"},children:fmt(plan.monthly).replace(\"$\",\"\").trim()}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:11,fontWeight:500,opacity:.6,marginTop:2},children:\"pesos/mes\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{marginTop:12,paddingTop:10,borderTop:`1px solid ${isSel?\"rgba(255,255,255,0.2)\":colorBorder}`},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:9,fontWeight:700,textTransform:\"uppercase\",letterSpacing:\"0.08em\",opacity:.5},children:\"Total\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:13,fontWeight:700},children:fmt(plan.total)})]}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:12,right:10,width:18,height:18,borderRadius:\"50%\",border:`2px solid ${isSel?\"#fff\":colorBorder}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:isSel&&/*#__PURE__*/_jsx(\"svg\",{width:\"10\",height:\"10\",viewBox:\"0 0 24 24\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 13l4 4L19 7\",stroke:\"#fff\",strokeWidth:\"4\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})})]},plan.id);})]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{background:cardsBg,borderRadius:16,border:`1px solid ${colorBorder}`,padding:\"20px 18px\",animation:\"bmFadeUp 0.35s ease-out\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:8,marginBottom:18,fontSize:13,fontWeight:700,color:colorMuted,textTransform:\"uppercase\",letterSpacing:\"0.06em\"},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\",stroke:colorMuted,strokeWidth:\"2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 7v5l3 3\",stroke:colorMuted,strokeWidth:\"2\",strokeLinecap:\"round\"})]}),calendarLabel]}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\"},children:[/*#__PURE__*/_jsx(TimelineItem,{index:1,date:addMonths(TODAY,1),amount:selected.monthly,isFirst:true,hasNext:selected.installments>1,colors:colors}),middleCuotas.length>0&&/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:15,top:0,bottom:0,width:0,borderLeft:`2px dashed ${timelineDashedLine}`}}),/*#__PURE__*/_jsxs(\"div\",{style:{paddingLeft:44,paddingBottom:12},children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setAccordionOpen(!accordionOpen),style:{width:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",padding:\"8px 14px\",background:demoBg,border:`1px solid ${colorBorder}`,borderRadius:10,cursor:\"pointer\",fontSize:13,fontWeight:600,color:colorMuted,fontFamily:fonts},children:[/*#__PURE__*/_jsx(\"span\",{children:accordionOpen?\"Ocultar pagos intermedios\":`Ver ${middleCuotas.length} pago${middleCuotas.length>1?\"s\":\"\"} m\\xe1s...`}),/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",style:{transform:accordionOpen?\"rotate(180deg)\":\"rotate(0)\",transition:\"transform 0.2s\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M6 9l6 6 6-6\",stroke:colorMuted,strokeWidth:\"2\",strokeLinecap:\"round\"})})]}),/*#__PURE__*/_jsx(\"div\",{style:{maxHeight:accordionOpen?500:0,overflow:\"hidden\",transition:\"max-height 0.4s ease\"},children:/*#__PURE__*/_jsx(\"div\",{style:{paddingTop:8},children:middleCuotas.map(c=>/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",padding:\"8px 0\",borderBottom:\"1px solid #F0F0F0\",fontSize:13},children:[/*#__PURE__*/_jsxs(\"span\",{style:{color:colorMuted},children:[\"Cuota \",c.index,\" \",\"\\xb7 \",c.date]}),/*#__PURE__*/_jsx(\"span\",{style:{fontWeight:600,color:colorInk},children:fmt(c.amount)})]},c.index))})})]})]}),selected.installments>1&&/*#__PURE__*/_jsx(TimelineItem,{index:selected.installments,date:addMonths(TODAY,selected.installments),amount:selected.monthly,isLast:true,colors:colors})]}),/*#__PURE__*/_jsxs(\"div\",{style:{borderTop:`1px solid ${colorBorder}`,paddingTop:16,marginTop:16,display:\"flex\",flexDirection:\"column\",gap:8},children:[/*#__PURE__*/_jsx(Row,{label:purchaseAmountLabel,value:fmt(purchaseAmount),colors:colors}),/*#__PURE__*/_jsx(Row,{label:`${interestLabel} (CAE ${caePercent}%)`,value:fmt(selected.interest),colors:colors}),/*#__PURE__*/_jsx(Row,{label:feeLabel,value:fmt(selected.fee),colors:colors}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",paddingTop:10,marginTop:4,borderTop:`1px solid ${colorBorder}`},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontWeight:900,color:colorInk,fontSize:15},children:totalLabel}),/*#__PURE__*/_jsx(\"span\",{style:{fontWeight:900,color:totalValueColor,fontSize:17},children:fmt(selected.total)})]})]})]},animKey),/*#__PURE__*/_jsxs(\"div\",{style:{marginTop:18},children:[ctaUrl?/*#__PURE__*/_jsxs(\"a\",{href:ctaUrl,target:\"_blank\",rel:\"noopener noreferrer\",style:{width:\"100%\",height:52,background:ctaBg,color:ctaTextColor,border:\"none\",borderRadius:ctaRadius,fontSize:16,fontWeight:700,cursor:\"pointer\",fontFamily:fonts,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:8,textDecoration:\"none\",letterSpacing:\"-0.2px\",boxSizing:\"border-box\"},children:[resolvedCta,/*#__PURE__*/_jsx(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M9 18l6-6-6-6\",stroke:ctaTextColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:\"0.6\"})})]}):/*#__PURE__*/_jsxs(\"button\",{style:{width:\"100%\",height:52,background:ctaBg,color:ctaTextColor,border:\"none\",borderRadius:ctaRadius,fontSize:16,fontWeight:700,cursor:\"pointer\",fontFamily:fonts,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:8,letterSpacing:\"-0.2px\"},children:[resolvedCta,/*#__PURE__*/_jsx(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M9 18l6-6-6-6\",stroke:ctaTextColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",opacity:\"0.6\"})})]}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:10,color:\"#B0ADB8\",textAlign:\"center\",margin:\"10px 0 0\"},children:disclaimerText})]})]})]}),showReassurance&&/*#__PURE__*/_jsx(\"div\",{style:{textAlign:\"center\",marginTop:48,display:\"flex\",justifyContent:\"center\",gap:32,flexWrap:\"wrap\"},children:[reassurance1,reassurance2,reassurance3].filter(Boolean).map((t,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:8,fontSize:14,color:colorMuted,fontWeight:500},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"10\",fill:colorSurface}),/*#__PURE__*/_jsx(\"path\",{d:\"M8 12.5l2.5 2.5 5-5\",stroke:colorBanking,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})]}),t]},i))})]}),/*#__PURE__*/_jsx(\"style\",{children:`\n @keyframes bmFadeUp {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `})]});}// ─── FRAMER PROPERTY CONTROLS ───\naddPropertyControls(SelectorCuotasDemo,{// ── SECTION ──\nsectionBg:{type:ControlType.Color,title:\"Fondo secci\\xf3n\",defaultValue:\"#FFFFFF\"},showBgGradient:{type:ControlType.Boolean,title:\"Mostrar gradient\",defaultValue:true},bgGradientColor:{type:ControlType.Color,title:\"Color gradient\",defaultValue:\"#F5F3FA\",hidden:p=>!p.showBgGradient},// ── HEADER ──\neyebrow:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"As\\xed de f\\xe1cil\"},eyebrowBg:{type:ControlType.Color,title:\"Eyebrow BG\",defaultValue:\"#F5F3FA\"},eyebrowText:{type:ControlType.Color,title:\"Eyebrow texto\",defaultValue:\"#755DDF\"},title:{type:ControlType.String,title:\"T\\xedtulo\",defaultValue:\"Elige tus cuotas en segundos\",displayTextArea:true},subtitle:{type:ControlType.String,title:\"Subt\\xedtulo\",defaultValue:\"Sin letra chica. Ves el inter\\xe9s, la comisi\\xf3n y el total antes de decidir. Pru\\xe9balo t\\xfa mismo.\",displayTextArea:true},// ── STEPS ──\nshowSteps:{type:ControlType.Boolean,title:\"Mostrar pasos\",defaultValue:true},step1Label:{type:ControlType.String,title:\"Paso 1 \\xb7 T\\xedtulo\",defaultValue:\"Elige tu marca\",hidden:p=>!p.showSteps},step1Desc:{type:ControlType.String,title:\"Paso 1 \\xb7 Desc\",defaultValue:\"Navega entre 877+ comercios afiliados y elige lo que quieras comprar.\",displayTextArea:true,hidden:p=>!p.showSteps},step2Label:{type:ControlType.String,title:\"Paso 2 \\xb7 T\\xedtulo\",defaultValue:\"Selecciona tus cuotas\",hidden:p=>!p.showSteps},step2Desc:{type:ControlType.String,title:\"Paso 2 \\xb7 Desc\",defaultValue:\"Elige el plan que m\\xe1s te acomode. Todo transparente, sin letra chica.\",displayTextArea:true,hidden:p=>!p.showSteps},step3Label:{type:ControlType.String,title:\"Paso 3 \\xb7 T\\xedtulo\",defaultValue:\"Listo, a pagar\",hidden:p=>!p.showSteps},step3Desc:{type:ControlType.String,title:\"Paso 3 \\xb7 Desc\",defaultValue:\"Confirma y paga en cuotas sin tarjeta. As\\xed de smooth.\",displayTextArea:true,hidden:p=>!p.showSteps},// ── DEMO FINANCIERO ──\npurchaseAmount:{type:ControlType.Number,title:\"Monto compra\",defaultValue:149990,min:1e4,max:2e6,step:1e3},purchaseLabel:{type:ControlType.String,title:\"Label compra\",defaultValue:\"Tu compra\"},purchaseCategory:{type:ControlType.String,title:\"Categor\\xeda\",defaultValue:\"Electr\\xf3nica \\xb7 Online\"},caePercent:{type:ControlType.Number,title:\"CAE %\",defaultValue:54,min:0,max:100,step:1},defaultPlan:{type:ControlType.Enum,title:\"Plan default\",options:[1,2,3,6,12],optionTitles:[\"1 cuota\",\"2 cuotas\",\"3 cuotas\",\"6 cuotas\",\"12 cuotas\"],defaultValue:3},// ── TASAS DE INTERÉS ──\nir1:{type:ControlType.Number,title:\"Inter\\xe9s 1 cuota\",defaultValue:0,min:0,max:.5,step:.001},ir2:{type:ControlType.Number,title:\"Inter\\xe9s 2 cuotas\",defaultValue:0,min:0,max:.5,step:.001},ir3:{type:ControlType.Number,title:\"Inter\\xe9s 3 cuotas\",defaultValue:0,min:0,max:.5,step:.001},ir6:{type:ControlType.Number,title:\"Inter\\xe9s 6 cuotas\",defaultValue:.0233,min:0,max:.5,step:.001},ir12:{type:ControlType.Number,title:\"Inter\\xe9s 12 cuotas\",defaultValue:.086,min:0,max:.5,step:.001},// ── TASAS DE COMISIÓN ──\nfr1:{type:ControlType.Number,title:\"Comisi\\xf3n 1 cuota\",defaultValue:0,min:0,max:.1,step:.001},fr2:{type:ControlType.Number,title:\"Comisi\\xf3n 2 cuotas\",defaultValue:0,min:0,max:.1,step:.001},fr3:{type:ControlType.Number,title:\"Comisi\\xf3n 3 cuotas\",defaultValue:.0073,min:0,max:.1,step:.001},fr6:{type:ControlType.Number,title:\"Comisi\\xf3n 6 cuotas\",defaultValue:.0073,min:0,max:.1,step:.001},fr12:{type:ControlType.Number,title:\"Comisi\\xf3n 12 cuotas\",defaultValue:.0073,min:0,max:.1,step:.001},// ── LABELS ──\nplanSectionTitle:{type:ControlType.String,title:\"T\\xedtulo planes\",defaultValue:\"Elige tu plan de pago\"},planSectionSubtitle:{type:ControlType.String,title:\"Sub planes\",defaultValue:\"Flexibilidad total, sin letras chicas.\"},interestLabel:{type:ControlType.String,title:\"Label intereses\",defaultValue:\"Intereses\"},feeLabel:{type:ControlType.String,title:\"Label comisi\\xf3n\",defaultValue:\"Comisi\\xf3n servicio\"},totalLabel:{type:ControlType.String,title:\"Label total\",defaultValue:\"Total a pagar\"},calendarLabel:{type:ControlType.String,title:\"Label calendario\",defaultValue:\"Calendario de pagos\"},purchaseAmountLabel:{type:ControlType.String,title:\"Label monto\",defaultValue:\"Monto compra\"},selectedBadgeText:{type:ControlType.String,title:\"Badge seleccionado\",defaultValue:\"Seleccionado\"},popularBadgeText:{type:ControlType.String,title:\"Badge popular\",defaultValue:\"Popular\"},// ── CTA ──\nctaText:{type:ControlType.String,title:\"Texto CTA\",defaultValue:\"Pagar {amount} al mes\",description:\"Usa {amount} para monto din\\xe1mico\"},ctaUrl:{type:ControlType.Link,title:\"URL CTA\"},ctaBg:{type:ControlType.Color,title:\"CTA fondo\",defaultValue:\"#332675\"},ctaTextColor:{type:ControlType.Color,title:\"CTA texto\",defaultValue:\"#FFFFFF\"},ctaRadius:{type:ControlType.Number,title:\"CTA radius\",defaultValue:14,min:0,max:30,step:2},// ── REASSURANCE ──\nshowReassurance:{type:ControlType.Boolean,title:\"Mostrar garant\\xedas\",defaultValue:true},reassurance1:{type:ControlType.String,title:\"Garant\\xeda 1\",defaultValue:\"0% inter\\xe9s en 3 cuotas\",hidden:p=>!p.showReassurance},reassurance2:{type:ControlType.String,title:\"Garant\\xeda 2\",defaultValue:\"CAE siempre visible\",hidden:p=>!p.showReassurance},reassurance3:{type:ControlType.String,title:\"Garant\\xeda 3\",defaultValue:\"Sin letra chica\",hidden:p=>!p.showReassurance},disclaimerText:{type:ControlType.String,title:\"Disclaimer\",defaultValue:\"Demo interactiva \\xb7 En la app real, aqu\\xed confirmas tu compra.\"},// ── LOGO ──\nlogoImage:{type:ControlType.Image,title:\"Logo (imagen)\"},logoText:{type:ControlType.String,title:\"Logo (texto fallback)\",defaultValue:\"banca.me\"},// ── COLORES PRIMARIOS ──\ncolorPrimary:{type:ControlType.Color,title:\"Color primario\",defaultValue:\"#332675\"},colorBanking:{type:ControlType.Color,title:\"Color banking\",defaultValue:\"#755DDF\"},colorMint:{type:ControlType.Color,title:\"Color mint\",defaultValue:\"#99FF99\"},colorMintText:{type:ControlType.Color,title:\"Mint texto\",defaultValue:\"#022c22\"},colorInk:{type:ControlType.Color,title:\"Color ink\",defaultValue:\"#14111F\"},colorMuted:{type:ControlType.Color,title:\"Color muted\",defaultValue:\"#6B6680\"},colorSurface:{type:ControlType.Color,title:\"Color surface\",defaultValue:\"#F5F3FA\"},colorBorder:{type:ControlType.Color,title:\"Color borde\",defaultValue:\"#E4E1EC\"},// ── COLORES DEMO ──\ndemoBg:{type:ControlType.Color,title:\"Demo BG\",defaultValue:\"#F8F9FA\"},demoHeaderBg:{type:ControlType.Color,title:\"Demo header BG\",defaultValue:\"rgba(255,255,255,0.85)\"},cardsBg:{type:ControlType.Color,title:\"Cards BG\",defaultValue:\"#FFFFFF\"},// ── COLORES CARDS PLAN ──\ncardSelectedBg:{type:ControlType.Color,title:\"Card selec. BG\",defaultValue:\"#332675\"},cardSelectedText:{type:ControlType.Color,title:\"Card selec. texto\",defaultValue:\"#FFFFFF\"},cardDefaultBg:{type:ControlType.Color,title:\"Card default BG\",defaultValue:\"#FFFFFF\"},cardDefaultText:{type:ControlType.Color,title:\"Card default texto\",defaultValue:\"#14111F\"},// ── COLORES STEPS ──\nstepActiveBg:{type:ControlType.Color,title:\"Step activo BG\",defaultValue:\"#332675\"},stepActiveText:{type:ControlType.Color,title:\"Step activo texto\",defaultValue:\"#FFFFFF\"},stepDefaultBg:{type:ControlType.Color,title:\"Step default BG\",defaultValue:\"#FFFFFF\"},stepDefaultText:{type:ControlType.Color,title:\"Step default texto\",defaultValue:\"#14111F\"},stepInteractiveBadgeBg:{type:ControlType.Color,title:\"Badge interactivo BG\",defaultValue:\"#99FF99\"},stepInteractiveBadgeText:{type:ControlType.Color,title:\"Badge interactivo texto\",defaultValue:\"#022c22\"},// ── COLORES TIMELINE ──\ntimelineLine:{type:ControlType.Color,title:\"Timeline l\\xednea\",defaultValue:\"#E8E8E8\"},timelineDashedLine:{type:ControlType.Color,title:\"Timeline punteada\",defaultValue:\"#E0E0E0\"},// ── COLORES SHIELD ──\nshieldBg:{type:ControlType.Color,title:\"Shield BG\",defaultValue:\"#dbeafe\"},shieldText:{type:ControlType.Color,title:\"Shield texto\",defaultValue:\"#1d4ed8\"},shieldLabel:{type:ControlType.String,title:\"Shield label\",defaultValue:\"Compra protegida\"},// ── TOTAL ──\ntotalValueColor:{type:ControlType.Color,title:\"Total valor color\",defaultValue:\"#14111F\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SelectorCuotasDemo\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Simulador_Credito.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";// COLORES DE MARCA\nconst COLORS={bg:\"#E0D5FF\",text:\"#2B0A3D\",cardBg:\"#FFFFFF\",buttonLime:\"#DAFF61\",ringActive:\"#A694FC\",ringInactive:\"#E6E6E6\"};// -----------------------------------------------------------------------------\n// COMPONENTE: Anillos (Payment Rings)\n// -----------------------------------------------------------------------------\nconst PaymentRings=({price,isMobile,typography,paymentSettings})=>{const calculateDashOffset=fillPercentage=>{const circumference=88;return circumference-circumference*fillPercentage/100;};return /*#__PURE__*/_jsxs(\"div\",{style:{marginTop:isMobile?5:15,width:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:typography.paymentLabel.size,fontWeight:typography.paymentLabel.weight,color:typography.paymentLabel.color,marginBottom:4},children:paymentSettings.titleText}),/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0},animate:{opacity:1},style:{fontSize:typography.paymentAmount.size,fontWeight:typography.paymentAmount.weight,color:typography.paymentAmount.color,marginBottom:isMobile?10:15},children:[paymentSettings.showCurrency&&\"$\",paymentSettings.mainAmount]},paymentSettings.mainAmount),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",width:\"100%\"},children:paymentSettings.options.map((opt,i)=>{// buildOptions ya calculó el monto correcto y lo guardó en opt.customAmount\nconst optionAmount=opt.customAmount;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:isMobile?4:6},children:[/*#__PURE__*/_jsxs(\"svg\",{width:isMobile?26:32,height:isMobile?26:32,viewBox:\"0 0 32 32\",style:{transform:\"rotate(-90deg)\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"16\",cy:\"16\",r:\"14\",stroke:paymentSettings.ringInactiveColor,strokeWidth:\"4\",fill:\"none\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"16\",cy:\"16\",r:\"14\",stroke:paymentSettings.ringActiveColor,strokeWidth:\"4\",fill:\"none\",strokeDasharray:88,strokeDashoffset:calculateDashOffset(opt.fillPercentage),strokeLinecap:\"round\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:typography.ringAmount.size,fontWeight:typography.ringAmount.weight,color:typography.ringAmount.color,textAlign:\"center\"},children:[opt.showCurrency&&\"$\",optionAmount]}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:typography.ringLabel.size,fontWeight:typography.ringLabel.weight,color:typography.ringLabel.color,textAlign:\"center\"},children:opt.label})]},i);})})]});};// -----------------------------------------------------------------------------\n// COMPONENTE PRINCIPAL (Zip Centered Fixed)\n// -----------------------------------------------------------------------------\nexport default function ZipCarouselCentered(props){const[activeTab,setActiveTab]=React.useState(0);const containerRef=React.useRef(null);const[containerWidth,setContainerWidth]=React.useState(0);// DETECCIÓN DE DISPOSITIVO\nconst isMobile=props.width<600;// DATOS ACTIVOS\nconst activeItem=props.items[activeTab]||{};// Medir el ancho del contenedor\nReact.useEffect(()=>{if(containerRef.current){setContainerWidth(containerRef.current.offsetWidth);}},[props.width]);// OBJETO DE TIPOGRAFÍA\nconst typography={headline:{size:isMobile?props.headlineSizeMobile:props.headlineSizeDesktop,weight:props.headlineWeight,color:props.headlineColor},tabActive:{size:isMobile?props.tabSizeMobile:props.tabSizeDesktop,weight:props.tabWeight,color:props.tabActiveColor},tabInactive:{size:isMobile?props.tabSizeMobile:props.tabSizeDesktop,weight:props.tabWeight,color:props.tabInactiveColor},serviceLabel:{size:isMobile?props.serviceLabelSizeMobile:props.serviceLabelSizeDesktop,weight:props.serviceLabelWeight,color:props.serviceLabelColor},servicePrice:{size:isMobile?props.servicePriceSizeMobile:props.servicePriceSizeDesktop,weight:props.servicePriceWeight,color:props.servicePriceColor},paymentLabel:{size:isMobile?props.paymentLabelSizeMobile:props.paymentLabelSizeDesktop,weight:props.paymentLabelWeight,color:props.paymentLabelColor},paymentAmount:{size:isMobile?props.paymentAmountSizeMobile:props.paymentAmountSizeDesktop,weight:props.paymentAmountWeight,color:props.paymentAmountColor},ringAmount:{size:isMobile?props.ringAmountSizeMobile:props.ringAmountSizeDesktop,weight:props.ringAmountWeight,color:props.ringAmountColor},ringLabel:{size:isMobile?props.ringLabelSizeMobile:props.ringLabelSizeDesktop,weight:props.ringLabelWeight,color:props.ringLabelColor},button:{size:props.buttonSize,weight:props.buttonWeight,color:props.buttonTextColor}};// OBJETO DE CONFIGURACIÓN DE PAGOS — construido desde los campos planos del slide activo\nconst buildOptions=item=>{const numericPrice=parseFloat((item.price||\"$0\").replace(/[$,]/g,\"\"))||0;return[1,2,3,4].map(n=>{const installments=item[`opt${n}Installments`]||n;const useCustom=item[`opt${n}CustomAmount`]||false;const customAmt=item[`opt${n}Amount`]||\"0\";return{label:item[`opt${n}Label`]||`Opci\\xf3n ${n}`,installments,fillPercentage:item[`opt${n}Fill`]??100-(n-1)*25,useCustomAmount:useCustom,customAmount:useCustom?customAmt:(numericPrice/installments).toFixed(2),showCurrency:true};});};const numericActivePrice=parseFloat((activeItem.price||\"$0\").replace(/[$,]/g,\"\"))||0;const paymentSettings={titleText:activeItem.paymentTitle||\"Pag\\xe1 en cuotas\",mainAmount:activeItem.paymentMainAmount&&activeItem.paymentMainAmount!==\"\"?activeItem.paymentMainAmount:numericActivePrice.toFixed(2),showCurrency:props.showPaymentCurrency,ringActiveColor:props.ringActiveColor,ringInactiveColor:props.ringInactiveColor,options:buildOptions(activeItem)};// SPACING VERTICAL\nconst paddingTop=isMobile?props.paddingTopMobile:props.paddingTopDesktop;const paddingBottom=isMobile?props.paddingBottomMobile:props.paddingBottomDesktop;const headlineMarginBottom=isMobile?props.headlineMarginBottomMobile:props.headlineMarginBottomDesktop;const tabsMarginBottom=isMobile?props.tabsMarginBottomMobile:props.tabsMarginBottomDesktop;const carouselMarginBottom=isMobile?props.carouselMarginBottomMobile:props.carouselMarginBottomDesktop;// --- LÓGICA DE CENTRADO PERFECTO ---\n// CONFIGURACIÓN MOBILE\nconst mobCardWidthPct=props.cardWidthMobile/100;const mobCardWidth=containerWidth*mobCardWidthPct;const mobGap=props.cardGapMobile;// CONFIGURACIÓN DESKTOP\nconst deskCardWidth=props.cardWidthDesktop;const deskGap=props.cardGapDesktop;// Altura\nconst cardHeight=isMobile?props.cardHeightMobile:props.cardHeightDesktop;// Posiciones Cards Flotantes\nconst topCardX=isMobile?props.mobTopX:props.deskTopX;const topCardY=isMobile?props.mobTopY:props.deskTopY;const botCardX=isMobile?props.mobBotX:props.deskBotX;const botCardY=isMobile?props.mobBotY:props.deskBotY;// CÁLCULO DEL OFFSET (X)\nlet xOffset;if(isMobile){const centerPosition=(containerWidth-mobCardWidth)/2;xOffset=centerPosition-activeTab*(mobCardWidth+mobGap);}else{const centerPosition=(containerWidth-deskCardWidth)/2;xOffset=centerPosition-activeTab*(deskCardWidth+deskGap);}return /*#__PURE__*/_jsxs(\"div\",{ref:containerRef,style:{width:\"100%\",height:\"100%\",backgroundColor:props.backgroundColor,overflow:\"hidden\",fontFamily:`\"Inter\", sans-serif`,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",paddingTop:paddingTop,position:\"relative\",zIndex:0},children:[/*#__PURE__*/_jsx(\"h1\",{style:{color:typography.headline.color,fontSize:typography.headline.size,fontWeight:typography.headline.weight,textAlign:props.headlineAlign,marginBottom:headlineMarginBottom,zIndex:20,padding:\"0 20px\",lineHeight:props.headlineLineHeight,maxWidth:isMobile?\"100%\":700,letterSpacing:`${props.headlineLetterSpacing}em`},children:props.headline}),/*#__PURE__*/_jsx(\"div\",{style:{backgroundColor:\"rgba(255,255,255,0.6)\",borderRadius:100,padding:4,display:\"flex\",marginBottom:tabsMarginBottom,zIndex:20,width:\"auto\",maxWidth:isMobile?\"90%\":\"auto\",overflowX:\"auto\",WebkitOverflowScrolling:\"touch\",scrollbarWidth:\"none\",msOverflowStyle:\"none\"},children:props.items.map((item,index)=>{const isActive=index===activeTab;return /*#__PURE__*/_jsx(\"button\",{onClick:()=>setActiveTab(index),style:{border:\"none\",padding:isMobile?\"8px 14px\":\"10px 24px\",borderRadius:99,backgroundColor:isActive?COLORS.text:\"transparent\",color:isActive?typography.tabActive.color:typography.tabInactive.color,fontSize:isActive?typography.tabActive.size:typography.tabInactive.size,fontWeight:typography.tabActive.weight,cursor:\"pointer\",whiteSpace:\"nowrap\",transition:\"all 0.2s ease\"},children:item.tabName},index);})}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,width:\"100%\",position:\"relative\",display:\"flex\",alignItems:\"center\",minHeight:cardHeight+(isMobile?40:80),marginBottom:carouselMarginBottom},children:[/*#__PURE__*/_jsx(motion.div,{animate:{x:xOffset},transition:{type:\"spring\",stiffness:200,damping:28},style:{display:\"flex\",gap:isMobile?mobGap:deskGap,height:cardHeight,position:\"absolute\",left:0,alignItems:\"center\"},children:props.items.map((item,index)=>{const isActive=index===activeTab;return /*#__PURE__*/_jsxs(motion.div,{onClick:()=>setActiveTab(index),animate:{opacity:isActive?1:.4,scale:isActive?1:.94},style:{width:isMobile?mobCardWidth:deskCardWidth,maxWidth:isMobile?props.cardMaxWidthMobile:\"none\",height:\"100%\",borderRadius:props.cardBorderRadius,overflow:\"hidden\",backgroundColor:\"#fff\",position:\"relative\",cursor:\"pointer\",flexShrink:0,boxShadow:isActive?\"0 20px 50px rgba(0,0,0,0.1)\":\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,background:\"#fff\",zIndex:0}}),item.image&&/*#__PURE__*/_jsx(\"img\",{src:item.image,alt:item.tabName,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",position:\"relative\",zIndex:1}})]},index);})}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:isMobile?mobCardWidth:deskCardWidth,maxWidth:isMobile?props.cardMaxWidthMobile:\"none\",height:cardHeight,pointerEvents:\"none\",zIndex:30},children:[/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3},style:{position:\"absolute\",top:topCardY,left:topCardX,backgroundColor:\"#FFF\",padding:isMobile?\"8px 12px\":\"12px 16px\",borderRadius:16,display:\"flex\",gap:10,boxShadow:\"0 10px 25px rgba(0,0,0,0.12)\",minWidth:isMobile?130:160,alignItems:\"center\",pointerEvents:\"auto\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:isMobile?32:40,height:isMobile?32:40,background:\"#f5f5f5\",borderRadius:8,overflow:\"hidden\",flexShrink:0},children:activeItem.icon&&/*#__PURE__*/_jsx(\"img\",{src:activeItem.icon,alt:activeItem.service,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"}})}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:typography.serviceLabel.size,fontWeight:typography.serviceLabel.weight,color:typography.serviceLabel.color,lineHeight:1.2},children:activeItem.service}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:typography.servicePrice.size,fontWeight:typography.servicePrice.weight,color:typography.servicePrice.color},children:activeItem.price})]})]},`top-${activeTab}`),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:botCardY,left:botCardX,backgroundColor:\"#FFF\",padding:isMobile?\"14px\":\"24px\",borderRadius:20,boxShadow:\"0 15px 40px rgba(0,0,0,0.15)\",width:isMobile?220:260,pointerEvents:\"auto\"},children:/*#__PURE__*/_jsx(PaymentRings,{price:activeItem.price,isMobile:isMobile,typography:typography,paymentSettings:paymentSettings})})]})]}),props.showButton&&/*#__PURE__*/_jsx(\"div\",{style:{padding:\"0 20px\",width:\"100%\",display:\"flex\",justifyContent:\"center\",paddingBottom:paddingBottom},children:/*#__PURE__*/_jsx(motion.a,{href:props.buttonLink||\"#\",target:props.buttonNewTab?\"_blank\":\"_self\",rel:\"noopener noreferrer\",whileTap:{scale:.95},whileHover:{scale:1.05},style:{display:\"inline-block\",textDecoration:\"none\",backgroundColor:props.buttonBgColor,color:typography.button.color,border:props.buttonBorder?`${props.buttonBorderWidth}px solid ${props.buttonBorderColor}`:\"none\",padding:isMobile?`${props.buttonPaddingYMobile}px ${props.buttonPaddingXMobile}px`:`${props.buttonPaddingYDesktop}px ${props.buttonPaddingXDesktop}px`,borderRadius:props.buttonBorderRadius,fontSize:typography.button.size,fontWeight:typography.button.weight,cursor:\"pointer\",boxShadow:props.buttonShadow?\"0 10px 25px rgba(0,0,0,0.1)\":\"none\"},children:props.buttonText})})]});}// -----------------------------------------------------------------------------\n// CONTROLES\n// -----------------------------------------------------------------------------\naddPropertyControls(ZipCarouselCentered,{headline:{type:ControlType.String,title:\"Headline\",defaultValue:\"How customers are paying with Zip\"},// ===== BACKGROUND =====\nbackgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#E0D5FF\"},// ===== PAYMENT CARD SETTINGS (globales) =====\nshowPaymentCurrency:{type:ControlType.Boolean,title:\"Show $ in Main Amount\",defaultValue:true},ringActiveColor:{type:ControlType.Color,title:\"Ring Active Color\",defaultValue:\"#A694FC\"},ringInactiveColor:{type:ControlType.Color,title:\"Ring Inactive Color\",defaultValue:\"#E6E6E6\"},// ===== SPACING VERTICAL =====\npaddingTopDesktop:{type:ControlType.Number,title:\"Padding Top Desktop\",defaultValue:40,min:0,max:200,step:5,displayStepper:true},paddingTopMobile:{type:ControlType.Number,title:\"Padding Top Mobile\",defaultValue:20,min:0,max:100,step:5,displayStepper:true},paddingBottomDesktop:{type:ControlType.Number,title:\"Padding Bottom Desktop\",defaultValue:40,min:0,max:200,step:5,displayStepper:true},paddingBottomMobile:{type:ControlType.Number,title:\"Padding Bottom Mobile\",defaultValue:24,min:0,max:100,step:5,displayStepper:true},headlineMarginBottomDesktop:{type:ControlType.Number,title:\"Headline ↓ Desktop\",defaultValue:30,min:0,max:100,step:5,displayStepper:true},headlineMarginBottomMobile:{type:ControlType.Number,title:\"Headline ↓ Mobile\",defaultValue:16,min:0,max:80,step:4,displayStepper:true},tabsMarginBottomDesktop:{type:ControlType.Number,title:\"Tabs ↓ Desktop\",defaultValue:40,min:0,max:100,step:5,displayStepper:true},tabsMarginBottomMobile:{type:ControlType.Number,title:\"Tabs ↓ Mobile\",defaultValue:16,min:0,max:80,step:4,displayStepper:true},carouselMarginBottomDesktop:{type:ControlType.Number,title:\"Carousel ↓ Desktop\",defaultValue:10,min:0,max:100,step:5,displayStepper:true},carouselMarginBottomMobile:{type:ControlType.Number,title:\"Carousel ↓ Mobile\",defaultValue:0,min:0,max:80,step:4,displayStepper:true},// ===== BOTÓN =====\nshowButton:{type:ControlType.Boolean,title:\"Show Button\",defaultValue:true},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Sign up\"},buttonLink:{type:ControlType.String,title:\"Button Link\",defaultValue:\"https://\"},buttonNewTab:{type:ControlType.Boolean,title:\"Open in New Tab\",defaultValue:false},buttonBgColor:{type:ControlType.Color,title:\"Button BG Color\",defaultValue:\"#DAFF61\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text Color\",defaultValue:\"#2B0A3D\"},buttonSize:{type:ControlType.Number,title:\"Button Font Size\",defaultValue:16,min:12,max:24,step:1,displayStepper:true},buttonWeight:{type:ControlType.Enum,title:\"Button Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:800},buttonBorderRadius:{type:ControlType.Number,title:\"Button Radius\",defaultValue:14,min:0,max:100,step:2,displayStepper:true},buttonPaddingYDesktop:{type:ControlType.Number,title:\"Button Padding Y Desktop\",defaultValue:18,min:8,max:40,step:2,displayStepper:true},buttonPaddingXDesktop:{type:ControlType.Number,title:\"Button Padding X Desktop\",defaultValue:80,min:20,max:150,step:5,displayStepper:true},buttonPaddingYMobile:{type:ControlType.Number,title:\"Button Padding Y Mobile\",defaultValue:14,min:8,max:30,step:2,displayStepper:true},buttonPaddingXMobile:{type:ControlType.Number,title:\"Button Padding X Mobile\",defaultValue:50,min:20,max:100,step:5,displayStepper:true},buttonBorder:{type:ControlType.Boolean,title:\"Button Border\",defaultValue:false},buttonBorderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,min:1,max:10,step:1,displayStepper:true,hidden:props=>!props.buttonBorder},buttonBorderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#2B0A3D\",hidden:props=>!props.buttonBorder},buttonShadow:{type:ControlType.Boolean,title:\"Button Shadow\",defaultValue:true},// ===== SECCIÓN: TAMAÑOS DE CARDS =====\ncardWidthDesktop:{type:ControlType.Number,title:\"Card Width Desktop\",defaultValue:380,min:200,max:600,step:10,displayStepper:true},cardWidthMobile:{type:ControlType.Number,title:\"Card Width Mobile (%)\",defaultValue:80,min:60,max:95,step:5,displayStepper:true},cardMaxWidthMobile:{type:ControlType.Number,title:\"Card Max Width Mobile\",defaultValue:320,min:250,max:400,step:10,displayStepper:true},cardHeightDesktop:{type:ControlType.Number,title:\"Card Height Desktop\",defaultValue:500,min:300,max:700,step:10,displayStepper:true},cardHeightMobile:{type:ControlType.Number,title:\"Card Height Mobile\",defaultValue:420,min:300,max:600,step:10,displayStepper:true},cardGapDesktop:{type:ControlType.Number,title:\"Card Gap Desktop\",defaultValue:40,min:10,max:100,step:5,displayStepper:true},cardGapMobile:{type:ControlType.Number,title:\"Card Gap Mobile\",defaultValue:15,min:5,max:50,step:5,displayStepper:true},cardBorderRadius:{type:ControlType.Number,title:\"Card Border Radius\",defaultValue:24,min:0,max:50,step:2,displayStepper:true},// ===== SECCIÓN: HEADLINE =====\nheadlineSizeDesktop:{type:ControlType.Number,title:\"Headline Size Desktop\",defaultValue:52,min:20,max:100,step:2,displayStepper:true},headlineSizeMobile:{type:ControlType.Number,title:\"Headline Size Mobile\",defaultValue:28,min:16,max:60,step:2,displayStepper:true},headlineWeight:{type:ControlType.Enum,title:\"Headline Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:900},headlineColor:{type:ControlType.Color,title:\"Headline Color\",defaultValue:\"#2B0A3D\"},headlineAlign:{type:ControlType.Enum,title:\"Headline Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},headlineLineHeight:{type:ControlType.Number,title:\"Headline Line Height\",defaultValue:1.05,min:.8,max:2,step:.05,displayStepper:true},headlineLetterSpacing:{type:ControlType.Number,title:\"Headline Letter Spacing\",defaultValue:-.02,min:-.1,max:.2,step:.01,displayStepper:true},// ===== SECCIÓN: TABS =====\ntabSizeDesktop:{type:ControlType.Number,title:\"Tab Size Desktop\",defaultValue:13,min:10,max:20,step:1,displayStepper:true},tabSizeMobile:{type:ControlType.Number,title:\"Tab Size Mobile\",defaultValue:11,min:8,max:16,step:1,displayStepper:true},tabWeight:{type:ControlType.Enum,title:\"Tab Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:600},tabActiveColor:{type:ControlType.Color,title:\"Tab Active Color\",defaultValue:\"#FFFFFF\"},tabInactiveColor:{type:ControlType.Color,title:\"Tab Inactive Color\",defaultValue:\"#2B0A3D\"},// ===== SECCIÓN: SERVICE CARD =====\nserviceLabelSizeDesktop:{type:ControlType.Number,title:\"Service Label Desktop\",defaultValue:11,min:8,max:16,step:1,displayStepper:true},serviceLabelSizeMobile:{type:ControlType.Number,title:\"Service Label Mobile\",defaultValue:10,min:8,max:14,step:1,displayStepper:true},serviceLabelWeight:{type:ControlType.Enum,title:\"Service Label Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:600},serviceLabelColor:{type:ControlType.Color,title:\"Service Label Color\",defaultValue:\"#666666\"},servicePriceSizeDesktop:{type:ControlType.Number,title:\"Service Price Desktop\",defaultValue:16,min:12,max:24,step:1,displayStepper:true},servicePriceSizeMobile:{type:ControlType.Number,title:\"Service Price Mobile\",defaultValue:14,min:12,max:20,step:1,displayStepper:true},servicePriceWeight:{type:ControlType.Enum,title:\"Service Price Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:800},servicePriceColor:{type:ControlType.Color,title:\"Service Price Color\",defaultValue:\"#2B0A3D\"},// ===== SECCIÓN: PAYMENT CARD =====\npaymentLabelSizeDesktop:{type:ControlType.Number,title:\"Payment Label Desktop\",defaultValue:12,min:8,max:16,step:1,displayStepper:true},paymentLabelSizeMobile:{type:ControlType.Number,title:\"Payment Label Mobile\",defaultValue:10,min:8,max:14,step:1,displayStepper:true},paymentLabelWeight:{type:ControlType.Enum,title:\"Payment Label Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:500},paymentLabelColor:{type:ControlType.Color,title:\"Payment Label Color\",defaultValue:\"#666666\"},paymentAmountSizeDesktop:{type:ControlType.Number,title:\"Payment Amount Desktop\",defaultValue:22,min:14,max:32,step:1,displayStepper:true},paymentAmountSizeMobile:{type:ControlType.Number,title:\"Payment Amount Mobile\",defaultValue:18,min:14,max:26,step:1,displayStepper:true},paymentAmountWeight:{type:ControlType.Enum,title:\"Payment Amount Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:700},paymentAmountColor:{type:ControlType.Color,title:\"Payment Amount Color\",defaultValue:\"#2B0A3D\"},// ===== SECCIÓN: RINGS =====\nringAmountSizeDesktop:{type:ControlType.Number,title:\"Ring Amount Desktop\",defaultValue:10,min:8,max:14,step:1,displayStepper:true},ringAmountSizeMobile:{type:ControlType.Number,title:\"Ring Amount Mobile\",defaultValue:9,min:7,max:12,step:1,displayStepper:true},ringAmountWeight:{type:ControlType.Enum,title:\"Ring Amount Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:700},ringAmountColor:{type:ControlType.Color,title:\"Ring Amount Color\",defaultValue:\"#2B0A3D\"},ringLabelSizeDesktop:{type:ControlType.Number,title:\"Ring Label Desktop\",defaultValue:9,min:7,max:12,step:1,displayStepper:true},ringLabelSizeMobile:{type:ControlType.Number,title:\"Ring Label Mobile\",defaultValue:8,min:6,max:11,step:1,displayStepper:true},ringLabelWeight:{type:ControlType.Enum,title:\"Ring Label Weight\",options:[100,200,300,400,500,600,700,800,900],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:400},ringLabelColor:{type:ControlType.Color,title:\"Ring Label Color\",defaultValue:\"#999999\"},// ===== POSICIONES DESKTOP =====\ndeskTopX:{type:ControlType.Number,title:\"Desk Top X\",defaultValue:-40},deskTopY:{type:ControlType.Number,title:\"Desk Top Y\",defaultValue:50},deskBotX:{type:ControlType.Number,title:\"Desk Bot X\",defaultValue:-20},deskBotY:{type:ControlType.Number,title:\"Desk Bot Y\",defaultValue:50},// ===== POSICIONES MOBILE =====\nmobTopX:{type:ControlType.Number,title:\"Mob Top X\",defaultValue:10,min:-100,max:100},mobTopY:{type:ControlType.Number,title:\"Mob Top Y\",defaultValue:30},mobBotX:{type:ControlType.Number,title:\"Mob Bot X\",defaultValue:10,min:-100,max:100},mobBotY:{type:ControlType.Number,title:\"Mob Bot Y\",defaultValue:30},// ===== ITEMS (SLIDES) =====\nitems:{type:ControlType.Array,title:\"Slides\",control:{type:ControlType.Object,controls:{tabName:{type:ControlType.String,title:\"Tab Name\",defaultValue:\"Tab\"},image:{type:ControlType.Image,title:\"Image\"},icon:{type:ControlType.Image,title:\"Icon\"},service:{type:ControlType.String,title:\"Service\",defaultValue:\"Service\"},price:{type:ControlType.String,title:\"Price\",defaultValue:\"$100\"},// ── PAYMENT CARD ───────────────────────────────────────\npaymentTitle:{type:ControlType.String,title:\"💳 Payment Title\",defaultValue:\"4 cuotas/ sin inter\\xe9s\"},paymentMainAmount:{type:ControlType.String,title:\"💳 Main Amount\",defaultValue:\"\"},opt1Label:{type:ControlType.String,title:\"① Label\",defaultValue:\"1 cuota\"},opt1Installments:{type:ControlType.Number,title:\"① # Cuotas\",defaultValue:1,min:1,max:48,step:1,displayStepper:true},opt1Fill:{type:ControlType.Number,title:\"① Ring Fill %\",defaultValue:100,min:0,max:100,step:5,displayStepper:true},opt1CustomAmount:{type:ControlType.Boolean,title:\"① Custom $\",defaultValue:false},opt1Amount:{type:ControlType.String,title:\"① Amount\",defaultValue:\"100.00\"},// ── OPTION 2 ──────────────────────────────────────────\nopt2Label:{type:ControlType.String,title:\"② Label\",defaultValue:\"3 cuotas\"},opt2Installments:{type:ControlType.Number,title:\"② # Cuotas\",defaultValue:3,min:1,max:48,step:1,displayStepper:true},opt2Fill:{type:ControlType.Number,title:\"② Ring Fill %\",defaultValue:75,min:0,max:100,step:5,displayStepper:true},opt2CustomAmount:{type:ControlType.Boolean,title:\"② Custom $\",defaultValue:false},opt2Amount:{type:ControlType.String,title:\"② Amount\",defaultValue:\"33.33\"},// ── OPTION 3 ──────────────────────────────────────────\nopt3Label:{type:ControlType.String,title:\"③ Label\",defaultValue:\"6 cuotas\"},opt3Installments:{type:ControlType.Number,title:\"③ # Cuotas\",defaultValue:6,min:1,max:48,step:1,displayStepper:true},opt3Fill:{type:ControlType.Number,title:\"③ Ring Fill %\",defaultValue:50,min:0,max:100,step:5,displayStepper:true},opt3CustomAmount:{type:ControlType.Boolean,title:\"③ Custom $\",defaultValue:false},opt3Amount:{type:ControlType.String,title:\"③ Amount\",defaultValue:\"16.67\"},// ── OPTION 4 ──────────────────────────────────────────\nopt4Label:{type:ControlType.String,title:\"④ Label\",defaultValue:\"9 cuotas\"},opt4Installments:{type:ControlType.Number,title:\"④ # Cuotas\",defaultValue:9,min:1,max:48,step:1,displayStepper:true},opt4Fill:{type:ControlType.Number,title:\"④ Ring Fill %\",defaultValue:25,min:0,max:100,step:5,displayStepper:true},opt4CustomAmount:{type:ControlType.Boolean,title:\"④ Custom $\",defaultValue:false},opt4Amount:{type:ControlType.String,title:\"④ Amount\",defaultValue:\"11.11\"}}},defaultValue:[{tabName:\"Bills\",service:\"AT&T\",price:\"$90.00\",paymentTitle:\"4 cuotas/ sin inter\\xe9s\",paymentMainAmount:\"\",opt1Label:\"1 cuota\",opt1Installments:1,opt1Fill:100,opt1CustomAmount:false,opt1Amount:\"90.00\",opt2Label:\"3 cuotas\",opt2Installments:3,opt2Fill:75,opt2CustomAmount:false,opt2Amount:\"30.00\",opt3Label:\"6 cuotas\",opt3Installments:6,opt3Fill:50,opt3CustomAmount:false,opt3Amount:\"15.00\",opt4Label:\"9 cuotas\",opt4Installments:9,opt4Fill:25,opt4CustomAmount:false,opt4Amount:\"10.00\"},{tabName:\"Travel\",service:\"Delta\",price:\"$300.00\",paymentTitle:\"4 cuotas/ sin inter\\xe9s\",paymentMainAmount:\"\",opt1Label:\"1 cuota\",opt1Installments:1,opt1Fill:100,opt1CustomAmount:false,opt1Amount:\"300.00\",opt2Label:\"3 cuotas\",opt2Installments:3,opt2Fill:75,opt2CustomAmount:false,opt2Amount:\"100.00\",opt3Label:\"6 cuotas\",opt3Installments:6,opt3Fill:50,opt3CustomAmount:false,opt3Amount:\"50.00\",opt4Label:\"9 cuotas\",opt4Installments:9,opt4Fill:25,opt4CustomAmount:false,opt4Amount:\"33.33\"},{tabName:\"Groceries\",service:\"Whole Foods\",price:\"$150.00\",paymentTitle:\"4 cuotas/ sin inter\\xe9s\",paymentMainAmount:\"\",opt1Label:\"1 cuota\",opt1Installments:1,opt1Fill:100,opt1CustomAmount:false,opt1Amount:\"150.00\",opt2Label:\"3 cuotas\",opt2Installments:3,opt2Fill:75,opt2CustomAmount:false,opt2Amount:\"50.00\",opt3Label:\"6 cuotas\",opt3Installments:6,opt3Fill:50,opt3CustomAmount:false,opt3Amount:\"25.00\",opt4Label:\"9 cuotas\",opt4Installments:9,opt4Fill:25,opt4CustomAmount:false,opt4Amount:\"16.67\"}]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ZipCarouselCentered\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Slider_events.map","// Framer Code Component: ReviewsCarousel — banca.me\n// Alineado a bancame-design (track WEB / marketing)\n// Tokens: Inter, #332675 / #755DDF / #05051e / #6e6e73\n// Radios: card 18px · badge 8px · sombra 0 4px 16px rgba(0,0,0,0.04)\n//\n// v2 — responsive: título/subtítulo con clamp(), card con min(px, 85vw).\n// badge sin monto (\"Compra verificada\").\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect}from\"react\";// Paleta de avatares alineada a marca: tintes de violeta/indigo + neutros cálidos.\n// Se mantiene compatibilidad con las clases Tailwind que vienen del sheet.\nconst colorMap={\"bg-violet-100\":\"#F0ECF9\",\"text-violet-700\":\"#332675\",\"bg-amber-100\":\"#FEF3C7\",\"text-amber-700\":\"#B45309\",\"bg-sky-100\":\"#E0F2FE\",\"text-sky-700\":\"#0369A1\",\"bg-emerald-100\":\"#DCFFDC\",\"text-emerald-700\":\"#022c22\",\"bg-rose-100\":\"#FFE4E6\",\"text-rose-700\":\"#BE123C\",\"bg-indigo-100\":\"#ECE8F4\",\"text-indigo-700\":\"#291D5E\"};function rc(tw,fb){return colorMap[tw]||fb;}// Formato CLP canónico: \"$ 31.375\" (espacio después del $, separador de miles)\nfunction formatCLP(value){const digits=value.replace(/[^\\d]/g,\"\");if(!digits)return value;return`$ ${Number(digits).toLocaleString(\"es-CL\")}`;}// Fallbacks: testimonios reales curados del CSAT, enriquecidos con nombre\n// desde la DB (privacy-safe: primer nombre + inicial). BNPL como héroe.\nconst fallbackReviews=[{nombre:\"Ricardo M.\",iniciales:\"RM\",ciudad:\"Paine\",rating:5,texto:\"Ha sido lo mejor que he conocido. Gracias por confiar en uno.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#F0ECF9\",color_text:\"#332675\"},{nombre:\"Sandra C.\",iniciales:\"SC\",ciudad:\"\",rating:5,texto:\"Gracias por confiar en las personas que no contamos con tarjeta de cr\\xe9dito pero s\\xed tenemos la capacidad de pagar las cuotas.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#ECE8F4\",color_text:\"#291D5E\"},{nombre:\"Mar\\xeda G.\",iniciales:\"MG\",ciudad:\"Rancagua\",rating:5,texto:\"Una s\\xfaper buena oportunidad para las personas castigadas por el sistema. Han sido un gran apoyo.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#DCFFDC\",color_text:\"#022c22\"},{nombre:\"Medely C.\",iniciales:\"MC\",ciudad:\"\",rating:5,texto:\"Lo intent\\xe9 muchas veces por el comercio sin \\xe9xito; cuando me hice una cuenta, todo fue muy expedito.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#F0ECF9\",color_text:\"#332675\"},{nombre:\"Luis M.\",iniciales:\"LM\",ciudad:\"\",rating:5,texto:\"Excelente, yo pensaba que esto solo exist\\xeda en EEUU.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#ECE8F4\",color_text:\"#291D5E\"},{nombre:\"Karin M.\",iniciales:\"KM\",ciudad:\"\",rating:5,texto:\"No ten\\xeda mucha fe porque no lo conoc\\xeda, pero super\\xf3 mis expectativas. Espero se mantenga as\\xed.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#DCFFDC\",color_text:\"#022c22\"},{nombre:\"Daniela V.\",iniciales:\"DV\",ciudad:\"Talca\",rating:5,texto:\"Lo recomiendo lo m\\xe1s que puedo, es de much\\xedsima ayuda. Gracias.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#F0ECF9\",color_text:\"#332675\"},{nombre:\"Carlos T.\",iniciales:\"CT\",ciudad:\"\",rating:5,texto:\"En general todo s\\xfaper bien, f\\xe1cil, r\\xe1pido.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#ECE8F4\",color_text:\"#291D5E\"},{nombre:\"Jaime C.\",iniciales:\"JC\",ciudad:\"Maip\\xfa\",rating:5,texto:\"Me gusta mucho esta modalidad de cr\\xe9dito.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#DCFFDC\",color_text:\"#022c22\"},{nombre:\"Edgar M.\",iniciales:\"EM\",ciudad:\"\",rating:5,texto:\"Les habl\\xe9 de banca.me a familiares y amigos y no me creen que se pueda sacar cr\\xe9dito as\\xed de f\\xe1cil.\",fecha:\"Junio 2026\",monto:\"\",color_bg:\"#F0ECF9\",color_text:\"#332675\"}];/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ReviewsCarousel(props){const{apiUrl,title,subtitle,eyebrow,badgeLabel,// Section header styles\ntitleColor,titleSize,titleWeight,subtitleColor,subtitleSize,eyebrowBg,eyebrowColor,// Card styles\ncardBg,cardBorder,cardRadius,cardWidth,cardPadding,cardShadow,nameColor,nameSize,nameWeight,metaColor,metaSize,starColor,textColor,textSize,textLineHeight,badgeBg,badgeTextColor,badgeIconColor,// Divider\ndividerColor,// Layout\ngap,paddingX,fadeColor,fontFamily}=props;const[reviews,setReviews]=useState(fallbackReviews);useEffect(()=>{if(!apiUrl){console.warn(\"[ReviewsCarousel] apiUrl vac\\xedo → usando fallback. Pega la URL del Apps Script en el panel de propiedades.\");return;}// &t=Date.now() rompe la caché agresiva de Apps Script → datos frescos\nfetch(`${apiUrl}?sheet=reviews&t=${Date.now()}`).then(r=>r.json()).then(rows=>{console.log(\"[ReviewsCarousel] filas recibidas:\",rows);if(Array.isArray(rows)&&rows.length>0){setReviews(rows.map(r=>({nombre:r.nombre||\"\",iniciales:r.iniciales||\"\",ciudad:r.ciudad||\"\",rating:Number(r.rating)||5,texto:r.texto||\"\",fecha:r.fecha||\"\",monto:formatCLP(r.monto||\"\"),color_bg:r.color_bg||\"bg-violet-100\",color_text:r.color_text||\"text-violet-700\"})));}else{console.warn(\"[ReviewsCarousel] respuesta vac\\xeda o sin filas → mantengo fallback\");}}).catch(e=>console.error(\"[ReviewsCarousel] fetch fall\\xf3:\",e));},[apiUrl]);return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",fontFamily},children:[/*#__PURE__*/_jsxs(\"div\",{style:{padding:`0 ${paddingX}px`,marginBottom:20},children:[eyebrow&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"inline-flex\",alignItems:\"center\",gap:6,padding:\"4px 10px\",borderRadius:8,background:eyebrowBg,fontSize:12,fontWeight:700,letterSpacing:\"0.02em\",textTransform:\"uppercase\",color:eyebrowColor,marginBottom:12},children:[/*#__PURE__*/_jsx(\"svg\",{width:\"13\",height:\"13\",viewBox:\"0 0 24 24\",fill:starColor,stroke:starColor,strokeWidth:\"2\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"polygon\",{points:\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"})}),eyebrow]}),/*#__PURE__*/_jsx(\"h2\",{style:{// responsive: escala de 22px (móvil) hasta titleSize (desktop)\nfontSize:`clamp(22px, 6vw, ${titleSize}px)`,fontWeight:titleWeight,color:titleColor,lineHeight:1.15,letterSpacing:\"-0.5px\",margin:0},children:title}),subtitle&&/*#__PURE__*/_jsx(\"p\",{style:{// responsive: escala de 14px (móvil) hasta subtitleSize\nfontSize:`clamp(14px, 3.5vw, ${subtitleSize}px)`,fontWeight:400,color:subtitleColor,lineHeight:1.5,margin:\"6px 0 0\"},children:subtitle})]}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",right:0,top:0,bottom:0,width:48,background:`linear-gradient(to left, ${fadeColor}, transparent)`,zIndex:10,pointerEvents:\"none\"}}),/*#__PURE__*/_jsxs(\"div\",{className:\"bm-reviews-scroll\",role:\"list\",\"aria-label\":\"Opiniones de clientes\",style:{display:\"flex\",gap,overflowX:\"auto\",scrollSnapType:\"x mandatory\",padding:`4px ${paddingX}px 8px`,msOverflowStyle:\"none\",scrollbarWidth:\"none\",WebkitOverflowScrolling:\"touch\"},children:[reviews.map((review,i)=>{const bgC=rc(review.color_bg,review.color_bg);const txC=rc(review.color_text,review.color_text);return /*#__PURE__*/_jsxs(\"div\",{role:\"listitem\",style:{flexShrink:0,// responsive: 85% del viewport en móvil, tope cardWidth en desktop\nwidth:`min(${cardWidth}px, 85vw)`,background:cardBg,borderRadius:cardRadius,padding:cardPadding,border:`1px solid ${cardBorder}`,boxShadow:cardShadow,scrollSnapAlign:\"start\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:12,marginBottom:12},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:40,height:40,borderRadius:\"50%\",background:bgC,color:txC,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:14,fontWeight:800,flexShrink:0},children:review.iniciales}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"div\",{style:{fontWeight:nameWeight,color:nameColor,fontSize:nameSize},children:review.nombre}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:metaSize,color:metaColor,fontWeight:500},children:review.ciudad?`${review.ciudad} \\xb7 ${review.fecha}`:review.fecha})]})]}),/*#__PURE__*/_jsx(\"div\",{role:\"img\",\"aria-label\":`${review.rating} de 5 estrellas`,style:{display:\"flex\",gap:2,marginBottom:12},children:Array.from({length:5}).map((_,j)=>/*#__PURE__*/_jsx(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 24 24\",fill:j