<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>WebForge — Style↔Palette Compatibility</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#0a0a0a;color:#fafafa;padding:2rem}
h1{font-size:2rem;font-weight:800;margin-bottom:.25rem}
.subtitle{color:#a3a3a3;margin-bottom:1.5rem;font-size:.9rem}
.search{width:100%;max-width:500px;padding:.75rem 1rem;border-radius:12px;border:1px solid #333;background:#111;color:#fff;font-size:1rem;margin-bottom:1.5rem}
.stats{display:flex;gap:2rem;margin-bottom:2rem;font-size:.85rem;color:#888}
.stats span{color:#fff;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:1rem}
.card{border-radius:12px;background:#111;border:1px solid #1a1a1a;padding:1.25rem;transition:border-color .2s}
.card:hover{border-color:#333}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}
.style-name{font-weight:700;font-size:1rem}
.style-id{font-size:.75rem;color:#555}
.style-cat{font-size:.7rem;padding:.2rem .5rem;border-radius:8px;background:#1a1a2e;color:#818cf8;border:1px solid #2e2e5e}
.matches{display:flex;flex-direction:column;gap:.5rem}
.match{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;background:#0a0a0a;border:1px solid #1a1a1a}
.match-rank{font-size:.7rem;font-weight:700;color:#555;width:18px}
.match-colors{display:flex;gap:2px}
.match-swatch{width:20px;height:20px;border-radius:4px;border:1px solid #222}
.match-info{flex:1}
.match-name{font-size:.85rem;font-weight:600}
.match-meta{font-size:.7rem;color:#666}
.match-score{display:flex;gap:2px}
.dot{width:8px;height:8px;border-radius:50%;background:#222}
.dot.on{background:#22c55e}
.dot.on.mid{background:#f59e0b}
.dot.on.low{background:#ef4444}
.businesses{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}
.biz{font-size:.65rem;padding:.15rem .4rem;border-radius:6px;background:#0a1e14;color:#6ee7b7;border:1px solid #1a2e20}
</style>
</head>
<body>
<h1>🔗 Style↔Palette Compatibility</h1>
<p class="subtitle">100 estilos × 40 paletas — Top 5 matches por estilo con score de afinidad</p>
<input class="search" placeholder="Buscar estilo, paleta, industria..." id="search">
<div class="stats">
<div><span>100</span> estilos</div>
<div><span>40</span> paletas</div>
<div><span>4,000</span> combinaciones analizadas</div>
</div>
<div class="grid" id="grid"></div>
<script>
const matrix = [{"style":"S01","name":"Tech Minimal","top5":[{"id":"P01","name":"Corporate Blue","score":5},{"id":"P29","name":"Warm Gray","score":5},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P30","name":"Cool Zinc","score":4},{"id":"P02","name":"Slate Professional","score":4}]},{"style":"S02","name":"Minimalist Monochrome","top5":[{"id":"P02","name":"Slate Professional","score":5},{"id":"P16","name":"Midnight Mono","score":5},{"id":"P28","name":"Pure Monochrome","score":5},{"id":"P29","name":"Warm Gray","score":3},{"id":"P14","name":"Hot Pink","score":2}]},{"style":"S03","name":"Mondrian / De Stijl","top5":[{"id":"P02","name":"Slate Professional","score":5},{"id":"P16","name":"Midnight Mono","score":4},{"id":"P19","name":"Creative Purple","score":4},{"id":"P28","name":"Pure Monochrome","score":3},{"id":"P01","name":"Corporate Blue","score":3}]},{"style":"S04","name":"Swiss / International Typographic","top5":[{"id":"P01","name":"Corporate Blue","score":5},{"id":"P03","name":"Navy Trust","score":4},{"id":"P29","name":"Warm Gray","score":4},{"id":"P02","name":"Slate Professional","score":3},{"id":"P16","name":"Midnight Mono","score":2}]},{"style":"S05","name":"Brutalist","top5":[{"id":"P02","name":"Slate Professional","score":4},{"id":"P16","name":"Midnight Mono","score":4},{"id":"P19","name":"Creative Purple","score":4},{"id":"P12","name":"Electric Coral","score":4},{"id":"P28","name":"Pure Monochrome","score":4}]},{"style":"S06","name":"Cyberpunk","top5":[{"id":"P05","name":"Deep Violet","score":5},{"id":"P31","name":"Aurora Gradient","score":5},{"id":"P18","name":"Carbon Tech","score":5},{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P12","name":"Electric Coral","score":3}]},{"style":"S07","name":"Retro 80s (Synthwave)","top5":[{"id":"P05","name":"Deep Violet","score":5},{"id":"P32","name":"Sunset Glow","score":5},{"id":"P11","name":"Sunrise Energy","score":4},{"id":"P12","name":"Electric Coral","score":4},{"id":"P17","name":"Dark Elegance","score":4}]},{"style":"S08","name":"Retro 60s–70s (Print Grain)","top5":[{"id":"P08","name":"Earth Tone","score":5},{"id":"P26","name":"Warm Amber","score":5},{"id":"P27","name":"Peach Soft","score":4},{"id":"P09","name":"Terracotta","score":4},{"id":"P35","name":"Restaurant Warm","score":4}]},{"style":"S09","name":"Memphis","top5":[{"id":"P11","name":"Sunrise Energy","score":5},{"id":"P12","name":"Electric Coral","score":3},{"id":"P05","name":"Deep Violet","score":2},{"id":"P27","name":"Peach Soft","score":2},{"id":"P13","name":"Neon Lime","score":2}]},{"style":"S10","name":"Luxury Editorial","top5":[{"id":"P15","name":"Golden Luxury","score":5},{"id":"P22","name":"Royal Burgundy","score":5},{"id":"P02","name":"Slate Professional","score":3},{"id":"P05","name":"Deep Violet","score":3},{"id":"P17","name":"Dark Elegance","score":3}]},{"style":"S11","name":"Japanese Minimal","top5":[{"id":"P07","name":"Sage Calm","score":5},{"id":"P02","name":"Slate Professional","score":4},{"id":"P06","name":"Forest Green","score":4},{"id":"P16","name":"Midnight Mono","score":3},{"id":"P05","name":"Deep Violet","score":3}]},{"style":"S12","name":"Nature Organic","top5":[{"id":"P06","name":"Forest Green","score":5},{"id":"P07","name":"Sage Calm","score":4},{"id":"P24","name":"Mint Clean","score":3},{"id":"P27","name":"Peach Soft","score":3},{"id":"P39","name":"Beauty Blush","score":2}]},{"style":"S13","name":"Material-ish","top5":[{"id":"P04","name":"Indigo SaaS","score":5},{"id":"P01","name":"Corporate Blue","score":4},{"id":"P30","name":"Cool Zinc","score":4},{"id":"P13","name":"Neon Lime","score":3},{"id":"P25","name":"Sky Clarity","score":3}]},{"style":"S14","name":"Glassmorphism","top5":[{"id":"P04","name":"Indigo SaaS","score":5},{"id":"P30","name":"Cool Zinc","score":5},{"id":"P31","name":"Aurora Gradient","score":5},{"id":"P05","name":"Deep Violet","score":4},{"id":"P01","name":"Corporate Blue","score":4}]},{"style":"S15","name":"Neumorphism","top5":[{"id":"P07","name":"Sage Calm","score":2},{"id":"P33","name":"Medical Clean","score":2},{"id":"P36","name":"Education Bright","score":2},{"id":"P02","name":"Slate Professional","score":2},{"id":"P04","name":"Indigo SaaS","score":2}]},{"style":"S16","name":"Terminal / Hacker","top5":[{"id":"P18","name":"Carbon Tech","score":4},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P05","name":"Deep Violet","score":2},{"id":"P30","name":"Cool Zinc","score":2},{"id":"P31","name":"Aurora Gradient","score":2}]},{"style":"S17","name":"Bauhaus Modernism","top5":[{"id":"P02","name":"Slate Professional","score":5},{"id":"P16","name":"Midnight Mono","score":4},{"id":"P19","name":"Creative Purple","score":4},{"id":"P01","name":"Corporate Blue","score":3},{"id":"P28","name":"Pure Monochrome","score":2}]},{"style":"S18","name":"Retro Pixel UI","top5":[{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2},{"id":"P26","name":"Warm Amber","score":2},{"id":"P35","name":"Restaurant Warm","score":2},{"id":"P05","name":"Deep Violet","score":1}]},{"style":"S19","name":"Aesthetic Harmony","top5":[{"id":"P01","name":"Corporate Blue","score":5},{"id":"P29","name":"Warm Gray","score":4},{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P30","name":"Cool Zinc","score":3},{"id":"P05","name":"Deep Violet","score":2}]},{"style":"S20","name":"Aurora Borealis","top5":[{"id":"P05","name":"Deep Violet","score":5},{"id":"P31","name":"Aurora Gradient","score":5},{"id":"P30","name":"Cool Zinc","score":4},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P18","name":"Carbon Tech","score":4}]},{"style":"S21","name":"Claymorphism","top5":[{"id":"P08","name":"Earth Tone","score":3},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P06","name":"Forest Green","score":2},{"id":"P09","name":"Terracotta","score":2},{"id":"P18","name":"Carbon Tech","score":2}]},{"style":"S22","name":"Dark Mode Elegance","top5":[{"id":"P05","name":"Deep Violet","score":5},{"id":"P31","name":"Aurora Gradient","score":5},{"id":"P30","name":"Cool Zinc","score":4},{"id":"P18","name":"Carbon Tech","score":4},{"id":"P01","name":"Corporate Blue","score":3}]},{"style":"S23","name":"Doodle Sketch","top5":[{"id":"P20","name":"Pastel Dream","score":3},{"id":"P03","name":"Navy Trust","score":2},{"id":"P39","name":"Beauty Blush","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P19","name":"Creative Purple","score":2}]},{"style":"S24","name":"Minimalist Line Art","top5":[{"id":"P02","name":"Slate Professional","score":5},{"id":"P16","name":"Midnight Mono","score":5},{"id":"P15","name":"Golden Luxury","score":3},{"id":"P28","name":"Pure Monochrome","score":3},{"id":"P01","name":"Corporate Blue","score":3}]},{"style":"S25","name":"Paper Craft","top5":[{"id":"P20","name":"Pastel Dream","score":5},{"id":"P19","name":"Creative Purple","score":2},{"id":"P27","name":"Peach Soft","score":2},{"id":"P39","name":"Beauty Blush","score":2},{"id":"P28","name":"Pure Monochrome","score":1}]},{"style":"S26","name":"Flat 2.0","top5":[{"id":"P11","name":"Sunrise Energy","score":5},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P03","name":"Navy Trust","score":4},{"id":"P13","name":"Neon Lime","score":3},{"id":"P25","name":"Sky Clarity","score":3}]},{"style":"S27","name":"Y2K Aesthetic","top5":[{"id":"P14","name":"Hot Pink","score":5},{"id":"P12","name":"Electric Coral","score":4},{"id":"P17","name":"Dark Elegance","score":2},{"id":"P32","name":"Sunset Glow","score":2},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S28","name":"Solarpunk","top5":[{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P18","name":"Carbon Tech","score":3},{"id":"P06","name":"Forest Green","score":3},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P13","name":"Neon Lime","score":2}]},{"style":"S29","name":"Art Deco","top5":[{"id":"P15","name":"Golden Luxury","score":4},{"id":"P22","name":"Royal Burgundy","score":3},{"id":"P05","name":"Deep Violet","score":3},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P17","name":"Dark Elegance","score":2}]},{"style":"S30","name":"Industrial","top5":[{"id":"P40","name":"Auto Mechanic","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P12","name":"Electric Coral","score":2},{"id":"P13","name":"Neon Lime","score":2},{"id":"P14","name":"Hot Pink","score":2}]},{"style":"S31","name":"Skeuomorphic","top5":[{"id":"P12","name":"Electric Coral","score":3},{"id":"P17","name":"Dark Elegance","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P13","name":"Neon Lime","score":2},{"id":"P31","name":"Aurora Gradient","score":2}]},{"style":"S32","name":"Windows 95","top5":[{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P18","name":"Carbon Tech","score":3},{"id":"P01","name":"Corporate Blue","score":2},{"id":"P13","name":"Neon Lime","score":2},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S33","name":"Liquid Metal","top5":[{"id":"P17","name":"Dark Elegance","score":5},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P05","name":"Deep Violet","score":4},{"id":"P18","name":"Carbon Tech","score":4},{"id":"P31","name":"Aurora Gradient","score":3}]},{"style":"S34","name":"Holographic","top5":[{"id":"P27","name":"Peach Soft","score":5},{"id":"P05","name":"Deep Violet","score":5},{"id":"P14","name":"Hot Pink","score":4},{"id":"P39","name":"Beauty Blush","score":4},{"id":"P11","name":"Sunrise Energy","score":3}]},{"style":"S35","name":"Blueprint","top5":[{"id":"P13","name":"Neon Lime","score":3},{"id":"P02","name":"Slate Professional","score":2},{"id":"P16","name":"Midnight Mono","score":2},{"id":"P01","name":"Corporate Blue","score":2},{"id":"P03","name":"Navy Trust","score":2}]},{"style":"S36","name":"Chalkboard","top5":[{"id":"P08","name":"Earth Tone","score":5},{"id":"P27","name":"Peach Soft","score":3},{"id":"P26","name":"Warm Amber","score":3},{"id":"P35","name":"Restaurant Warm","score":3},{"id":"P03","name":"Navy Trust","score":2}]},{"style":"S37","name":"Newspaper","top5":[{"id":"P28","name":"Pure Monochrome","score":5},{"id":"P16","name":"Midnight Mono","score":3},{"id":"P21","name":"Bold Red","score":2},{"id":"P32","name":"Sunset Glow","score":1},{"id":"P01","name":"Corporate Blue","score":1}]},{"style":"S38","name":"Magazine","top5":[{"id":"P14","name":"Hot Pink","score":4},{"id":"P02","name":"Slate Professional","score":3},{"id":"P28","name":"Pure Monochrome","score":3},{"id":"P12","name":"Electric Coral","score":2},{"id":"P15","name":"Golden Luxury","score":2}]},{"style":"S39","name":"Comic Book","top5":[{"id":"P05","name":"Deep Violet","score":3},{"id":"P18","name":"Carbon Tech","score":3},{"id":"P13","name":"Neon Lime","score":2},{"id":"P19","name":"Creative Purple","score":2},{"id":"P04","name":"Indigo SaaS","score":1}]},{"style":"S40","name":"Postcard","top5":[{"id":"P09","name":"Terracotta","score":4},{"id":"P22","name":"Royal Burgundy","score":3},{"id":"P06","name":"Forest Green","score":3},{"id":"P08","name":"Earth Tone","score":3},{"id":"P26","name":"Warm Amber","score":3}]},{"style":"S41","name":"Polaroid","top5":[{"id":"P11","name":"Sunrise Energy","score":4},{"id":"P32","name":"Sunset Glow","score":4},{"id":"P16","name":"Midnight Mono","score":3},{"id":"P19","name":"Creative Purple","score":3},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S42","name":"Ticket Stub","top5":[{"id":"P11","name":"Sunrise Energy","score":3},{"id":"P17","name":"Dark Elegance","score":2},{"id":"P27","name":"Peach Soft","score":2},{"id":"P32","name":"Sunset Glow","score":2},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S43","name":"Low Poly","top5":[{"id":"P18","name":"Carbon Tech","score":4},{"id":"P05","name":"Deep Violet","score":3},{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P30","name":"Cool Zinc","score":3},{"id":"P13","name":"Neon Lime","score":2}]},{"style":"S44","name":"Isometric","top5":[{"id":"P04","name":"Indigo SaaS","score":5},{"id":"P01","name":"Corporate Blue","score":3},{"id":"P16","name":"Midnight Mono","score":3},{"id":"P37","name":"Real Estate","score":3},{"id":"P30","name":"Cool Zinc","score":3}]},{"style":"S45","name":"Voxel","top5":[{"id":"P18","name":"Carbon Tech","score":4},{"id":"P05","name":"Deep Violet","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P30","name":"Cool Zinc","score":2},{"id":"P31","name":"Aurora Gradient","score":2}]},{"style":"S46","name":"Abstract Memphis","top5":[{"id":"P11","name":"Sunrise Energy","score":5},{"id":"P12","name":"Electric Coral","score":4},{"id":"P27","name":"Peach Soft","score":4},{"id":"P32","name":"Sunset Glow","score":4},{"id":"P14","name":"Hot Pink","score":4}]},{"style":"S47","name":"Brutalist 3D","top5":[{"id":"P16","name":"Midnight Mono","score":3},{"id":"P02","name":"Slate Professional","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P30","name":"Cool Zinc","score":2}]},{"style":"S48","name":"Fluid 3D","top5":[{"id":"P31","name":"Aurora Gradient","score":3},{"id":"P27","name":"Peach Soft","score":2},{"id":"P39","name":"Beauty Blush","score":2},{"id":"P05","name":"Deep Violet","score":2},{"id":"P13","name":"Neon Lime","score":2}]},{"style":"S49","name":"Watercolor","top5":[{"id":"P27","name":"Peach Soft","score":4},{"id":"P20","name":"Pastel Dream","score":3},{"id":"P28","name":"Pure Monochrome","score":2},{"id":"P39","name":"Beauty Blush","score":2},{"id":"P19","name":"Creative Purple","score":2}]},{"style":"S50","name":"Collage","top5":[{"id":"P28","name":"Pure Monochrome","score":3},{"id":"P12","name":"Electric Coral","score":3},{"id":"P17","name":"Dark Elegance","score":2},{"id":"P14","name":"Hot Pink","score":2},{"id":"P27","name":"Peach Soft","score":2}]},{"style":"S51","name":"Hand Drawn","top5":[{"id":"P02","name":"Slate Professional","score":4},{"id":"P16","name":"Midnight Mono","score":4},{"id":"P19","name":"Creative Purple","score":3},{"id":"P28","name":"Pure Monochrome","score":2},{"id":"P39","name":"Beauty Blush","score":2}]},{"style":"S52","name":"Pop Art","top5":[{"id":"P12","name":"Electric Coral","score":4},{"id":"P05","name":"Deep Violet","score":2},{"id":"P28","name":"Pure Monochrome","score":2},{"id":"P39","name":"Beauty Blush","score":2},{"id":"P11","name":"Sunrise Energy","score":2}]},{"style":"S53","name":"Graffiti","top5":[{"id":"P12","name":"Electric Coral","score":5},{"id":"P05","name":"Deep Violet","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P13","name":"Neon Lime","score":2},{"id":"P14","name":"Hot Pink","score":2}]},{"style":"S54","name":"Art Nouveau","top5":[{"id":"P27","name":"Peach Soft","score":4},{"id":"P07","name":"Sage Calm","score":3},{"id":"P15","name":"Golden Luxury","score":3},{"id":"P39","name":"Beauty Blush","score":3},{"id":"P05","name":"Deep Violet","score":2}]},{"style":"S55","name":"Oceanic","top5":[{"id":"P10","name":"Ocean Breeze","score":2},{"id":"P21","name":"Bold Red","score":2},{"id":"P35","name":"Restaurant Warm","score":2},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2}]},{"style":"S56","name":"Forest","top5":[{"id":"P08","name":"Earth Tone","score":3},{"id":"P09","name":"Terracotta","score":3},{"id":"P06","name":"Forest Green","score":2},{"id":"P13","name":"Neon Lime","score":2},{"id":"P26","name":"Warm Amber","score":2}]},{"style":"S57","name":"Desert","top5":[{"id":"P08","name":"Earth Tone","score":5},{"id":"P26","name":"Warm Amber","score":4},{"id":"P27","name":"Peach Soft","score":3},{"id":"P09","name":"Terracotta","score":3},{"id":"P11","name":"Sunrise Energy","score":3}]},{"style":"S58","name":"Polar","top5":[{"id":"P24","name":"Mint Clean","score":3},{"id":"P13","name":"Neon Lime","score":3},{"id":"P14","name":"Hot Pink","score":2},{"id":"P32","name":"Sunset Glow","score":2},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S59","name":"Jungle","top5":[{"id":"P06","name":"Forest Green","score":2},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P12","name":"Electric Coral","score":2}]},{"style":"S60","name":"Volcanic","top5":[{"id":"P13","name":"Neon Lime","score":3},{"id":"P11","name":"Sunrise Energy","score":3},{"id":"P21","name":"Bold Red","score":3},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2}]},{"style":"S61","name":"Leather","top5":[{"id":"P17","name":"Dark Elegance","score":3},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P30","name":"Cool Zinc","score":2},{"id":"P31","name":"Aurora Gradient","score":2}]},{"style":"S62","name":"Denim","top5":[{"id":"P01","name":"Corporate Blue","score":2},{"id":"P03","name":"Navy Trust","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P29","name":"Warm Gray","score":2}]},{"style":"S63","name":"Brushed Steel","top5":[{"id":"P17","name":"Dark Elegance","score":2},{"id":"P30","name":"Cool Zinc","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P31","name":"Aurora Gradient","score":2}]},{"style":"S64","name":"Carbon Fiber","top5":[{"id":"P17","name":"Dark Elegance","score":3},{"id":"P05","name":"Deep Violet","score":2},{"id":"P01","name":"Corporate Blue","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P30","name":"Cool Zinc","score":2}]},{"style":"S65","name":"Stained Glass","top5":[{"id":"P39","name":"Beauty Blush","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P12","name":"Electric Coral","score":2},{"id":"P19","name":"Creative Purple","score":2},{"id":"P28","name":"Pure Monochrome","score":1}]},{"style":"S66","name":"Knitwear","top5":[{"id":"P27","name":"Peach Soft","score":2},{"id":"P02","name":"Slate Professional","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P20","name":"Pastel Dream","score":2}]},{"style":"S67","name":"Cybernetic","top5":[{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P13","name":"Neon Lime","score":4},{"id":"P18","name":"Carbon Tech","score":4},{"id":"P23","name":"Teal Fresh","score":3},{"id":"P33","name":"Medical Clean","score":3}]},{"style":"S68","name":"Steampunk","top5":[{"id":"P15","name":"Golden Luxury","score":2},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P21","name":"Bold Red","score":2}]},{"style":"S69","name":"Alien","top5":[{"id":"P18","name":"Carbon Tech","score":5},{"id":"P05","name":"Deep Violet","score":5},{"id":"P17","name":"Dark Elegance","score":4},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P14","name":"Hot Pink","score":2}]},{"style":"S70","name":"Fantasy","top5":[{"id":"P05","name":"Deep Violet","score":3},{"id":"P15","name":"Golden Luxury","score":3},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2},{"id":"P26","name":"Warm Amber","score":2}]},{"style":"S71","name":"Wasteland","top5":[{"id":"P12","name":"Electric Coral","score":2},{"id":"P06","name":"Forest Green","score":2},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2},{"id":"P11","name":"Sunrise Energy","score":2}]},{"style":"S72","name":"Starship","top5":[{"id":"P07","name":"Sage Calm","score":3},{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P30","name":"Cool Zinc","score":3},{"id":"P03","name":"Navy Trust","score":2},{"id":"P01","name":"Corporate Blue","score":2}]},{"style":"S73","name":"Impressionist","top5":[{"id":"P22","name":"Royal Burgundy","score":3},{"id":"P20","name":"Pastel Dream","score":3},{"id":"P16","name":"Midnight Mono","score":2},{"id":"P39","name":"Beauty Blush","score":2},{"id":"P11","name":"Sunrise Energy","score":2}]},{"style":"S74","name":"Cubist","top5":[{"id":"P02","name":"Slate Professional","score":4},{"id":"P16","name":"Midnight Mono","score":3},{"id":"P19","name":"Creative Purple","score":3},{"id":"P36","name":"Education Bright","score":2},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S75","name":"Surrealist","top5":[{"id":"P28","name":"Pure Monochrome","score":3},{"id":"P39","name":"Beauty Blush","score":3},{"id":"P08","name":"Earth Tone","score":2},{"id":"P16","name":"Midnight Mono","score":2},{"id":"P19","name":"Creative Purple","score":2}]},{"style":"S76","name":"Renaissance","top5":[{"id":"P36","name":"Education Bright","score":2},{"id":"P19","name":"Creative Purple","score":2},{"id":"P21","name":"Bold Red","score":2},{"id":"P38","name":"Gym Power","score":2},{"id":"P03","name":"Navy Trust","score":1}]},{"style":"S77","name":"Ukiyo-e","top5":[{"id":"P13","name":"Neon Lime","score":4},{"id":"P39","name":"Beauty Blush","score":4},{"id":"P08","name":"Earth Tone","score":3},{"id":"P16","name":"Midnight Mono","score":3},{"id":"P22","name":"Royal Burgundy","score":3}]},{"style":"S78","name":"Gothic","top5":[{"id":"P17","name":"Dark Elegance","score":4},{"id":"P15","name":"Golden Luxury","score":3},{"id":"P12","name":"Electric Coral","score":2},{"id":"P16","name":"Midnight Mono","score":2},{"id":"P22","name":"Royal Burgundy","score":2}]},{"style":"S79","name":"Corporate Clean","top5":[{"id":"P01","name":"Corporate Blue","score":5},{"id":"P03","name":"Navy Trust","score":4},{"id":"P29","name":"Warm Gray","score":3},{"id":"P02","name":"Slate Professional","score":2},{"id":"P33","name":"Medical Clean","score":2}]},{"style":"S80","name":"Startup Vibrant","top5":[{"id":"P01","name":"Corporate Blue","score":5},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P13","name":"Neon Lime","score":4},{"id":"P30","name":"Cool Zinc","score":4},{"id":"P05","name":"Deep Violet","score":3}]},{"style":"S81","name":"Enterprise Blue","top5":[{"id":"P30","name":"Cool Zinc","score":4},{"id":"P03","name":"Navy Trust","score":3},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P05","name":"Deep Violet","score":2},{"id":"P15","name":"Golden Luxury","score":2}]},{"style":"S82","name":"Fintech Trust","top5":[{"id":"P01","name":"Corporate Blue","score":5},{"id":"P05","name":"Deep Violet","score":5},{"id":"P30","name":"Cool Zinc","score":3},{"id":"P31","name":"Aurora Gradient","score":3},{"id":"P03","name":"Navy Trust","score":3}]},{"style":"S83","name":"Health Medical","top5":[{"id":"P23","name":"Teal Fresh","score":5},{"id":"P24","name":"Mint Clean","score":5},{"id":"P33","name":"Medical Clean","score":4},{"id":"P07","name":"Sage Calm","score":2},{"id":"P06","name":"Forest Green","score":2}]},{"style":"S84","name":"Eco Green","top5":[{"id":"P06","name":"Forest Green","score":4},{"id":"P35","name":"Restaurant Warm","score":2},{"id":"P07","name":"Sage Calm","score":2},{"id":"P08","name":"Earth Tone","score":2},{"id":"P09","name":"Terracotta","score":2}]},{"style":"S85","name":"Kids Playful","top5":[{"id":"P11","name":"Sunrise Energy","score":3},{"id":"P13","name":"Neon Lime","score":3},{"id":"P21","name":"Bold Red","score":3},{"id":"P38","name":"Gym Power","score":3},{"id":"P25","name":"Sky Clarity","score":2}]},{"style":"S86","name":"Gamer RGB","top5":[{"id":"P18","name":"Carbon Tech","score":5},{"id":"P05","name":"Deep Violet","score":4},{"id":"P13","name":"Neon Lime","score":3},{"id":"P31","name":"Aurora Gradient","score":3},{"id":"P04","name":"Indigo SaaS","score":2}]},{"style":"S87","name":"Luxury Gold","top5":[{"id":"P15","name":"Golden Luxury","score":5},{"id":"P05","name":"Deep Violet","score":4},{"id":"P22","name":"Royal Burgundy","score":3},{"id":"P17","name":"Dark Elegance","score":3},{"id":"P37","name":"Real Estate","score":3}]},{"style":"S88","name":"Luxury Silver","top5":[{"id":"P30","name":"Cool Zinc","score":3},{"id":"P23","name":"Teal Fresh","score":3},{"id":"P13","name":"Neon Lime","score":2},{"id":"P01","name":"Corporate Blue","score":2},{"id":"P04","name":"Indigo SaaS","score":2}]},{"style":"S89","name":"Minimalist Serif","top5":[{"id":"P28","name":"Pure Monochrome","score":2},{"id":"P16","name":"Midnight Mono","score":2},{"id":"P01","name":"Corporate Blue","score":2},{"id":"P02","name":"Slate Professional","score":2},{"id":"P03","name":"Navy Trust","score":2}]},{"style":"S90","name":"Brutalist Color","top5":[{"id":"P32","name":"Sunset Glow","score":5},{"id":"P14","name":"Hot Pink","score":4},{"id":"P02","name":"Slate Professional","score":3},{"id":"P11","name":"Sunrise Energy","score":3},{"id":"P13","name":"Neon Lime","score":3}]},{"style":"S91","name":"E-ink Paper","top5":[{"id":"P02","name":"Slate Professional","score":3},{"id":"P29","name":"Warm Gray","score":3},{"id":"P28","name":"Pure Monochrome","score":2},{"id":"P01","name":"Corporate Blue","score":2},{"id":"P03","name":"Navy Trust","score":2}]},{"style":"S92","name":"OLED Black","top5":[{"id":"P17","name":"Dark Elegance","score":4},{"id":"P31","name":"Aurora Gradient","score":3},{"id":"P05","name":"Deep Violet","score":2},{"id":"P11","name":"Sunrise Energy","score":2},{"id":"P30","name":"Cool Zinc","score":2}]},{"style":"S93","name":"Terminal Retro","top5":[{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P13","name":"Neon Lime","score":2},{"id":"P06","name":"Forest Green","score":2},{"id":"P08","name":"Earth Tone","score":2}]},{"style":"S94","name":"Code Editor","top5":[{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P18","name":"Carbon Tech","score":4},{"id":"P05","name":"Deep Violet","score":3},{"id":"P17","name":"Dark Elegance","score":3},{"id":"P01","name":"Corporate Blue","score":2}]},{"style":"S95","name":"Data Dashboard","top5":[{"id":"P30","name":"Cool Zinc","score":4},{"id":"P01","name":"Corporate Blue","score":4},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P02","name":"Slate Professional","score":2},{"id":"P03","name":"Navy Trust","score":2}]},{"style":"S96","name":"SciFi HUD","top5":[{"id":"P18","name":"Carbon Tech","score":5},{"id":"P05","name":"Deep Violet","score":4},{"id":"P04","name":"Indigo SaaS","score":3},{"id":"P13","name":"Neon Lime","score":3},{"id":"P30","name":"Cool Zinc","score":3}]},{"style":"S97","name":"Frosted Glass","top5":[{"id":"P01","name":"Corporate Blue","score":4},{"id":"P30","name":"Cool Zinc","score":4},{"id":"P04","name":"Indigo SaaS","score":4},{"id":"P02","name":"Slate Professional","score":3},{"id":"P05","name":"Deep Violet","score":3}]},{"style":"S98","name":"Acrylic Fluid","top5":[{"id":"P30","name":"Cool Zinc","score":4},{"id":"P25","name":"Sky Clarity","score":2},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P18","name":"Carbon Tech","score":2},{"id":"P31","name":"Aurora Gradient","score":2}]},{"style":"S99","name":"Material You","top5":[{"id":"P25","name":"Sky Clarity","score":3},{"id":"P30","name":"Cool Zinc","score":3},{"id":"P07","name":"Sage Calm","score":2},{"id":"P14","name":"Hot Pink","score":2},{"id":"P04","name":"Indigo SaaS","score":2}]},{"style":"S100","name":"The Ultimate","top5":[{"id":"P05","name":"Deep Violet","score":4},{"id":"P31","name":"Aurora Gradient","score":3},{"id":"P04","name":"Indigo SaaS","score":2},{"id":"P30","name":"Cool Zinc","score":2},{"id":"P14","name":"Hot Pink","score":2}]}];
const palettes = [{"id":"P01","name":"Corporate Blue","category":"profesional","mood":["profesional","confianza","corporativo","serio"],"colors":{"light":{"text":"#0a0a0f","background":"#f8f9fc","primary":"#1e40af","secondary":"#dbeafe","accent":"#3b82f6"},"dark":{"text":"#f0f4ff","background":"#0a0f1e","primary":"#60a5fa","secondary":"#1e293b","accent":"#3b82f6"}},"industries":["Fintech","SaaS B2B","Consultoría","Legal","Seguros"]},{"id":"P02","name":"Slate Professional","category":"profesional","mood":["elegante","neutro","sofisticado","minimalista"],"colors":{"light":{"text":"#0f172a","background":"#f8fafc","primary":"#334155","secondary":"#e2e8f0","accent":"#475569"},"dark":{"text":"#f1f5f9","background":"#0f172a","primary":"#94a3b8","secondary":"#1e293b","accent":"#64748b"}},"industries":["Agencia","Portfolio","Arquitectura","Diseño","Moda"]},{"id":"P03","name":"Navy Trust","category":"profesional","mood":["confianza","autoridad","estable","institucional"],"colors":{"light":{"text":"#0c1222","background":"#f5f7fa","primary":"#1e3a5f","secondary":"#d4e4f7","accent":"#2563eb"},"dark":{"text":"#e8edf5","background":"#0c1222","primary":"#5b9bd5","secondary":"#162740","accent":"#3b82f6"}},"industries":["Banca","Gobierno","Educación","Salud","Inmobiliaria"]},{"id":"P04","name":"Indigo SaaS","category":"tech","mood":["moderno","tech","innovador","limpio"],"colors":{"light":{"text":"#111827","background":"#fafbff","primary":"#4f46e5","secondary":"#e0e7ff","accent":"#6366f1"},"dark":{"text":"#e0e7ff","background":"#0f0e1a","primary":"#818cf8","secondary":"#1e1b4b","accent":"#6366f1"}},"industries":["SaaS","Startup Tech","AI/ML","DevTools","Cloud"]},{"id":"P05","name":"Deep Violet","category":"premium","mood":["premium","creativo","exclusivo","lujoso"],"colors":{"light":{"text":"#1a0a2e","background":"#faf5ff","primary":"#7c3aed","secondary":"#ede9fe","accent":"#a78bfa"},"dark":{"text":"#f5f0ff","background":"#0f0a1e","primary":"#a78bfa","secondary":"#1e1533","accent":"#7c3aed"}},"industries":["Fintech Premium","Crypto","Eventos VIP","Entretenimiento","Gaming"]},{"id":"P06","name":"Forest Green","category":"natural","mood":["natural","orgánico","sostenible","fresco"],"colors":{"light":{"text":"#0d1f0d","background":"#f5faf5","primary":"#166534","secondary":"#dcfce7","accent":"#22c55e"},"dark":{"text":"#ecfdf5","background":"#0d1a0d","primary":"#4ade80","secondary":"#14301d","accent":"#22c55e"}},"industries":["Eco-friendly","Alimentación orgánica","Yoga/Wellness","Jardinería","Turismo rural"]},{"id":"P07","name":"Sage Calm","category":"natural","mood":["calmado","zen","equilibrado","suave"],"colors":{"light":{"text":"#1a2e1a","background":"#f6f9f4","primary":"#5f7c5f","secondary":"#e8efe4","accent":"#7da07d"},"dark":{"text":"#dce8dc","background":"#121e12","primary":"#8fbc8f","secondary":"#1a2e1a","accent":"#6b9e6b"}},"industries":["Spa","Meditación","Terapia","Herboristería","Wellness"]},{"id":"P08","name":"Earth Tone","category":"cálido","mood":["cálido","rústico","artesanal","acogedor"],"colors":{"light":{"text":"#2c1810","background":"#fdf8f4","primary":"#92400e","secondary":"#fef3c7","accent":"#d97706"},"dark":{"text":"#fef3e2","background":"#1a0f08","primary":"#fbbf24","secondary":"#2c1810","accent":"#d97706"}},"industries":["Café","Panadería","Restaurante","Cerámica","Muebles artesanales"]},{"id":"P09","name":"Terracotta","category":"cálido","mood":["mediterráneo","artesanal","auténtico","cálido"],"colors":{"light":{"text":"#2e1a0e","background":"#fef7f0","primary":"#c2410c","secondary":"#ffedd5","accent":"#ea580c"},"dark":{"text":"#fef0e0","background":"#1a0e06","primary":"#fb923c","secondary":"#2e1a0e","accent":"#ea580c"}},"industries":["Alfarería","Vinos","Restaurante mediterráneo","Decoración","Turismo"]},{"id":"P10","name":"Ocean Breeze","category":"fresco","mood":["fresco","relajado","costero","limpio"],"colors":{"light":{"text":"#0a1929","background":"#f0f9ff","primary":"#0284c7","secondary":"#e0f2fe","accent":"#06b6d4"},"dark":{"text":"#e0f2fe","background":"#0a1520","primary":"#38bdf8","secondary":"#0c2a3e","accent":"#06b6d4"}},"industries":["Beach resort","Surf shop","Marisquería","Náutica","Turismo costa"]},{"id":"P11","name":"Sunrise Energy","category":"energético","mood":["energético","optimista","joven","dinámico"],"colors":{"light":{"text":"#1a0a00","background":"#fffbf5","primary":"#ea580c","secondary":"#fff7ed","accent":"#f59e0b"},"dark":{"text":"#fff5e6","background":"#1a0a00","primary":"#fb923c","secondary":"#2e1400","accent":"#f59e0b"}},"industries":["Fitness","Startup","Delivery","App móvil","Eventos"]},{"id":"P12","name":"Electric Coral","category":"energético","mood":["vibrante","audaz","moderno","llamativo"],"colors":{"light":{"text":"#1a0612","background":"#fff5f7","primary":"#e11d48","secondary":"#ffe4e6","accent":"#fb7185"},"dark":{"text":"#ffe4e6","background":"#1a0612","primary":"#fb7185","secondary":"#2e0a1e","accent":"#e11d48"}},"industries":["Moda joven","Música","Club nocturno","Streetwear","Redes sociales"]},{"id":"P13","name":"Neon Lime","category":"energético","mood":["joven","deportivo","tech","fresco"],"colors":{"light":{"text":"#0a1a00","background":"#f7fff0","primary":"#65a30d","secondary":"#ecfccb","accent":"#84cc16"},"dark":{"text":"#ecfccb","background":"#0a1200","primary":"#a3e635","secondary":"#1a2e00","accent":"#84cc16"}},"industries":["Deportes","Esports","Bebidas energéticas","Tech startup","Fitness app"]},{"id":"P14","name":"Hot Pink","category":"energético","mood":["divertido","femenino","atrevido","pop"],"colors":{"light":{"text":"#2e0a20","background":"#fff5f9","primary":"#db2777","secondary":"#fce7f3","accent":"#ec4899"},"dark":{"text":"#fce7f3","background":"#1a0612","primary":"#f472b6","secondary":"#2e0a20","accent":"#ec4899"}},"industries":["Belleza","Moda","Dulcería","Influencer","Lifestyle"]},{"id":"P15","name":"Golden Luxury","category":"premium","mood":["lujoso","exclusivo","premium","sofisticado"],"colors":{"light":{"text":"#1a1000","background":"#fffdf5","primary":"#92700c","secondary":"#fef9c3","accent":"#ca8a04"},"dark":{"text":"#fef9c3","background":"#120e00","primary":"#eab308","secondary":"#1a1400","accent":"#ca8a04"}},"industries":["Joyería","Relojería","Hotel 5*","Inmobiliaria lujo","Moda alta gama"]},{"id":"P16","name":"Midnight Mono","category":"minimal","mood":["oscuro","minimalista","editorial","serio"],"colors":{"light":{"text":"#0a0a0a","background":"#fafafa","primary":"#171717","secondary":"#f5f5f5","accent":"#404040"},"dark":{"text":"#fafafa","background":"#0a0a0a","primary":"#e5e5e5","secondary":"#171717","accent":"#a3a3a3"}},"industries":["Fotografía","Portfolio","Arquitectura","Galería arte","Estudio diseño"]},{"id":"P17","name":"Dark Elegance","category":"premium","mood":["elegante","nocturno","premium","sofisticado"],"colors":{"light":{"text":"#1a1a2e","background":"#f5f5fa","primary":"#16213e","secondary":"#e2e2f0","accent":"#0f3460"},"dark":{"text":"#eaeaf5","background":"#0a0a1a","primary":"#e94560","secondary":"#16213e","accent":"#533483"}},"industries":["Bar cocktails","Club","Cine","Música","Automotive"]},{"id":"P18","name":"Carbon Tech","category":"tech","mood":["tech","futurista","oscuro","potente"],"colors":{"light":{"text":"#09090b","background":"#fafafa","primary":"#18181b","secondary":"#f4f4f5","accent":"#22d3ee"},"dark":{"text":"#fafafa","background":"#09090b","primary":"#22d3ee","secondary":"#18181b","accent":"#06b6d4"}},"industries":["Cybersecurity","DevTools","Gaming","Hardware","AI"]},{"id":"P19","name":"Creative Purple","category":"creativo","mood":["creativo","imaginativo","artístico","inspirador"],"colors":{"light":{"text":"#1e0a2e","background":"#fdf4ff","primary":"#9333ea","secondary":"#f3e8ff","accent":"#a855f7"},"dark":{"text":"#f3e8ff","background":"#0f051a","primary":"#c084fc","secondary":"#1e0a2e","accent":"#a855f7"}},"industries":["Agencia creativa","Estudio diseño","Ilustración","Branding","Fotografía"]},{"id":"P20","name":"Pastel Dream","category":"suave","mood":["suave","dulce","delicado","infantil"],"colors":{"light":{"text":"#2e2040","background":"#fef7ff","primary":"#c084fc","secondary":"#fae8ff","accent":"#f0abfc"},"dark":{"text":"#fae8ff","background":"#1a0e2e","primary":"#d8b4fe","secondary":"#2e1a40","accent":"#e879f9"}},"industries":["Guardería","Ilustración infantil","Pastelería","Papelería","Baby shop"]},{"id":"P21","name":"Bold Red","category":"energético","mood":["urgente","poderoso","pasional","impactante"],"colors":{"light":{"text":"#1a0000","background":"#fff5f5","primary":"#dc2626","secondary":"#fee2e2","accent":"#ef4444"},"dark":{"text":"#fee2e2","background":"#1a0505","primary":"#f87171","secondary":"#2e0a0a","accent":"#ef4444"}},"industries":["Fast food","Deportes","Ofertas/Deals","Emergencias","Noticias"]},{"id":"P22","name":"Royal Burgundy","category":"premium","mood":["elegante","exclusivo","tradicional","cálido"],"colors":{"light":{"text":"#2e0a14","background":"#fdf2f4","primary":"#881337","secondary":"#ffe4e6","accent":"#be123c"},"dark":{"text":"#ffe4e6","background":"#1a0610","primary":"#fb7185","secondary":"#2e0a14","accent":"#e11d48"}},"industries":["Vino","Hotel boutique","Restaurante gourmet","Abogados","Moda clásica"]},{"id":"P23","name":"Teal Fresh","category":"fresco","mood":["fresco","moderno","confiable","limpio"],"colors":{"light":{"text":"#042f2e","background":"#f0fdfa","primary":"#0d9488","secondary":"#ccfbf1","accent":"#14b8a6"},"dark":{"text":"#ccfbf1","background":"#042f2e","primary":"#2dd4bf","secondary":"#0a2520","accent":"#14b8a6"}},"industries":["Healthtech","Dentista","Clínica","Farmacia","Nutrición"]},{"id":"P24","name":"Mint Clean","category":"fresco","mood":["limpio","higiénico","fresco","moderno"],"colors":{"light":{"text":"#0a2e20","background":"#f0fdf4","primary":"#059669","secondary":"#d1fae5","accent":"#34d399"},"dark":{"text":"#d1fae5","background":"#0a1e14","primary":"#6ee7b7","secondary":"#0a2e20","accent":"#34d399"}},"industries":["Limpieza","Dental","Cosmética natural","Farmacia","Óptica"]},{"id":"P25","name":"Sky Clarity","category":"fresco","mood":["abierto","accesible","amigable","claro"],"colors":{"light":{"text":"#0c1929","background":"#f0f9ff","primary":"#0369a1","secondary":"#e0f2fe","accent":"#0ea5e9"},"dark":{"text":"#e0f2fe","background":"#0c1929","primary":"#38bdf8","secondary":"#0c2a3e","accent":"#0ea5e9"}},"industries":["Educación online","Non-profit","App infantil","Comunidad","Plataforma social"]},{"id":"P26","name":"Warm Amber","category":"cálido","mood":["cálido","acogedor","hogar","confortable"],"colors":{"light":{"text":"#1c0e00","background":"#fffbeb","primary":"#b45309","secondary":"#fef3c7","accent":"#f59e0b"},"dark":{"text":"#fef3c7","background":"#1a0e00","primary":"#fbbf24","secondary":"#2e1800","accent":"#f59e0b"}},"industries":["Inmobiliaria","Decoración","Muebles","Airbnb","Café acogedor"]},{"id":"P27","name":"Peach Soft","category":"suave","mood":["suave","femenino","delicado","cálido"],"colors":{"light":{"text":"#2e1a14","background":"#fff8f5","primary":"#c2410c","secondary":"#fed7aa","accent":"#fb923c"},"dark":{"text":"#fed7aa","background":"#1a0e0a","primary":"#fdba74","secondary":"#2e1a0e","accent":"#fb923c"}},"industries":["Floristería","Cosmética","Boda/Eventos","Café","Moda femenina"]},{"id":"P28","name":"Pure Monochrome","category":"minimal","mood":["minimalista","editorial","artístico","limpio"],"colors":{"light":{"text":"#000000","background":"#ffffff","primary":"#000000","secondary":"#f5f5f5","accent":"#737373"},"dark":{"text":"#ffffff","background":"#000000","primary":"#ffffff","secondary":"#171717","accent":"#a3a3a3"}},"industries":["Revista","Blog editorial","Fotografía B&W","Typography studio","Arte"]},{"id":"P29","name":"Warm Gray","category":"profesional","mood":["neutro","profesional","elegante","discreto"],"colors":{"light":{"text":"#1c1917","background":"#fafaf9","primary":"#44403c","secondary":"#f5f5f4","accent":"#78716c"},"dark":{"text":"#fafaf9","background":"#1c1917","primary":"#d6d3d1","secondary":"#292524","accent":"#a8a29e"}},"industries":["Consultoría","Contabilidad","Abogados","Notaría","Asesoría"]},{"id":"P30","name":"Cool Zinc","category":"tech","mood":["moderno","limpio","tech","preciso"],"colors":{"light":{"text":"#09090b","background":"#fafafa","primary":"#27272a","secondary":"#f4f4f5","accent":"#52525b"},"dark":{"text":"#fafafa","background":"#09090b","primary":"#d4d4d8","secondary":"#18181b","accent":"#71717a"}},"industries":["Fintech","Productivity app","Dashboard","Analytics","CRM"]},{"id":"P31","name":"Aurora Gradient","category":"tech","mood":["futurista","mágico","AI","innovador"],"colors":{"light":{"text":"#0f0720","background":"#fafaff","primary":"#7c3aed","secondary":"#ede9fe","accent":"#06b6d4"},"dark":{"text":"#ede9fe","background":"#0f0720","primary":"#a78bfa","secondary":"#1e1040","accent":"#22d3ee"}},"industries":["AI/ML","Crypto","Metaverso","Music streaming","Creative tools"]},{"id":"P32","name":"Sunset Glow","category":"energético","mood":["cálido","inspirador","creativo","energético"],"colors":{"light":{"text":"#1a0a00","background":"#fffaf5","primary":"#ea580c","secondary":"#fff1e6","accent":"#e11d48"},"dark":{"text":"#fff1e6","background":"#1a0a00","primary":"#fb923c","secondary":"#2e1400","accent":"#fb7185"}},"industries":["Travel","Festival","Lifestyle blog","Fotografía","Coaching"]},{"id":"P33","name":"Medical Clean","category":"profesional","mood":["limpio","confiable","profesional","salud"],"colors":{"light":{"text":"#0a2540","background":"#f0f8ff","primary":"#0077b6","secondary":"#caf0f8","accent":"#00b4d8"},"dark":{"text":"#caf0f8","background":"#0a1929","primary":"#48cae4","secondary":"#023e58","accent":"#00b4d8"}},"industries":["Hospital","Clínica","Dentista","Fisioterapia","Laboratorio"]},{"id":"P34","name":"Legal Classic","category":"profesional","mood":["serio","respetable","tradicional","estable"],"colors":{"light":{"text":"#1a1a2e","background":"#f8f7f4","primary":"#2c2c54","secondary":"#e8e6e0","accent":"#706f6c"},"dark":{"text":"#e8e6e0","background":"#12121e","primary":"#aeaeb2","secondary":"#2c2c40","accent":"#8e8e93"}},"industries":["Bufete abogados","Notaría","Tribunal","Asesoría fiscal","Gestora"]},{"id":"P35","name":"Restaurant Warm","category":"cálido","mood":["apetitoso","cálido","acogedor","gastronómico"],"colors":{"light":{"text":"#2e0e00","background":"#fef9f2","primary":"#9a3412","secondary":"#fed7aa","accent":"#c2410c"},"dark":{"text":"#fed7aa","background":"#1a0800","primary":"#fb923c","secondary":"#3b1106","accent":"#ea580c"}},"industries":["Restaurante","Catering","Food truck","Pizzería","Taberna"]},{"id":"P36","name":"Education Bright","category":"fresco","mood":["accesible","amigable","educativo","claro"],"colors":{"light":{"text":"#0f172a","background":"#f8fafc","primary":"#1d4ed8","secondary":"#dbeafe","accent":"#f59e0b"},"dark":{"text":"#dbeafe","background":"#0f172a","primary":"#60a5fa","secondary":"#1e293b","accent":"#fbbf24"}},"industries":["Colegio","Academia","E-learning","Biblioteca","Centro formación"]},{"id":"P37","name":"Real Estate","category":"premium","mood":["confiable","premium","estable","aspiracional"],"colors":{"light":{"text":"#1a1a2e","background":"#f9f9f6","primary":"#1e3a5f","secondary":"#dce5f0","accent":"#c7a95c"},"dark":{"text":"#dce5f0","background":"#0e1420","primary":"#6b9dc2","secondary":"#1a2940","accent":"#d4b96a"}},"industries":["Inmobiliaria","Constructora","Promotora","Arquitecto","Home staging"]},{"id":"P38","name":"Gym Power","category":"energético","mood":["poderoso","motivador","energético","fuerte"],"colors":{"light":{"text":"#0a0a0a","background":"#fafafa","primary":"#dc2626","secondary":"#fef2f2","accent":"#171717"},"dark":{"text":"#fafafa","background":"#0a0a0a","primary":"#ef4444","secondary":"#1c1917","accent":"#fbbf24"}},"industries":["Gimnasio","CrossFit","MMA","Personal trainer","Suplementos"]},{"id":"P39","name":"Beauty Blush","category":"suave","mood":["femenino","elegante","delicado","premium"],"colors":{"light":{"text":"#2e1a20","background":"#fdf2f8","primary":"#be185d","secondary":"#fce7f3","accent":"#f9a8d4"},"dark":{"text":"#fce7f3","background":"#1a0612","primary":"#f472b6","secondary":"#2e0a1e","accent":"#ec4899"}},"industries":["Salón belleza","Peluquería","Estética","Nail art","Cosmética"]},{"id":"P40","name":"Auto Mechanic","category":"profesional","mood":["industrial","fuerte","práctico","fiable"],"colors":{"light":{"text":"#111827","background":"#f9fafb","primary":"#1f2937","secondary":"#e5e7eb","accent":"#f59e0b"},"dark":{"text":"#e5e7eb","background":"#111827","primary":"#d1d5db","secondary":"#1f2937","accent":"#fbbf24"}},"industries":["Taller mecánico","Automoción","Ferretería","Construcción","Fontanería"]}];
const paletteMap = Object.fromEntries(palettes.map(p => [p.id, p]));
const stylesData = {"S01":{"businesses":["SaaS","Fintech","Startup","Consultoría B2B","Tech"]},"S02":{"businesses":["Moda","Arquitectura","Fotografía","Arte","Editorial"]},"S03":{"businesses":["Arte","Diseño","Museo","Agencia creativa","Galería"]},"S04":{"businesses":["Corporativo","Consultoría","Gobierno","Ingeniería","Legal"]},"S05":{"businesses":["Agencia creativa","Arte","Moda alternativa","Música","Estudio diseño"]},"S06":{"businesses":["Gaming","Tech","VR/AR","Música electrónica","Crypto"]},"S07":{"businesses":["Entretenimiento","Música","Arcade","Eventos","Festival"]},"S08":{"businesses":["Café","Cervecería artesanal","Barbería","Vintage shop","Panadería"]},"S09":{"businesses":["Kids","Juguetes","Eventos","Startup creativa","Snacks"]},"S10":{"businesses":["Joyería","Moda lujo","Hotel boutique","Spa premium","Perfumería"]},"S11":{"businesses":["Spa","Yoga","Té","Meditación","Arquitectura minimalista"]},"S12":{"businesses":["Eco-friendly","Alimentos orgánicos","Cosmética natural","Wellness","Herbolario"]},"S13":{"businesses":["App","SaaS","Productividad","Tech","Plataforma digital"]},"S14":{"businesses":["Fintech","Crypto","App premium","SaaS moderno","Banca digital"]},"S15":{"businesses":["Smart home","Wearables","Wellness app","IoT","Domótica"]},"S16":{"businesses":["Cybersecurity","DevTools","Hosting","Tech hardcore","Infraestructura"]},"S17":{"businesses":["Arquitectura","Diseño industrial","Museo","Agencia","Estudio"]},"S18":{"businesses":["Indie games","Arcade bar","Retro shop","Gaming casual","Nostalgia"]},"S19":{"businesses":["SaaS","Fintech","B2B","Consultoría","Plataforma"]},"S20":{"businesses":["Crypto","AI startup","Fintech","Tech premium","Metaverse"]},"S21":{"businesses":["Kids app","Educación infantil","Juegos casuales","Toys","Familia"]},"S22":{"businesses":["Fintech","Crypto","Luxury tech","Entertainment","Streaming"]},"S23":{"businesses":["Educación","Creatividad","Kids","Artesanía","Workshop"]},"S24":{"businesses":["Estudio diseño","Arquitectura","Moda","Joyería minimalista","Portfolio"]},"S25":{"businesses":["Papelería","Crafts","Editorial","Invitaciones","Scrapbooking"]},"S26":{"businesses":["SaaS","App","Startup","Educación","Productividad"]},"S27":{"businesses":["Moda Gen-Z","Música","Beauty","Lifestyle","Streetwear"]},"S28":{"businesses":["Energía renovable","Eco-tech","Sustainability","Green startup","Agricultura"]},"S29":{"businesses":["Hotel boutique","Joyería","Bar cocktail","Eventos premium","Casino"]},"S30":{"businesses":["Construcción","Manufactura","Logística","Coworking","Almacén"]},"S31":{"businesses":["Apps clásicas","Música","Libros","Herramientas","Podcasts"]},"S32":{"businesses":["DevTools","Indie games","Tech retro","Nostalgia","Hacker culture"]},"S33":{"businesses":["Tech premium","Automotive","AI","Productos premium","Robotics"]},"S34":{"businesses":["Beauty","Moda","Eventos","Tech premium","Cosmética"]},"S35":{"businesses":["Ingeniería","Arquitectura","Manufactura","Tech","Educación técnica"]},"S36":{"businesses":["Educación","Café","Restaurante casual","Clases","Tutoría"]},"S37":{"businesses":["Noticias","Editorial","Periodismo","Blog","Documentales"]},"S38":{"businesses":["Moda","Beauty","Lifestyle premium","Celebridades","Revistas"]},"S39":{"businesses":["Entretenimiento","Gaming","Kids","Snacks","Animación"]},"S40":{"businesses":["Viajes","Turismo","Hotel boutique","Agencia viajes","Experiencias"]},"S41":{"businesses":["Fotografía","Eventos","Wedding","Memories","Galería"]},"S42":{"businesses":["Eventos","Conciertos","Cine","Transporte","Festivales"]},"S43":{"businesses":["Gaming","VR/AR","Tech","3D art","Metaverse"]},"S44":{"businesses":["Tech","SaaS","Infografías","Arquitectura","Inmobiliaria"]},"S45":{"businesses":["Gaming","Kids","NFT","Metaverse","Educación lúdica"]},"S46":{"businesses":["Agencia creativa","Startup","Eventos","Moda joven","Festival"]},"S47":{"businesses":["Arquitectura","Arte contemporáneo","Museo","Galería","Escultura"]},"S48":{"businesses":["Beauty","Tech premium","Cosmética","Agua/Bebidas","Skincare"]},"S49":{"businesses":["Wedding","Floristería","Arte","Invitaciones","Jardín"]},"S50":{"businesses":["Arte","Moda alternativa","Revistas","Música","Collage art"]},"S51":{"businesses":["Arquitectura","Artesanía","Diseño","Consultoría personal","Portfolio"]},"S52":{"businesses":["Entretenimiento","Snacks","Streetwear","Arte","Publicidad"]},"S53":{"businesses":["Streetwear","Skate","Hip-hop","Urban culture","Graffiti art"]},"S54":{"businesses":["Floristería","Joyería artesanal","Spa","Perfumería","Chocolatería"]},"S55":{"businesses":["Seafood","Acuario","Surf","Coastal living","Buceo"]},"S56":{"businesses":["Eco-lodge","Outdoor","Camping","Productos naturales","Cabañas"]},"S57":{"businesses":["Resort desierto","Café árabe","Moda bohemia","Especias","Artesanía"]},"S58":{"businesses":["Skincare","Agua premium","Nordic style","Limpieza","Criogenia"]},"S59":{"businesses":["Eco-tourism","Botanical","Tropical bar","Plantas","Aventura"]},"S60":{"businesses":["Gaming intenso","Fitness extremo","BBQ","Energía","Deportes extremos"]},"S61":{"businesses":["Marroquinería","Automotive","Gentleman club","Whisky","Cigarros"]},"S62":{"businesses":["Jeans","Workwear","Americana","Casual fashion","Western"]},"S63":{"businesses":["Electrodomésticos","Herramientas","Automotive","Appliances","Maquinaria"]},"S64":{"businesses":["Automotive","Cycling","Sports premium","Tech gadgets","Racing"]},"S65":{"businesses":["Iglesias","Monumentos","Heritage","Arte sacro","Vitrales"]},"S66":{"businesses":["Winter fashion","Home decor","Handmade","Cozy café","Tejidos"]},"S67":{"businesses":["Biotech","Healthtech","Medical AI","Genética","Laboratorio"]},"S68":{"businesses":["Bar temático","Escape room","Joyería steampunk","Games","Cosplay"]},"S69":{"businesses":["Sci-fi entertainment","VR experiences","Gaming","Escape room","Cine"]},"S70":{"businesses":["RPG games","Fantasy books","Medieval events","Tabletop","LARP"]},"S71":{"businesses":["Survival games","Outdoor gear","Industrial music","Airsoft","Militar"]},"S72":{"businesses":["Space tech","Aerospace","Sci-fi games","Planetario","Educación espacial"]},"S73":{"businesses":["Galería arte","Hotel boutique","Wedding","Jardines","Vino"]},"S74":{"businesses":["Galería arte","Museo moderno","Arquitectura","Diseño","Academia"]},"S75":{"businesses":["Arte","Experiencias inmersivas","Perfumería artística","Teatro","Cine arte"]},"S76":{"businesses":["Educación clásica","Libros","Museo","Antigüedades","Academia"]},"S77":{"businesses":["Restaurante japonés","Arte asiático","Té","Cultura japonesa","Cerámica"]},"S78":{"businesses":["Moda gótica","Música metal","Tattoo studio","Escape rooms","Horror"]},"S79":{"businesses":["Corporativo","Banca","Seguros","Consultoría B2B","Legal"]},"S80":{"businesses":["SaaS","Startup","Fintech","Productividad","Tech"]},"S81":{"businesses":["Enterprise software","Analytics","B2B data","Finanzas","Gobierno"]},"S82":{"businesses":["Fintech","Banca digital","Inversiones","Crypto","Seguros"]},"S83":{"businesses":["Clínica","Telemedicina","Farmacia","Wellness","Dental"]},"S84":{"businesses":["Eco-products","Sustainability","Organic food","Green energy","Reciclaje"]},"S85":{"businesses":["Kids apps","Juguetes","Educación infantil","Parques","Animación"]},"S86":{"businesses":["Esports","Gaming gear","Streaming","PC gaming","Torneos"]},"S87":{"businesses":["Joyería","Luxury brands","Vinos premium","Private banking","Relojería"]},"S88":{"businesses":["Tech premium","Automotive luxury","Skincare","Appliances","Electrónica"]},"S89":{"businesses":["Lifestyle brand","Home decor","Slow living","Artesanía","Café specialty"]},"S90":{"businesses":["Agencia creativa","Arte moderno","Moda experimental","Festival","Galería"]},"S91":{"businesses":["Ebooks","News","Reading apps","Documentación","Blog minimalista"]},"S92":{"businesses":["Apps premium","Streaming","Photography","Video","Cine"]},"S93":{"businesses":["DevTools vintage","Hacker culture","Retro tech","Terminal","CLI tools"]},"S94":{"businesses":["DevTools","Coding platforms","Tech education","IDE","API docs"]},"S95":{"businesses":["Analytics","BI tools","Fintech","Monitoring","Data science"]},"S96":{"businesses":["VR/AR","Gaming","Drones","Military tech","Simulación"]},"S97":{"businesses":["SaaS premium","Fintech","Lifestyle apps","Banking","Portfolio"]},"S98":{"businesses":["Productivity apps","Enterprise software","OS apps","Microsoft ecosystem"]},"S99":{"businesses":["Android apps","Lifestyle","Personal productivity","Wellness","Social"]},"S100":{"businesses":["VR/AR","Metaverse","Tech showcase","Experiential","Innovación"]}};
const searchEl = document.getElementById('search');
const gridEl = document.getElementById('grid');
searchEl.addEventListener('input', render);
function render() {
const q = searchEl.value.toLowerCase();
const filtered = matrix.filter(m => {
if (!q) return true;
const searchable = [m.style, m.name, ...m.top5.map(t=>t.name), ...(stylesData[m.style]?.businesses||[])].join(' ').toLowerCase();
return searchable.includes(q);
});
gridEl.innerHTML = filtered.map(m => {
const biz = stylesData[m.style]?.businesses || [];
return `<div class="card">
<div class="card-head">
<div>
<div class="style-name">${m.name}</div>
<div class="style-id">${m.style}</div>
</div>
</div>
<div class="businesses">${biz.map(b=>'<span class="biz">'+b+'</span>').join('')}</div>
<div class="matches" style="margin-top:.75rem">
${m.top5.map((t,i) => {
const p = paletteMap[t.id];
if (!p) return '';
const c = p.colors.light;
const dots = Array(5).fill(0).map((_,j) =>
'<div class="dot'+(j<t.score?' on'+(t.score<=2?' low':t.score<=3?' mid':''):'')+'"></div>'
).join('');
return `<div class="match">
<div class="match-rank">#${i+1}</div>
<div class="match-colors">
<div class="match-swatch" style="background:${c.primary}"></div>
<div class="match-swatch" style="background:${c.accent}"></div>
<div class="match-swatch" style="background:${c.secondary}"></div>
</div>
<div class="match-info">
<div class="match-name">${t.id} ${t.name}</div>
<div class="match-meta">${p.category} · ${p.mood.slice(0,2).join(', ')}</div>
</div>
<div class="match-score">${dots}</div>
</div>`;
}).join('')}
</div>
</div>`;
}).join('');
}
render();
</script>
</body>
</html>
